/*
Theme Name: Svetalini
Author: Shayan Habib
*/
* {
box-sizing: border-box;
outline: none;
}
html, body {
margin: 0;
padding: 0;
font-family: "Montserrat", sans-serif;
}
a {
text-decoration: none;
}
p, pre {
margin: 0 0 24px;
}
.direction-column{
flex-direction: column;
}
.main-container {
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
}
ul.top-nav-menu li {
line-height: 14px;
}
.hero-wrapper {
position: relative;
}
.hero {
padding: 0 0 30px;
}
.hero-box {
background: #F8EBD7;
border-radius: 24px;
display: flex;
overflow: hidden;
min-height: 460px;
}
.hero-left {
width: 50%;
padding: 82px 30px;
background: url(images/hero_layer.png);
background-position: center;
background-size: cover;
}
.hero-left h1 {
font-size: 30px;
font-weight: 400;
line-height: 1.5;
margin: 0 0 15px;
color: #121212;
font-family: "Unbounded", sans-serif;
text-transform: uppercase;
}
.hero-left p {
font-size: 14px;
line-height: 1.8;
color: #000000;
margin-bottom: 10px;
}
.hero-left ul {
padding-left: 30px;
margin-bottom: 40px;
}
.hero-left li {
font-size: 14px;
margin-bottom: 8px;
}
.hero-btn {
background: #1B263B;
color: #fff;
padding: 14px 28px;
border-radius: 40px;
font-size: 12px;
font-weight: 300;
font-family: "Unbounded", sans-serif;
}
.hero-btn:hover {
opacity: .8;
}
.hero-btn img {
margin-left: 10px;
}
.hero-right {
width: 50%;
height: 500px;
}
.hero-right img {
width: 100%;
height: 500px;
object-fit: cover;
}
.hero-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
width: 35px;
height: 35px;
border-radius: 100%;
border: none;
background: #F8EBD7;
padding: 0;
display: flex;
justify-content: center;
align-items: anchor-center;
}
.hero-prev { left: -30px; }
.hero-next { right: -30px; }
.slick-dots {
bottom: -40px !important;
}
.slick-dots li.slick-active button:before {
background: #F8EBD7 !important;
border-radius: 100px;
}
.icons {
padding: 30px 0 0;
text-align: center;
}
.slick-dots li button:before {
font-size: 12px;
width: 12px !important;
height: 11px !important;
content: ' ' !important;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px !important;
height: 10px !important;
padding: 5px;
cursor: pointer;
color: transparent;
outline: none;
background: transparent;
border: 1px solid #1212121A !important;
border-radius: 1000px;
}
.icons-row {
display: flex;
justify-content: space-between;
gap: 40px;
}
.icon-item {
width: 30%;
}
.icon-item img {
height: 40px;
margin-bottom: 8px;
}
.icon-item h4 {
margin: 0 0 20px;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
font-family: "Unbounded", sans-serif;
color: #1B263B;
}
.icon-item p {
font-size: 14px;
line-height: 1.5;
color: #000000;
}
.products {
padding: 40px 0;
}
.products-header {
margin-bottom: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products.columns-3 li.product {
width: 31.9%;
margin: 0 20px 20px 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce .products ul::before,
.woocommerce .products ul::after {
content: none !important;
display: none !important;
}
.woocommerce ul.products li.product:nth-child(3n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(3n) {
margin-right: 0;
}
del {
text-decoration: none !important;
}
li.product .price del bdi {
color: #ABABAB !important;
font-size: 10px !important;
font-weight: 700;
line-height: 10px !important;
font-family: 'Montserrat' , sans-serif;
text-decoration: line-through;
margin-right: 3px;
}
span.woocommerce-Price-amount.amount bdi {
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 14px;
font-family: 'Montserrat' , sans-serif;
}
ins span.woocommerce-Price-amount.amount bdi {
color: #C80000;
}
.products-header h2 {
color: #1B263B;
font-size: 30px;
font-weight: 400;
margin: 0;
font-family: "Unbounded", sans-serif;
text-transform: uppercase;
}
.products-header a {
font-size: 12px;
color: #121212;
text-decoration: none;
font-family: "Unbounded", sans-serif;
font-weight: 300;
display: flex;
gap: 5px;
}
.product-slider {
margin-left: -12px;
margin-right: -12px;
}
.product-sliders {
margin: 0 -12px;
}
.product-sliderss {
margin: 0 -12px;
}
.product-cards {
background: #fff;
margin: 0px;
transition: 0.3s ease;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.product-cards.slick-slide.slick-current.slick-active li {
margin-left: 12px;
}
.product-cards li {
margin-left: 20px;
border: 1px solid #0000000D;
border-radius: 20px;
}
.product-cards li {
margin-left: 20px;
border: 1px solid #0000000D;
border-radius: 20px;
}
ul.products li {
border: 1px solid #0000000D;
}
.product-cards img {
width: 100%;
height: 320px;
object-fit: contain;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
object-position: center;
}
.rating_line {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 5px;
}
.stars {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.stars svg {
fill: #FBC02D !important;
}
.count {
font-family: "Unbounded", sans-serif;
font-weight: 300;
font-size: 11px;
color: #000000;
margin-left: 5px;
}
.product-cards h3 a{
font-size: 14px;
font-weight: 500;
color: #000000;
line-height: 24px;
}
.product-cards h3 {
padding: 0 !important;
margin: 0;
}
li.product {
list-style: none;
}
/* .slick-track {
gap: 20px !important;
} */
li.product .price {
font-size: 14px;
font-weight: 600;
margin: 4px 0 10px;
color: #000000;
}
.prod_content {
padding: 10px 15px 15px;
/*border: 1px solid #0000000D;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: none;*/
}
del span.woocommerce-Price-amount.amount bdi {
color: #ABABAB !important;
font-size: 10px !important;
font-weight: 700;
line-height: 10px !important;
font-family: 'Montserrat', sans-serif;
text-decoration: line-through;
margin-right: 4px;
}
.woocommerce.columns-4{
padding: 0 !important;
}
.cart-btn {
width: 100%;
padding: 10px;
border-radius: 40px;
border: none;
background: #F8EBD7;
color: #121212;
font-size: 12px;
transition: 0.3s;
font-family: "Unbounded", sans-serif;
font-weight: 300;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.cart-btn img {
display: inline-block;
margin-right: 10px;
height: 13px;
width: auto;
}
.cart-btn:hover {
background: #1B263B;
color: #fff;
}
.cart-btn:hover img {
filter: invert(1);
}
.cart-btn:hover svg {
filter: invert(1)
}
.badge {
position: absolute;
top: 14px;
background: #1B263B;
font-family: "Unbounded", sans-serif;
font-weight: 300;
color: #fff;
font-size: 10px;
padding: 6px 10px;
border-radius: 20px;
margin-left: 14px;
z-index: 1;
}
.red_bad{
background: #C80000 !important;
}
.product-slider .slick-prev,
.product-slider .slick-next {
width: 40px;
height: 40px;
background: #E8DCC8;
border-radius: 50%;
z-index: 2;
}
.product-slider .slick-prev {
left: -50px;
}
.product-slider .slick-next {
right: -50px;
}
.product-slider .slick-prev:before,
.product-slider .slick-next:before {
color: #1E2A3A;
font-size: 18px;
}
.products-wrapper {
position: relative;
}
.product-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
width: 35px;
height: 35px;
border-radius: 100%;
border: none;
background: #F8EBD7;
padding: 0;
display: flex;
justify-content: center;
align-items: anchor-center;
}
.product-prev { left: -50px; }
.product-next { right: -60px; }
.product-prevs { left: -50px; }
.product-nexts { right: -60px; }
.product-prevss { left: -50px; }
.product-nextss { right: -60px; }
.top-navigation-bar {
width: 100%;
height: 40px;
background: #1B263B;
position: relative;
}
.top-nav-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.top-nav-menu {
display: flex;
gap: 15px;
align-items: center;
list-style:none;
margin:0;padding:0;
}
.top-nav-link,
.top-nav-menu li a {
color: white;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
line-height: 14px;
text-decoration: none;
transition: opacity 0.3s ease;
position: relative;
}
.top-nav-link:hover,
.top-nav-menu li a:hover {
color: #F8EBD7;
}
.top-nav-link::after,
.top-nav-menu li a::after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 0;
height: 2px;
background-color: #F8EBD7;
transition: width 0.3s ease;
}
.top-nav-link:hover::after,
.top-nav-menu li a:hover::after {
width: 100%;
}
.language-switcher-wrapper {
position: relative;
display: inline-block;
}
button#langToggle svg {
width: 10px;
height: 10px;
}
.language-switcher {
display: flex;
align-items: center;
justify-content: center;
background: #f5e6d0;
border-radius: 5px;
padding: 3.5px 10px;
cursor: pointer;
border: none;
outline: none;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-weight: 500;
color: #000;
letter-spacing: 0.03em;
position: relative;
z-index: 10;
}
.lang-dropdown {
display: none;
position: absolute;
left: 0;
width: 100%;
background: #f5e6d0;
overflow: hidden;
z-index: 9;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.language-switcher.active {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.lang-dropdown.open {
display: block;
}
.lang-option {
display: flex;
align-items: center;
justify-content: left;
padding: 3.5px 10px;
font-size: 10px;
font-weight: 500;
color: #000;
letter-spacing: 0.03em;
cursor: pointer;
user-select: none;
border-top: 1px solid #0000000D;
}
.site-header {
width: 100%;
padding: 20px 0;
background: white;
}
.header-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
}
.catalog-toggle-btn {
display: flex;
align-items: center;
gap: 12px;
background: #1B263B;
border: none;
border-radius: 100px;
padding: 17px 28px;
cursor: pointer;
transition: background 0.3s ease;
}
.menu-icon {
display: flex;
flex-direction: column;
gap: 5.63px;
width: 18px;
}
.menu-line {
width: 100%;
height: 0.75px;
background: white;
display: block;
transition: all 0.3s ease;
}
.catalog-text {
color: white;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
line-height: 12px;
white-space: nowrap;
}
.site-logo {
flex: 1;
display: flex;
align-items: center;
width: 33%;
justify-content: center;
}
.site-logo a {
display: inline-block;
line-height: 0;
}
.left_top_btn{
width: 33%;
}
.custom-logo-link {
display: inline-block;
line-height: 0;
}
.header-actions {
display: flex;
align-items: center;
gap: 20px;
width: 33%;
justify-content: end;
}
.header-icon {
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: end;
width: 24px;
height: 24px;
position: relative;
transition: opacity 0.3s ease;
}
.header-icon svg {
width: 100%;
height: 100%;
object-fit: contain;
}
.search-icon svg {
width: 17px;
height: 17px;
}
.account-icon svg {
width: 15px;
height: 17px;
}
.cart-icon svg {
width: 16px;
height: 17px;
}
.cart-count {
position: absolute;
top: -5px;
right: -5px;
background: #1B263B;
color: white;
font-size: 10px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
border-radius: 50%;
min-width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
padding: 2px 4px;
}
.main_header_svg {
display: flex;
gap: 15px;
}
.top_nav_right {
display: flex;
gap: 20px;
}
.svg_number_header a {
color: #fff;
font-size: 12px;
}
.svg_number_header {
display: flex;
align-items: center;
gap: 5px;
}
.reviews-section {
padding: 50px 0;
background: url('https://upwork1.siteost.pro/wp-content/uploads/2026/02/Rectangle-237.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.section-title {
font-family: 'Unbounded', sans-serif;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
line-height: 40px;
color: #fff;
margin: 0 0 30px;
}
.reviews-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
}
.review-card {
background: #fff;
border-radius: 10px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
}
.product-name {
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 22px;
color: #1B263B;
margin: 0;
padding: 20px 20px 0;
}
.review-header {
margin-bottom: 5px;
}
.reviewer-name {
font-size: 14px;
font-weight: 600;
line-height: 24px;
color: #000;
margin: 0;
}
.review-content {
flex: 1;
margin-bottom: 15px;
}
.review-text {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000;
margin: 0;
}
.review-footer {
border-top: 1px solid #F4F4F4;
padding-top: 12px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px 14px;
}
.reviewer-name {
font-size: 14px;
font-weight: 600;
line-height: 24px;
color: #000;
}
.stars {
display: flex;
gap: 2px;
}
.base-price{
font-size: 10px;
font-weight: 700;
color: #ABABAB;
text-decoration: line-through;
}
.sale-price{
font-size: 14px;
font-weight: 700;
color: #C80000;
}
p.price_cont {
display: flex;
align-items: center;
margin-bottom: 15px;
gap: 5px;
}
.reviews-navigation {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
.nav-arrow {
width: 35px;
height: 35px;
border-radius: 50%;
background: #F8EBD7;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
}
.nav-arrow:hover {
background: #e8dbc7;
}
.all-reviews-btn {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 32px;
background: #F8EBD7;
border-radius: 100px;
text-decoration: none;
color: #000;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
transition: background 0.3s ease;
}
.all-reviews-btn:hover {
background: #e8dbc7;
}
.about-section {
padding: 30px 0;
background: #fff;
}
.about-title {
font-family: 'Unbounded', sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 35px;
color: #1B263B;
margin: 0 0 10px;
}
.about-text {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000;
margin-bottom: 10px;
}
.collapsible-content {
max-height: 450px;
overflow: hidden;
position: relative;
transition: max-height 0.3s ease;
}
.collapsible-content::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
pointer-events: none;
transition: opacity 0.3s ease;
}
.collapsible-content.active {
max-height: 1000px;
}
.collapsible-content.active::after {
opacity: 0;
}
.content-subtitle {
font-family: 'Unbounded', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #1B263B;
margin: 0px 0 15px;
}
.content-text {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000;
margin-bottom: 10px;
}
.read-more-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: none;
border: none;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000;
cursor: pointer;
padding: 0;
margin-top: 20px;
transition: opacity 0.3s ease;
}
.read-more-btn:hover {
opacity: 0.7;
}
.read-more-btn svg {
transition: transform 0.3s ease;
}
.read-more-btn.active svg {
transform: rotate(180deg);
}
.newsletter-section {
background: url('https://upwork1.siteost.pro/wp-content/uploads/2026/02/Rectangle-255.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.newsletter-content {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
position:relative;
}
.newsletter-text {
max-width: 590px;
}
.newsletter-title {
font-family: 'Unbounded', sans-serif;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
line-height: 40px;
color: #1B263B;
margin-bottom: 10px;
}
.newsletter-description {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000;
}
.newsletter-form {
display: flex;
gap: 15px;
}
.email-input {
width: 285px;
height: 45px;
padding: 0 20px;
background: #fff;
border: none;
border-radius: 100px;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 24px;
color: #000;
}
.email-input::placeholder {
color: #969696;
}
.subscribe-btn {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 32px;
background: #1B263B;
border: none;
border-radius: 100px;
color: #fff;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
cursor: pointer;
transition: background 0.3s ease;
}
.subscribe-btn:hover {
background: #2a3a55;
}
/* Footer */
.footer {
background: rgba(27, 38, 59, 0.98);
padding: 35px 0 15px;
}
.footer-top {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr 1.5fr;
gap: 40px;
margin-bottom: 30px;
}
.footer-brand {
max-width: 285px;
}
.footer-logo {
margin-bottom: 10px;
}
.footer-description {
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #fff;
margin-bottom: 20px;
}
.social-title {
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 20px;
color: #fff;
margin-bottom: 10px;
}
.social-icons {
display: flex;
gap: 10px;
}
.social-icon {
display: block;
width: 30px;
height: 30px;
transition: opacity 0.3s ease;
}
.social-icon:hover {
opacity: 0.8;
}
.footer-heading {
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 24px;
color: #F8EBD7;
margin: 0 !important;
}
.footer-links {
list-style: none;
padding: 0;
margin: 5px 0 0;
}
.footer-links li {
margin-bottom: 2px;
}
.footer-links a {
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #fff;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-links a:hover {
color: #F8EBD7;
}
.contact-card {
background: #fff;
border-radius: 20px;
padding: 20px;
}
.contact-item:first-child {
padding-top: 0;
}
.contact-item:last-child {
padding-bottom: 0;
}
.contact-label {
font-family: 'Unbounded', sans-serif;
font-size: 10px;
font-weight: 300;
line-height: 10px;
color: #000;
margin-bottom: 10px;
margin-top: 0;
}
.contact-value {
font-size: 12px;
font-weight: 500;
line-height: 12px;
color: #000;
text-decoration: none;
display: block;
margin-bottom: 8px;
}
.contact-value:last-child {
margin-bottom: 0;
}
.contact-value:hover {
color: #1B263B;
}
.contact-divider {
height: 1px;
background: rgba(0, 0, 0, 0.05);
margin: 15px 0;
margin-left: -20px;
margin-right: -20px;
}
.messenger-icons {
display: flex;
gap: 10px;
}
.messenger-icon {
display: block;
width: 25px;
height: 25px;
transition: opacity 0.3s ease;
}
.messenger-icon:hover {
opacity: 0.8;
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.05);
padding-top: 15px;
text-align: center;
}
.copyright {
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #fff;
margin: 0;
}
.categories-grid {
display: flex;
gap: 20px;
}
.category-card {
border-radius: 20px;
padding: 20px 30px 20px 20px;
position: relative;
overflow: hidden;
display: flex;
transition: transform 0.3s ease, box-shadow 0.3s ease;
gap: 15px;
}
.category-card.dark {
background: url(https://upwork1.siteost.pro/wp-content/uploads/2026/02/Rectangle-180.png);
color: #fff;
background-position: center;
background-size: cover;
width: 70%;
align-items: center;
justify-content: space-between;
}
.category-card.light {
background: url(https://upwork1.siteost.pro/wp-content/uploads/2026/02/Rectangle-181.png);
color: #fff;
background-position: center;
background-size: cover;
color: #000;
flex-direction: column;
width: 36%;
}
.wd_set {
max-width: 350px !important;
}
.card-content {
z-index: 2;
position: relative;
}
.category-title {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
font-weight: 500;
text-transform: uppercase;
line-height: 40px;
margin: 0 0 10px;
}
.category-description {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
max-width: 330px;
margin: 0;
}
.des_mar{
margin-bottom: 112px;
}
.category-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 12px 30px;
border-radius: 100px;
text-decoration: none;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
transition: all 0.3s ease;
width: fit-content;
}
.category-btn.btn-light {
background: #F8EBD7;
color: #000;
}
.category-btn.btn-dark {
background: #1B263B;
color: #fff;
margin-top: auto;
margin-bottom: 0;
}
.category-btn svg {
transition: transform 0.3s ease;
}
.category-btn:hover svg {
transform: translateX(3px);
}
.product-image {
max-width: 45%;
height: auto;
object-fit: cover;
z-index: 1;
}
.product-image.top-right {
top: 20px;
bottom: auto;
}
.footer_box_text {
display: flex;
gap: 8px;
align-items: center;
}
.testimonial-showcase-area {
padding: 50px 0;
background: url('https://upwork1.siteost.pro/wp-content/uploads/2026/02/Rectangle-237.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.testimonial-heading-primary {
font-family: 'Unbounded', sans-serif;
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
line-height: 40px;
color: #fff;
margin: 0 0 30px;
}
.feedback-carousel-wrapper {
margin-bottom: 30px;
position: relative;
}
.customer-feedback-item {
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 30px 0px #00000012;
display: flex !important;
flex-direction: column;
margin: 0 10px;
height: 208px !important;
}
.customer-feedback-item.expanded {
height: auto !important;
}
.item-label-text {
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 22px;
color: #1B263B;
margin: 0;
padding: 20px 20px 0;
}
.feedback-top-section {
margin-bottom: 5px;
flex-shrink: 0;
}
.message-body-area {
padding: 0 20px;
margin-bottom: 15px;
overflow: hidden;
align-items: flex-start;
}
.readmore_content {
padding: 6px 0 10px;
font-size: 13px;
}
.readmore_content a {
display: inline-block;
color: #1B263B;
}
.user-comment-text {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000;
margin: 0;
}
.author-info-bottom {
border-top: 1px solid #F4F4F4;
padding: 15px 20px 14px;
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
margin-top: auto;
}
.customer-fullname {
font-size: 14px;
font-weight: 600;
line-height: 24px;
color: #000;
margin: 0;
}
.rating-icons-group {
display: flex;
gap: 2px;
}
.slider-controls-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
position: relative;
}
.direction-button-circle {
width: 35px;
height: 35px;
border-radius: 50%;
background: #F8EBD7;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
position: absolute;
top: 0;
transform: translateY(-445%);
z-index: 10;
padding: 0;
}
.direction-button-circle.slide-backward-btn {
left: -50px;
}
.direction-button-circle.slide-forward-btn {
right: -50px;
}
.direction-button-circle:hover {
background: #e8dbc7;
}
.view-all-link-button {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 32px;
background: #F8EBD7;
border-radius: 100px;
text-decoration: none;
color: #000;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
transition: background 0.3s ease;
}
.view-all-link-button:hover {
background: #e8dbc7;
}
.slick-slide {
height: auto;
}
.slick-track {
display: flex !important;
align-items: stretch;
}
.feedback-carousel-wrapper {
margin-left: -12px;
margin-right: -12px;
}
.slick-list {
overflow: hidden;
}
/* Cart Css */
.item-quantity {
width: 20%;
display: flex;
}
.cart-items-list {
border: 1px solid #0000000D;
border-radius: 10px;
padding: 0px 15px 15px;
}
.cart-item-row {
display: flex;
align-items: center;
padding: 15px 0 15px 0;
border-bottom: 1px solid #f0f0f0;
gap: 15px;
}
.item-image {
width: 135px;
height: 90px;
border-radius: 8px;
border: 1px solid #0000000D;
padding: 13px;
}
.item-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px !important;
}
.item-details {
width: 40%;
}
.item-name {
font-size: 15px;
font-weight: 500;
margin: 0 0 4px;
line-height: 1.4;
}
.old-price bdi {
display: block;
font-size: 12px !important;
color: #ABABAB !important;
text-decoration: line-through;
margin-bottom: 4px;
font-weight: bold !important;
}
.item-name {
font-size: 15px;
font-weight: 500;
margin: 0 0 2px;
line-height: 1.4;
}
.item-name a {
color: #000;
text-decoration: none;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 400;
}
.item-sku {
display: inline-block;
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 400;
}
.item-availability {
font-size: 12px;
color: #000;
font-weight: 400;
}
.quantity-controls {
display: flex;
align-items: center;
gap: 0;
border: 1px solid #0000000D;
border-radius: 100px;
overflow: hidden;
background: white;
}
.qty-btn {
width: 32px;
height: 33px;
border: none;
background: white;
color: #333;
font-size: 18px;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
}
.cart-item-row {
border-bottom: 1px solid #ECF0F1;
}
.cart-item-row:last-child {
border-bottom: none;
padding-bottom: 0;
}
.qty-input {
width: 50px;
height: 36px;
border: none;
border-left: 1px solid #0000000D;
border-right: 1px solid #0000000D;
text-align: center;
font-size: 14px;
font-weight: 500;
background: white;
appearance: none !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
}
.page-id-67 .summary-value bdi {
font-size: 20px !important;
font-weight: 700;
color: #000;
font-family: 'Unbounded', sans-serif;
}
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
.item-price-section {
text-align: left;
min-width: 13%;
}
.old-price {
display: block;
font-size: 12px;
color: #ABABAB;
text-decoration: line-through;
margin-bottom: 4px;
text-align: left;
}
.current-price {
font-size: 18px;
font-weight: 600;
color: #C80000;
text-align: left;
}
.page-id-67 .current-price .woocommerce-Price-amount {
color: #C80000 !important;
font-size: 18px !important;
font-weight: 700 !important;
font-family: 'Montserrat', sans-serif !important;
}
.item-remove {
margin-left: 15px;
width: 10%;
display: flex;
justify-content: end;
}
.remove-item {
display: flex;
align-items: center;
justify-content: end;
width: 40px;
height: 40px;
color: #999;
transition: all 0.2s;
border-radius: 6px;
}
a.remove-item svg:hover {
stroke: #c80000;
}
.remove-item svg {
width: 20px;
height: 20px;
}
.promo-section {
border: 1px solid #0000000D;
border-radius: 10px;
padding: 15px;
margin: 15px 0;
}
.promo-input:focus {
outline: none;
border: none;
}
.promo-input {
font-size: 14px;
color: #7E7E7E;
border: none;
font-family: 'Unbounded' , sans-serif;
outline: none;
}
.update-cart-section {
text-align: end;
margin-bottom: 15px;
}
.coupon {
display: flex;
align-items: center;
justify-content: space-between;
}
.promo-btn {
padding: 10px 29px;
background: #F8EBD7;
border-radius: 100px;
font-size: 14px;
font-weight: 400;
color: #000000;
cursor: pointer;
transition: all 0.2s;
white-space: nowrap;
font-family: 'Montserrat', sans-serif;
border: none;
}
.cart-summary {
background: white;
border: 1px solid #0000000D;
border-radius: 10px;
padding: 15px;
display: flex;
justify-content: space-between;
margin-bottom: 25px;
}
.summary-row {
display: flex;
align-items: center;
width: 78%;
gap: 10px;
}
.summary-label {
font-size: 14px;
font-weight: 300;
color: #888888;
font-family: 'Unbounded', sans-serif;
}
.summary-value {
font-size: 20px;
font-weight: 700;
color: #000;
font-family: 'Unbounded', sans-serif;
}
h1.title {
display: none;
}
.page-id-12 section.section {
border: none
}
form.woocommerce-cart-form {
margin-top: 25px;
}
.checkout-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 10px 27px;
background: #1B263B;
color: white !important;
border: none;
border-radius: 100px;
font-size: 12px;
font-weight: 400;
text-decoration: none;
cursor: pointer;
transition: all 0.3s;
font-family: 'Unbounded', sans-serif;
}
.checkout-btn svg {
width: 20px;
height: 20px;
}
.cart-empty-message {
text-align: center;
padding: 80px 20px;
}
.cart-empty-message h2 {
font-size: 24px;
color: #666;
margin-bottom: 30px;
}
.cart-empty-message .button {
display: inline-block;
padding: 12px 30px;
background: #0066cc;
color: white;
text-decoration: none;
border-radius: 6px;
transition: all 0.2s;
}
.cart-empty-message .button:hover {
background: #0052a3;
}
@media (max-width: 768px) {
.cart-item-row {
flex-wrap: wrap;
gap: 15px;
}
.item-image {
width: 60px;
height: 60px;
}
.item-details {
flex: 1 1 100%;
order: 2;
}
.item-quantity {
order: 3;
}
.item-price-section {
order: 4;
text-align: left;
}
.item-remove {
order: 1;
margin-left: auto;
}
.promo-section {
flex-direction: column;
}
.promo-btn {
width: 100%;
}
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* checkout css */
.section-checkout {
padding: 10px 0 40px;
}
.woocommerce-breadcrumb {
font-size: 14px;
color: var(--text-secondary);
margin-bottom: 40px;
}
.checkout-auth-tabs {
display: flex;
gap: 15px;
margin-bottom: 20px;
border: 1px solid #0000000D;
padding: 15px;
border-radius: 10px;
}
.checkout-billing-fields input {
border: 1px solid #0000000D !important;
color: #969696 !important;
font-size: 12px !important;
font-weight: 300 !important;
border-radius: 100px !important;
padding: 14px !important;
}
.checkout-customer-section {
border: 1px solid #0000000D;
padding: 15px;
border-radius: 10px;
}
.auth-tab {
padding: 11px 0;
background: #F8EBD7;
border: none;
border-radius: 25px;
cursor: pointer;
font-size: 14px;
font-weight: 400;
transition: all 0.3s ease;
color: #000000;
font-family: 'Montserrat', sans-serif;
width: 50%;
text-align: center;
}
ul.woocommerce-error li {
margin-left: 35px !important;
}
.woocommerce-error {
background: #F8EBD7 !important;
}
ul.woocommerce-error strong {
font-family: 'Montserrat', sans-serif !important;
}
.checkout-container {
display: grid;
grid-template-columns: 1fr 610px;
gap: 20px;
align-items: start;
}
.grand-total .total-value bdi {
font-size: 20px !important;
font-weight: 700 !important;
color: #000 !important;
font-family: 'Unbounded' , sans-serif;
line-height: 22px !important;
}
.checkout-left {
background: white;
}
.checkout-right {
position: sticky;
top: 20px;
}
.woocommerce-shipping-fields {
display: none !important;
}
.section-title-checkout {
font-size: 12px;
font-weight: 400;
margin-bottom: 0;
color: #000;
border: none;
font-family: 'Unbounded', sans-serif;
padding: 0 15px 15px;
border-bottom: 1px solid #0000000D;
line-height: 15px;
margin: 0;
}
.form-row {
margin-bottom: 20px;
}
.form-row label {
display: block;
margin-bottom: 8px;
font-weight: 400;
color: var(--text-secondary);
font-size: 14px;
}
.form-row .required {
color: var(--accent-color);
}
.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="tel"],
.form-row textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid var(--border-color);
border-radius: 4px;
font-size: 14px;
background: white;
font-family: inherit;
transition: border-color 0.3s ease;
}
.form-row input:focus,
.form-row textarea:focus {
outline: none;
border-color: var(--text-primary);
}
.form-row textarea {
min-height: 80px;
resize: vertical;
}
span.shipping-icon {
border: 1px solid #ECF0F1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
width: 67px;
height: 40px;
}
span.shipping-icon svg {
width: 30px !important;
height: 30px !important;
}
span.shipping-icon img {
/*padding: 10px 14px;
width: 100%;*/
max-width: 100% !important;
height: 30px !important;
}
.checkout-shipping-section {
border: 1px solid #0000000D;
border-radius: 10px;
padding: 15px 0 0;
margin: 20px 0;
}
.shipping-options {
display: flex;
flex-direction: column;
}
.shipping-option input[type="radio"] {
display: none;
}
.shipping-option {
display: flex;
align-items: center;
gap: 10px;
padding: 15px;
cursor: pointer;
transition: all 0.3s ease;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.payment-option:last-child {
border-bottom: 0px !important;
}
.payment-option{
display: flex;
align-items: center;
gap: 10px;
padding: 15px;
cursor: pointer;
transition: all 0.3s ease;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
/* .shipping-option:has(input:checked) {
background: #F8EBD7;
} */
span.shipping-text {
color: #000;
font-size: 14px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
span.payment-text {
color: #000;
font-size: 14px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.shipping-icon {
font-size: 22px;
margin-right: 10px;
display: inline-block;
}
.shipping-text {
font-size: 14px;
color: var(--text-primary);
flex: 1;
}
.checkout-payment-section {
border: 1px solid #0000000D;
border-radius: 10px;
padding: 15px 0 0;
margin: 20px 0;
}
.payment-option input[type="radio"] {
display: none;
}
button#place_order {
background: #1B263B;
font-size: 12px;
font-weight: 400;
font-family: 'Unbounded', sans-serif;
display: flex;
width: 100%;
max-width: 100%;
border-radius: 100px !important;
padding: 12px 0;
}
.payment-option {
display: flex;
align-items: center;
gap: 10px;
padding: 15px;
cursor: pointer;
transition: all 0.3s ease;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
/* .payment-option:has(input:checked) {
background: #F8EBD7;
} */
.order-summary-sticky {
background: white;
border: 1px solid #0000000D;
border-radius: 10px;
padding: 0;
overflow: hidden;
}
.page-id-68 span.item-quantity {
color: #000;
}
.page-id-68 .grand-total .total-label {
font-size: 14px;
font-weight: 300;
}
.page-id-68 .item-price bdi {
font-size: 18px !important;
font-weight: 700 !important;
}
.summary-title {
font-size: 12px;
font-weight: 400;
padding: 14px;
margin: 0;
color: #000000;
border-bottom: 1px solid #0000000D;
font-family: 'Unbounded', sans-serif;
}
.cart-item {
display: flex;
gap: 15px;
padding: 15px;
border-bottom: 1px solid #0000000D;
align-items: center;
}
.item-image-checkout {
width: 130px;
height: 90px;
border-radius: 8px;
border: 1px solid #0000000D;
padding: 14px;
}
.item-image-checkout img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.item-details-checkout{
flex: 1;
display: flex;
flex-direction: column;
}
.item-name-checkout {
font-size: 12px;
font-weight: 400;
color: #000000;
line-height: 1.4;
font-family: 'Unbounded', sans-serif;
margin: 0 0 5px;
}
.product-quantity {
color: var(--text-secondary);
font-weight: 400;
}
.item-meta {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 8px;
}
.item-article,
.item-quantity {
font-size: 12px;
color: var(--text-secondary);
}
.item-price {
font-size: 14px;
font-weight: 600;
color: var(--accent-color);
}
.order-totals {
padding: 15px;
}
.total-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.total-row:last-child {
margin-bottom: 0;
}
.total-label {
font-size: 14px;
font-weight: 400;
color: var(--text-primary);
}
.total-value {
font-size: 14px;
font-weight: 600;
color: var(--text-primary);
}
.grand-total .total-label {
font-size: 14px;
font-weight: 400;
}
.place-order-btn {
width: 100%;
max-width: 400px;
padding: 16px 40px;
background: var(--primary-color);
color: white;
border: none;
border-radius: 25px;
font-size: 15px;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
span.payment-icon {
border: 1px solid #ECF0F1;
display: flex;
align-items: center;
justify-content: center;
width: 67px;
height: 40px;
border-radius: 5px;
}
span.payment-icon svg {
width: 30px !important;
height: 30px !important;
}
span.payment-icon img {
/*padding: 10px 14px;
width: 100%;*/
max-width: 100% !important;
height: 30px !important;
}
.place-order-btn::before {
content: "";
display: inline-block;
width: 13px;
height: 16px;
margin-right: 6px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
.checkout-privacy-notice {
margin-top: 10px;
font-size: 12px;
color: #999999;
text-align: center;
line-height: 1.5;
}
.checkout-privacy-notice a {
color: var(--text-primary);
text-decoration: underline;
}
input[name="billing_last_name"],
input[name="billing_address_1"],
input[name="billing_city"],
input[name="billing_postcode"],
input[name="billing_country"] {
display: none !important;
}
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
padding: 12px 15px;
margin-bottom: 20px;
border-radius: 4px;
font-size: 14px;
}
.page-id-67 .wc-empty-cart-message {
max-width: 1280px;
margin: 0 auto;
}
.page-id-67 p.return-to-shop {
margin: 0 auto 20px;
max-width: 1280px;
}
.woocommerce-info {
border-top: 3px solid rgba(27, 38, 59, 0.98) !important;
}
.woocommerce-info {
border-top: 3px solid rgba(27, 38, 59, 0.98) !important;
background-color: #F8EBD7 !important;
border-left: 0px;
color: #000;
font-size: 14px;
font-family: 'MONTSERRAT';
}
.page-id-67 .woocommerce-notices-wrapper {
width: 100% !important;
padding: 0 !important;
margin: 0 auto;
}
.woocommerce-account .woocommerce-notices-wrapper {
width: 1320px;
margin: 0px auto;
}
.page-id-67 .woocommerce-notices-wrapper {
width: 1320px;
margin: 20px auto 0;
padding: 0 20px;
}
.woocommerce-message {
background: #F8EBD7 !important;
border-left: 0px;
color: #000 !important;
border-top-color: rgba(27, 38, 59, 0.98);
font-size: 14px;
font-family: 'MONTSERRAT';
font-weight: 400;
}
a.button.wc-forward {
background: #1B263B !important;
color: #fff;
padding: 14px 28px;
border-radius: 40px;
font-size: 12px;
font-weight: 300;
font-family: "Unbounded", sans-serif;
}
a.button.wc-forward:hover{
color: #fff !important;
}
.woocommerce-error {
border-top-color: rgba(27, 38, 59, 0.98);
background-color: #F8EBD7 !important;
padding-left: 0px !important;
font-family: 'Montserrat';
font-size: 14px !important;
color:#000;
}
span.edit-link {
display: none;
}
.woocommerce-error {
background: #fee;
border-left-color: var(--accent-color);
color: var(--accent-color);
}
.woocommerce-message {
background: #efe;
border-left-color: #4caf50;
color: #4caf50;
}
/* Responsive */
@media (max-width: 1024px) {
.checkout-container {
grid-template-columns: 1fr;
}
.checkout-right {
position: static;
}
}
@media (max-width: 768px) {
.checkout-auth-tabs {
flex-direction: column;
}
.auth-tab {
width: 100%;
}
.place-order-btn {
max-width: 100%;
}
}
@media (max-width: 480px) {
.cart-item {
flex-direction: column;
}
.item-image {
width: 100%;
height: 150px;
}
}
form#woocommerce-checkout-form-coupon {
display: none !important;
}
/* contact page */
section.contact-page {
padding: 30px 0;
}
.flex{
display:flex;
}
.gap-10{
gap:10px
}
.alignitem{
align-items:center;
}
.main_left_contact {
width: 32%;
display: flex;
flex-direction: column;
gap: 20px;
}
.gap-8 {
gap: 8px;
}
.contact_box a {
font-size: 12px;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
color: #000;
}
.contact_box h3 {
margin: 0 0 8px;
color: #000;
font-size: 14px;
font-weight: 300;
font-family: 'Unbounded', sans-serif;
}
.contact_box {
border: 1px solid #0000000D;
border-radius: 10px;
padding:15px;
}
.contact_box span {
font-size: 12px;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
}
.gap-20 {
gap:20px;
}
.main_right_contact {
width: 66%;
border: 1px solid #0000000D;
border-radius: 10px;
padding: 15px;
}
.main_right_contact p {
margin-bottom: 10px;
}
.main_right_contact h2 {
color: #1B263B;
margin: 0 0 5px;
font-size: 20px;
line-height: 30px;
font-weight: 400;
font-family: 'Unbounded', sans-serif;
}
.main_right_contact p {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
line-height: 24px;
}
form.contact_form {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 20px;
}
.main_right_contact form input {
color: rgba(0, 0, 0, 0.5);
font-size: 12px;
font-weight: 300;
font-family: 'Unbounded', sans-serif;
padding: 9.5px 20px;
border-radius: 100px;
border: 1px solid #0000000D;
line-height: 24px;
width: 100%;
margin-bottom: 15px;
}
.main_right_contact form p {
margin: 0;
}
.btn_svg_form p {
display: flex;
justify-content: space-between;
width: 100%;
}
.main_right_contact form .btn_svg_form {
background: #1B263B;
border: none;
color: #fff;
font-size: 12px;
font-weight: 300;
font-family: 'Unbounded', sans-serif;
line-height: 22px;
padding: 11px 30px;
border-radius: 100px;
display: flex;
justify-content: space-between;
}
.woocommerce-error::before {
display:none;
}
.ccf-group input, .ccf-group textarea {
color: rgba(0, 0, 0, 0.5);
font-size: 12px;
font-weight: 300;
font-family: 'Unbounded', sans-serif;
padding: 9.5px 20px;
border-radius: 100px;
border: 1px solid #0000000D;
line-height: 24px;
width: 100%;
margin-bottom: 15px;
}
.ccf-group input::placeholder,
.ccf-group textarea::placeholder{
color: rgba(0, 0, 0, 0.5);
}
.ccf-group input:focus,
.ccf-group textarea:focus{
border: 1px solid #0000000D;
}
.ccf-group textarea{
resize:none;
height:52px;
line-height:1.5;
}
.ccf-btn {
background: #1B263B;
border: none;
color: #fff;
font-size: 12px;
font-weight: 300;
font-family: 'Unbounded', sans-serif;
line-height: 22px;
padding: 11px 30px;
border-radius: 100px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
cursor: pointer;
}
.ccf-btn:disabled{opacity:.6;cursor:not-allowed}
.ccf-btn-arrow{font-size:1.2rem;font-weight:300}
.ccf-overlay{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.4);
z-index:999999;
align-items:center;
justify-content:center;
}
.ccf-overlay.show{display:flex}
.ccf-popup{
background:#ffffff;
border-radius:12px;
padding:0;
max-width:450px;
width:90%;
text-align:center;
box-shadow:0 10px 40px rgba(0,0,0,.18);
border:1px solid #e5e7eb;
overflow:hidden;
animation:ccfPop .3s cubic-bezier(.34,1.56,.64,1) forwards;
}
@keyframes ccfPop{
from{transform:scale(.85);opacity:0}
to{transform:scale(1);opacity:1}
}
.ccf-popup-body{
padding:24px;
}
.ccf-popup-title {
font-size: 24px;
font-weight: 700;
color: #000;
margin-bottom: 8px;
}
.ccf-popup-msg{
color:#555;
font-size:.88rem;
line-height:1.6;
margin-bottom:22px;
}
.ccf-popup-close {
background: #1B263B;
border: none;
border-radius: 8px;
color: #fff;
font-family: inherit;
font-size: .88rem;
font-weight: 600;
padding: 11px 32px;
cursor: pointer;
transition: background .2s;
width: 100%;
}
@media(max-width:600px){
.ccf-card{padding:24px 18px 28px}
.ccf-title{font-size:1.2rem}
}
/* contact page end */
.cart-message {
padding: 15px 20px;
margin-bottom: 20px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
}
.cart-message.woocommerce-message {
background-color: #e8f5e9;
color: #2e7d32;
border-left: 4px solid #4caf50;
}
.cart-message.woocommerce-error {
background-color: #ffebee;
color: #c62828;
border-left: 4px solid #f44336;
}
/* Optional: Disable button state */
button:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.woocommerce-message::before{
display: none;
}
.woocommerce-info::before{
display: none;
}
a.button.wc-backward {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 32px;
background: #1B263B;
border: none;
border-radius: 100px;
color: #fff;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
cursor: pointer;
transition: background 0.3s ease;
}
a.button.wc-backward:hover {
background: #1B263B;
color: #fff;
}
.page-id-68 .item-meta {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 8px;
}
.update-cart-section {
display: none !important;
}
form.woocommerce-ordering {
display: none;
}
ul.products.columns-4 {
display: none;
align-items: center;
}
/* search code */
.search-main ul li {
list-style: none;
}
.search-main ul li span.onsale {
display: none;
}
.search-right .onsale {
display: none;
}
.search-right li {
list-style-type: none;
}
.products-grid {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.search main ul.products.columns-3 {
display: flex;
}
.search-main ul li {
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 20px;
position:relative;
width:33.33%;
}
.search-main a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
margin-top: 15px;
}
.search-main h2.woocommerce-loop-product__title {
margin: 6px 0;
}
.new-badge {
position: absolute;
top: 15px !important;
margin-left:0px !important;
left: 15px;
}
.search-main img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
height: 285px;
object-fit: cover;
}
.search-main .products {
padding: 0;
margin: 0;
}
.search-main .sf-wrapper {
margin: 30px 0;
}
.search-main .price {
padding: 0 15px;
}
.search-main span.price del {
opacity: .7;
}
/* slider single page */
.woocommerce-product-gallery .flex-viewport {
position: unset !important;
overflow: hidden !important;
}
.custom-gallery-nav {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
pointer-events: none !important;
z-index: 99 !important;
}
.custom-gallery-nav button {
pointer-events: all !important;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 36px !important;
height: 36px !important;
border: none !important;
background: none !important;
cursor: pointer !important;
padding: 0 !important;
font-size: 0 !important;
}
.custom-gallery-nav .custom-prev {
left: 20px !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.custom-gallery-nav .custom-next {
right:20px !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
}
/* slider single page end */
/*login page*/
form.woocommerce-form.woocommerce-form-login.login input {
border: 1px solid rgba(0, 0, 0, 0.05);
height: 45px;
border-radius: 100px;
color: rgba(150, 150, 150, 1);
padding: 0 20px;
}
form.woocommerce-form.woocommerce-form-login.login {
border: 0px;
width: 550px;
margin: 0 auto;
text-align: center;
padding:20px 0 30px 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: left;
margin-right: 1em;
width: 100%;
background-color: #fff;
border: 1px solid rgba(27, 38, 59, 1);
border-radius: 1000px;
color: #000;
font-family: 'Montserrat' , sans-serif;
font-size: 14px;
font-weight: 500;
padding: 13px 0;
}
p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
width: 100%;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover{
background-color:#fff;
}
.woocommerce form .form-row {
padding: 0;
margin: 0;
margin-top: 10px;
}
p.woocommerce-LostPassword.lost_password a {
color: #000;
font-family: 'Montserrat';
font-size: 12px;
line-height: 12px;
font-weight: 400;
}
form.woocommerce-form.woocommerce-form-login.login label {
display: none;
}
.login-btn{
background: rgba(248, 235, 215, 1);
color: #000;
padding: 14px 28px;
border-radius: 40px;
font-size: 12px;
font-weight: 300;
font-family: "Unbounded", sans-serif;
}
.login-btn-main {
border-radius: 100px;
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 12px 15px;
text-align: center;
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
margin:10px 0 0;
}
a.login-btn {
width: 50%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
cursor: pointer;
line-height: 14px;
}
p.woocommerce-LostPassword.lost_password {
margin-top: 15px;
margin-bottom: 0;
}
/*lost password*/
form.woocommerce-ResetPassword.lost_reset_password{
border: 0px;
width: 550px;
margin: 0 auto;
text-align: center;
padding: 20px 0 30px 0;
}
p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first input{
border: 1px solid rgba(0, 0, 0, 0.05);
height: 45px;
border-radius: 100px;
color: rgba(150, 150, 150, 1);
padding: 0 20px;
}
/* p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
width: 575px;
} */
.notfound {
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px 0;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.notfound-btn {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 8px 24px;
background: #F8EBD7;
border-radius: 100px;
text-decoration: none;
color: #000;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
transition: background 0.3s ease;
}
form.woocommerce-ResetPassword.lost_reset_password label {
display: none;
}
form.woocommerce-ResetPassword.lost_reset_password button{
margin-right: 1em;
width: 100%;
background-color: #fff;
border: 1px solid rgba(27, 38, 59, 1);
border-radius: 1000px;
color:#000;
}
form.woocommerce-ResetPassword.lost_reset_password button:hover{
background-color:#fff;
}
form.woocommerce-ResetPassword.lost_reset_password p:first-child {
display: none;
}
.notfound img {
height: 350px;
object-fit: contain;
}
.notfound h1 {
color: rgba(27, 38, 59, 1);
font-size: 25px;
line-height: 40px;
font-family: 'Unbounded';
font-weight: bold;
margin: 20px 0;
}
.notfound span {
display: flex;
align-items: center;
gap: 15px;
}
/*my account css*/
.my-account-main {
display: flex;
flex-direction: column;
}
.my-account-main nav {
width: 100% !important;
}
nav.woocommerce-MyAccount-navigation ul {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 30px 0px;
margin: 0;
flex-wrap: wrap;
gap: 20px;
}
.woocommerce-MyAccount-content strong {
font-weight: 400;
}
nav.woocommerce-MyAccount-navigation ul li {
list-style-type: none;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
background-color:rgba(27, 38, 59, 1);
color:#fff;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
background-color:rgba(27, 38, 59, 1);
color:#fff;
}
nav.woocommerce-MyAccount-navigation ul li a {
width: 100%;
padding: 13px 80px;
border-radius: 40px;
border: none;
background: #F8EBD7;
color: #121212;
font-size: 12px;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'Montserrat';
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 100% !important;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 15px 0 0 15px;
margin-bottom: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content p {
float: right;
width: 100%;
color: #000;
font-family: Montserrat;
font-size: 14px;
line-height: 22px;
font-weight: 400;
margin-bottom:15px;
}
.woocommerce-account .woocommerce-MyAccount-content p a {
color: rgba(27, 38, 59, 1);
font-family: Montserrat;
font-size: 14px;
line-height: 22px;
font-weight: 600 !important;
}
/*order css*/
.woocommerce-orders .woocommerce-MyAccount-content {
border: 0 !important;
padding: 0px;
}
tr.woocommerce-orders-table__row th a {
color: rgba(27, 38, 59, 1) !important;
font-family: 'Montserrat';
font-size: 14px;
line-height: 22px;
font-weight: bold;
}
.custom-order-card-header span {
font-size: 14px;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders th {
padding-left: 15px;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
width: 24%;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date {
width: 18.3%;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total {
width: 18.3%;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td {
color: #000;
font-family: 'Montserrat';
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
/*border-right: 1px solid rgba(0, 0, 0, 0.05);*/
border:none !important;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total span {
font-weight: 400;
font-family: 'Unbounded';
font-size: 18px;
line-height: 28px;
color: #000;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td {
/*border-top: 1px solid rgba(0, 0, 0, 0.05);*/
border:none !important;
}
.woocommerce table.shop_table {
border: 0px !important;
}
.woocommerce-orders-table thead {
display: none;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders tr {
display: table;
table-layout: fixed;
border: 1px solid rgba(0, 0, 0, 0.05);
height: 70px;
border-radius: 10px;
margin:0 0 15px;
width: 100%;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders tr:last-child {
margin: 0;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders th {
/*border-top: 1px solid rgba(0, 0, 0, 0.05);
border-left: 1px solid rgba(0, 0, 0, 0.05);*/
border:none !important;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table th {
/*border-top: 1px solid rgba(0, 0, 0, 0.05);
height: 70px;*/
border:none !important;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders tr td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-wcus_shipment {
display: none !important;
}
.woocommerce table.my_account_orders .button {
width: 100%;
padding: 12px 40px;
border-radius: 40px;
border: none;
background-color: rgba(27, 38, 59, 1);
color: #fff;
font-size: 12px;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'Montserrat';
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
form.woocommerce-form.woocommerce-form-register.register {
padding: 0px;
border: 0px;
}
form.woocommerce-form.woocommerce-form-register.register label {
display: none;
}
form.woocommerce-form.woocommerce-form-register.register {
border: 0px;
width: 550px;
margin: 0 auto;
text-align: center;
padding: 20px 0 30px 0;
}
form.woocommerce-form.woocommerce-form-register.register input, form.woocommerce-EditAccountForm.edit-account input{
border: 1px solid rgba(0, 0, 0, 0.05) !important;
height: 45px !important;
border-radius: 100px !important;
color: rgba(150, 150, 150, 1) !important;
padding: 0 20px !important;
}
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit, button.woocommerce-Button.button{
float: left;
margin-right: 1em;
width: 100%;
background-color: #fff;
border: 1px solid rgba(27, 38, 59, 1);
border-radius: 1000px;
color: #000;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
padding: 13px 0;
}
.woocommerce-edit-account button.woocommerce-Button.button {
height: 45px;
background-color: rgba(27, 38, 59, 1);
color: #fff;
font-family: 'Montserrat';
font-size: 14px;
line-height: 14px;
font-weight: 400;
}
form.woocommerce-EditAccountForm.edit-account input {
color: #000 !important;
font-family: unbounded !important;
font-size: 12px !important;
line-height: 24px !important;
font-weight: 400 !important;
}
form.woocommerce-EditAccountForm.edit-account input::placeholder {
color: rgba(150, 150, 150, 1) !important;
font-weight: 300;
}
.woocommerce-privacy-policy-text p {
display: none;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%;
}
nav.woocommerce-MyAccount-navigation ul li {
list-style-type: none;
width: calc(100% / 4 - 15px);
}
.tab { display: block; }
.tab.hidden { display: none !important; }
.login-btn.active {
background-color: rgba(27, 38, 59, 1);
color: #fff;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address {
display: none;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
.woocommerce-edit-account .woocommerce-MyAccount-content {
padding: 0px;
border: 0px;
margin-bottom:20px;
}
.woocommerce-edit-account fieldset {
padding: 0px;
border: 0px;
}
.woocommerce-edit-account label {
display: none !important;
}
.woocommerce-edit-account legend {
display: none;
}
span#account_display_name_description {
display: none;
}
.woocommerce-edit-account .woocommerce-MyAccount-content p{
margin-bottom: 10px !important;
margin-top: 0px !important;
}
.order-status-wrapper {
background: #f8f8f8;
padding: 15px 20px;
border-radius: 10px;
margin-bottom: 25px;
}
.order-number,
.order-date,
.order-status {
font-weight: 600;
}
.order-updates-wrapper {
margin-top: 30px;
}
.order-update-item {
background: #fff;
padding: 15px;
border-radius: 10px;
margin-bottom: 15px;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}
.order-update-meta {
font-size: 13px;
color: #777;
margin-bottom: 8px;
}
ul.products.columns-3 {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.corder-detail-card {
border: 1px solid #eee;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
background: #fff;
}
.order-detail-card-header {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 15px;
}
.order-detail-products .order-detail-product-item {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce-view-order .woocommerce-MyAccount-content {
border: 0px;
padding: 0;
}
.custom-order-card {
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.custom-order-card-header {
padding: 18px 15px 25px 15px;
}
.order-detail-product-item img {
height: 100%;
width: 100%;
object-fit: cover;
max-width: 100%;
border-radius: 5px;
}
.order-detail-product-item .product-image {
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 5px;
object-fit: cover;
z-index: 1;
width: 87px !important;
height: 60px;
max-width: 100% !important;
padding: 10px;
}
span.order-product-name {
font-family: Unbounded;
font-size: 12px;
line-height: 24px;
font-weight: 400;
}
span.order-date, .order-status {
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
span.order-product-meta, .order-product-quantity {
font-size: 12px;
line-height: 12px;
font-family: Montserrat, sans-serif;
color: #000;
font-weight: 300;
}
.order-detail-product-item .product-details {
display: flex;
flex-direction: column;
gap: 5px;
width: 100%;
align-items: flex-start;
}
.order-total-right {
font-weight: bold;
font-size: 18px;
}
.woocommerce-order-received section.section {
border-top: 1px solid #0000000D;
}
.order-info {
display: flex;
gap: 140px;
align-items:center;
}
.payment-method{
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
margin-top:10px;
}
.payment-method-header, .shipping-method-header {
padding: 15px;
border-bottom: 1px solid rgba(236, 240, 241, 1);
}
.payment-method-bot, .shipping-method-bot {
padding: 15px;
}
.shipping-method {
margin-top: 10px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
}
.payment-method-header, .shipping-method-header span{
font-family: unbounded;
font-size: 12px;
line-height: 12px;
font-weight: 400;
}
.payment-method-bot {
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.payment-method-bot, .shipping-method-bot {
display: flex;
align-items: center;
gap: 15px;
}
.order-detail-bottom-btn {
display: flex;
align-items: center;
gap: 15px;
margin-top: 30px;
justify-content: center;
}
.detail-bottom-btn{
display: inline-flex;
align-items: center;
gap: 12px;
padding: 8px 24px;
background: #F8EBD7;
border-radius: 100px;
text-decoration: none;
color: #000;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
transition: background 0.3s ease;
}
.tab-content {
display: none;
}
.tab-content.active-tab {
display: block;
}
.tab-btn.active {
background-color:rgba(27, 38, 59, 1);
color:#fff;
}
.tab-btn.active svg{
filter:invert(1)
}
.thankyou-message h1 {
font-family: 'Unbounded';
font-size: 30px;
line-height: 40px;
font-weight: 300;
color: rgba(27, 38, 59, 1);
margin: 0px;
text-transform: uppercase;
}
.thankyou-message p {
font-size: 12px;
line-height: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
width: 500px;
text-align: center;
margin-bottom: 0px;
}
.thankyou-message {
display: flex;
align-items: center;
flex-direction: column;
padding: 0 0 30px;
}
.thankyou-bot {
margin-bottom: 30px;
}
/* breadcrumb css */
.bread_crumbs_main{
border-bottom: 1px solid #0000000D;
padding: 15px 0;
border-top: 1px solid #0000000D;
}
.inner_bread{
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-direction: column;
gap: 6px;
}
.woocommerce div.product .product_title {
padding: 0px 20px 0;
}
.inner_bread h1 {
color: #1B263B;
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
margin: 0;
font-weight: 300;
font-family: 'Unbounded';
}
.inner_bread span {
font-size: 12px;
line-height: 12px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
color: #000;
}
.breadcrumbs {
display: flex;
align-items: center;
gap: 5px;
}
.single-product .bread_crumbs_main h1 {
display: none;
}
.single-product .single-product {
margin-top: 20px;
}
/* breadcrumb css */
.woocommerce-password-strength.short {
background-color: rgba(248, 235, 215, 1);
border-color: rgba(248, 235, 215, 1);
}
div#password_strength {
margin-top: 10px;
}
.btn_svg_form img {
width: 18px;
}
.custom-cart-popup {
position: fixed;
inset: 0;
z-index: 9999;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.custom-cart-popup.active {
opacity: 1;
visibility: visible;
}
.popup-content {
background: #fff;
padding: 40px;
border-radius: 12px;
text-align: center;
max-width: 570px;
width: 90%;
transform: scale(0.9);
transition: 0.3s ease;
}
.custom-cart-popup.active .popup-content {
transform: scale(1);
}
.popup-content h3 {
margin-bottom: 25px;
margin-top: 0;
}
.popup-buttons {
display: flex;
gap: 15px;
}
.popup-buttons a,
.popup-buttons button {
width: 100%;
cursor: pointer;
}
a.added_to_cart.wc-forward {
display:none;
}
.popup-buttons a:hover, .popup-buttons button:hover {
opacity: .8;
}
.cf7-popup-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
z-index: 999999;
justify-content: center;
align-items: center;
}
.cf7-popup-overlay.show {
display: flex !important;
}
.cf7-popup-box {
background: #fff;
border-radius: 16px;
padding: 44px 36px 36px;
max-width: 400px;
width: 92%;
text-align: center;
position: relative;
box-shadow: 0 25px 70px rgba(0,0,0,0.25);
animation: cf7pop 0.35s cubic-bezier(.175,.885,.32,1.275);
}
@keyframes cf7pop {
from { transform: scale(0.7); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
.cf7-popup-icon {
width: 72px;
height: 72px;
border-radius: 50%;
margin: 0 auto 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
}
.cf7-popup-icon.success { background: #dcfce7; }
.cf7-popup-icon.error { background: #fee2e2; }
.cf7-popup-icon.warning { background: #fef9c3; }
.cf7-popup-msg {
font-size: 16px;
color: #374151;
line-height: 1.65;
margin-bottom: 28px;
}
.cf7-popup-btn {
background: #2563eb;
color: #fff;
border: none;
padding: 12px 38px;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background .2s;
}
.cf7-popup-btn:hover { background: #1d4ed8; }
.cf7-popup-x {
position: absolute;
top: 12px; right: 14px;
background: none;
border: none;
font-size: 24px;
color: #9ca3af;
cursor: pointer;
line-height: 1;
padding: 4px;
}
.cf7-popup-x:hover { color: #374151; }
/* CF7 original message */
.newsletter-popup {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}
.popup-contents p {
margin: 0;
color: #1B263B;
font-family: 'Unbounded' , sans-serif;
font-size: 24px;
}
.popup-contents {
background: #fff;
padding: 60px 30px;
width: 700px;
text-align: center;
border-radius: 8px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div#popup-message {
font-size: 24px;
font-family: 'Unbounded' , sans-serif;
color: #1B263B;
}
.close-popups {
position: absolute;
right: 15px;
top: 10px;
font-size: 20px;
cursor: pointer;
}
.review_page_btn_row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 20px;
margin: 20px 0;
}
/* customize css */
.btn_header_left {
position: relative;
display: inline-block;
}
.catalog-dropdown ul li:last-child {
border: none;
}
.catalog-dropdown ul li {
border-bottom: 1px solid #0000000D;
}
.catalog-dropdown {
display: none;
position: absolute;
top: calc(100% + 10px);
left: 0;
background-color: #ffffff;
border-radius: 20px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
min-width: 285px;
z-index: 9999;
padding-top: 0;
}
.catalog-dropdown::before {
content: '';
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 10px;
}
.catalog-dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
.catalog-dropdown ul li {
position: relative;
border-bottom: 1px solid #0000000D;
}
.catalog-dropdown ul li a {
display: block;
padding: 10px 20px;
color: #222222;
text-decoration: none;
font-size: 14px;
transition: background 0.2s ease;
font-weight: 500;
line-height: 24px;
}
.sale-product .current-price bdi {
color: #c80000 !important;
}
.catalog-dropdown ul li a:hover {
color: #000;
}
.catalog-dropdown ul li:first-child a{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.catalog-dropdown ul li:last-child a {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.btn_header_left:hover .catalog-dropdown {
display: block;
}
.catalog-dropdown ul li {
position: relative;
border-bottom: 1px solid #0000000D;
}
.catalog-dropdown ul li .sub-menu {
display: none;
position: absolute;
top: 0;
left: 100%;
background: #ffffff;
border-radius: 20px;
min-width: 285px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
padding: 0;
}
.catalog-dropdown ul li:hover > .sub-menu {
display: block;
}
.catalog-dropdown ul li .sub-menu li:last-child {
border-bottom: none;
}
.catalog-dropdown ul li.menu-item-has-children > a::after {
content: "›";
float: right;
font-size: 16px;
}
.catalog-dropdown ul li .sub-menu li .sub-menu {
top: 0;
left: 100%;
}
.page-id-12 .categories-grid.product-grid {
margin-bottom: 0 !important;
margin-top: 0px !important;
}
.page-id-12 .flex-d {
display: flex;
flex-direction: column;
gap: 20px;
}
/* faq single-product */
.cpa-wrapper {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
}
.cpa-accordion {
border: 1.5px solid #0000000D;
border-radius: 12px;
overflow: hidden;
background: #ffffff;
transition: border-color 0.25s, box-shadow 0.25s;
}
.cpa-accordion.cpa-open {
border-color: #0000000D;
}
.cpa-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 18px;
cursor: pointer;
user-select: none;
background: #ffffff;
transition: background 0.18s;
gap: 12px;
}
.cpa-header-left {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
}
.cpa-icon {
width: 20px;
height: 20px;
}
.cpa-title {
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 24px;
font-family: 'Unbounded', sans-serif;
}
.cpa-chevron {
width: 20px;
height: 20px;
border-radius: 50%;
background: #1B263B;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
flex-shrink: 0;
transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), background 0.25s;
}
.cpa-accordion:not(.cpa-open) .cpa-chevron {
transform: rotate(180deg);
}
.cpa-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1);
}
.cpa-body-inner {
padding: 0 20px 15px;
}
.cpa-chars-table {
display: flex;
flex-direction: column;
gap: 0;
}
.cpa-chars-row {
display: flex;
background: #00000005;
border-radius: 5px;
margin-bottom: 10px;
padding: 10px 20px;
}
.cpa-chars-row:last-child { margin-bottom: 0; }
.cpa-chars-label, .cpa-chars-value {
font-size: 14px;
line-height: 22px;
}
.cpa-chars-label {
font-weight: 600;
color: #000;
width: 50%;
}
.cpa-chars-value {
color: #000;
width: 50%;
}
.cpa-short-desc-content, .cpa-desc-content {
font-size: 14px;
line-height: 22px;
color: #000;
font-weight: 400;
}
.cpa-short-desc-content p, .cpa-desc-content p {
margin-bottom: 10px;
}
.cpa-short-desc-content p:last-child,
.cpa-desc-content p:last-child { margin-bottom: 0; }
/* faq single-product end *?
/*Reviews*/
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
font-size:unset ;
}
.testimonial-show{
padding: 25px 0;
}
.testimonial {
display: flex;
/*align-items: center;*/
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.testimonial-top {
padding: 30px 30px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
background-image: url('https://upwork1.siteost.pro/wp-content/uploads/2026/02/Rectangle-261-1.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.testimonial-heading {
font-size: 30px;
line-height: 40px;
font-family: 'Unbounded';
text-transform: uppercase;
margin: 0px;
color: #fff;
font-weight: 400;
}
.star {
display: flex;
align-items: center;
gap: 15px;
}
span.star-devider {
padding: 0px 5px;
}
.start-rating{
font-size: 16px;
line-height: 40px;
font-weight: 400;
font-family: 'Unbounded', sans-serif;
color:#fff;
}
.five{
font-size: 30px;
line-height: 40px;
font-weight: 400;
font-family: 'Unbounded', sans-serif;
}
.customer-feedback {
background: #fff;
border-radius: 10px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
display: flex !important;
flex-direction: column;
height: auto;
width: 32%;
}
.item-label-text {
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 22px;
color: #1B263B;
margin: 0;
padding: 20px 20px 0;
}
.feedback-top-section {
margin-bottom: 5px;
}
.user-comment-text {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000;
margin: 0;
}
.testimonial-main {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 25px;
}
.author-info-bottom {
border-top: 1px solid #F4F4F4;
padding: 15px 20px 14px;
display: flex;
justify-content: space-between;
align-items: center;
}
.customer-fullname {
font-size: 14px;
font-weight: 600;
line-height: 24px;
color: #000;
margin: 0;
}
.rating-icons-group {
display: flex;
gap: 2px;
}
.product-catalog-btn {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 32px;
background: #1B263B;
border: none;
border-radius: 100px;
color: #fff;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 22px;
cursor: pointer;
transition: background 0.3s ease;
}
.product-catalog-btn:hover {
background: #2a3a55;
}
.reviews-btn {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
margin-top: 25px;
}
.bread-cat {
position: absolute;
top: 160px;
width: 100%;
margin: 0 auto;
left: 0;
}
.single-product .bread-cat {
position: absolute;
top: 160px;
width: 100%;
margin: 0 auto;
left: 0;
}
.name a {
color: #000;
}
.bread-crumbs-sec {
border-bottom: 1px solid #0000000D;
padding: 20px 0;
border-top: 1px solid #0000000D;
}
.bread-crumbs h1 {
color: #1B263B;
font-size: 30px;
line-height: 40px;
text-transform: uppercase;
margin: 0;
font-weight: 300;
font-family: 'Unbounded';
}
.bread-crumbs .name {
font-size: 12px;
line-height: 12px;
font-weight: 400;
font-family: "Montserrat", sans-serif;
margin-top: 6px;
}
span.bread-icon {
margin: 0 8px;
}
/*product*/
.categories-grid.product-grid {
margin-top: 30px;
margin-bottom: 20px;
}
.main-container .categories-grid.product-grid:last-child {
margin-bottom: 30px;
}
img.product-image.top-right.teapot-img {
width: 212px;
height: 75px !important;
max-width: 300px !important;
}
.des_bot_mar {
margin-bottom: 100px;
}
.pro-cup-img {
width: 133px !important;
}
.woocommerce ul.products li.product a {
text-decoration: none;
color: #000;
font-size: 14px;
font-weight: 500;
font-family: 'Montserrat' , sans-serif;
line-height: 24px;
}
.woocommerce ul.products li.product h3{
color: #000;
font-size: 14px;
font-weight: 500;
font-family: 'Montserrat' , sans-serif;
line-height: 24px;
padding: 0;
}
/*categories page*/
.woocommerce ul.products li.product a img{
width: 100%;
height: 285px !important;
object-fit: contain;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
object-position: center;
margin: 0;
}
h2.woocommerce-loop-product__title {
font-family: 'Montserrat';
color: #000000;
font-size: 14px !important;
line-height: 24px;
padding: 0px 15px !important;
}
.woocommerce ul.products li.product .price ins {
text-decoration: none !important;
}
.woocommerce ul.products li.product .price {
margin-top: 5px;
padding: 0;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
padding: 10px;
border-radius: 40px;
border: none;
background: #F8EBD7;
color: #121212;
font-size: 12px;
transition: 0.3s;
font-family: "Unbounded", sans-serif;
font-weight: 300;
display: flex !important;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
line-height: 13px;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover svg {
filter: invert(1);
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
color: #fff;
background-color: #1b263b;
}
.page-id-12 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
width: 100%;
margin: 0 !important;
}
.page-id-12 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
color: #fff;
background-color: #1b263b;
}
.page-id-12 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover svg{
filter: invert(1);
}
.woocommerce ul.products li.product .onsale {
display: none;
}
.new-badge{
position: absolute;
top: 14px;
background: #1B263B;
font-family: "Unbounded", sans-serif;
font-weight: 300;
color: #fff;
font-size: 10px;
padding: 6px 10px;
border-radius: 20px;
margin-left: 14px;
}
.custom-product-rating {
margin: 5px 0;
font-size: 14px;
color: #FFC107;
padding: 0 15px;
}
ul.products.columns-4 {
display: flex;
align-items: center;
}
.custom-product-rating .dashicons-star-filled {
font-size: 14px;
vertical-align: middle;
}
.woocommerce.columns-4 {
display: flex;
margin-top: 30px;
align-items: flex-start;
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
margin-top:20px;
}
/*shipping*/
a.tab.active {
background-color: #1B263B;
color: #fff;
}
section.shipping-tab-sec {
margin-top: 30px;
}
.tab-content {
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 30px 45px 30px 30px;
margin-top: 30px;
margin-bottom: 30px;
}.margin-lt {
margin-left: 20px;
}
.tab-content h3 {
color: #1B263B;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
font-family: 'Unbounded', sans-serif;
}
ul.unorder-list-item {
font-size: 14px;
line-height: 24px;
}
ul.order-list-item li {
list-style-type: auto;
}
#delivery svg {
width: 50px !important;
height: 50px;
}
a.view-all-link-button.tab.active svg {
filter: invert(1);
}
/*return policy*/
p.return-desc {
font-weight: 400;
font-size: 14px;
}
.return-main{
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 30px 45px 30px 30px;
margin-top: 30px;
margin-bottom: 30px;
}
p.contain {
font-size: 14px;
line-height: 24px;
}
.contain h3 {
color: #1B263B;
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.contain li {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color:#000;
}
.contain p {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #1B263B;
}
.contain {
max-width: 1320px;
margin: 0 auto;
padding: 30px 45px 30px 30px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 10px;
margin-top: 30px;
margin-bottom: 30px;
}
.custom-product-rating {
display: flex;
align-items: center;
gap: 4px;
margin-top: 8px;
}
.custom-product-rating .star {
color: #f5a623;
font-size: 16px;
}
.custom-product-rating .review-count {
font-size: 11px;
color: rgba(0, 0, 0, 1);
font-weight: 300;
font-family: 'Unbounded', sans-serif;
margin-left: 5px;
}
.ajax-filters-sidebar {
margin-bottom:20px;
}
.checkbox-group {
display: flex;
flex-direction: column;
gap: 10px;
}
.checkbox-label {
display: flex;
align-items: center;
cursor: pointer;
font-size: 14px;
position: relative;
}
/* Hide default checkbox */
.filter-checkbox {
display: none;
}
/* Custom box */
.custom-box {
width: 18px;
height: 18px;
border-radius: 4px;
margin-right: 8px;
position: relative;
border: 2px solid #1B263B;
}
.filter-checkbox:checked + .custom-box {
background-color: #1B263B;
}
.filter-checkbox:checked + .custom-box::after {
content: "✓";
color: white;
font-size: 12px;
position: absolute;
top: -2px;
left: 3px;
}
.checkbox-text {
color: #333;
}
.checkbox-group {
display: flex;
flex-direction: column;
gap: 12px;
}
.checkbox-label {
display: flex;
align-items: center;
cursor: pointer;
font-size: 14px;
position: relative;
}
/* Hide default checkbox */
.filter-checkbox {
display: none;
}
/* Custom square */
.custom-box {
width: 18px;
height: 18px;
border: 2px solid #1B263B;
border-radius: 4px;
margin-right: 10px;
position: relative;
transition: 0.3s ease;
}
/* Checked state */
.filter-checkbox:checked + .custom-box {
background-color: #1B263B;
border-color: #1B263B;
}
.filter-checkbox:checked + .custom-box::after {
content: "✓";
position: absolute;
left: 3px;
top: -2px;
color: white;
font-size: 13px;
}
.checkbox-text {
color: #333;
}
.ol_list {
padding: 0 0 0 20px;
}
.ul_list{
padding: 0 0 0 25px;
}
.ul_list_2{
padding: 0 0 0 25px;
margin-bottom: 0;
}
ol.order-list-item.ol_list {
font-size: 14px;
line-height: 24px;
}
.shipping-option input[type="radio"] {
display: none;
}
.shipping-option, .payment-option {
position: relative;
}
.shipping-option input[type="radio"]:checked ~ .shipping-text:after {
content: "";
position: absolute;
right: 30px;
top: 24px;
width: 20px;
height: 20px;
background-image: url("https://upwork1.siteost.pro/wp-content/uploads/2026/02/Vector-7.svg");
background-size: contain;
background-repeat: no-repeat;
}
.payment-option input[type="radio"]:checked ~ .payment-text:after {
content: "";
position: absolute;
right: 30px;
top: 24px;
width: 20px;
height: 20px;
background-image: url("https://upwork1.siteost.pro/wp-content/uploads/2026/02/Vector-7.svg");
background-size: contain;
background-repeat: no-repeat;
}
.shipping-option:last-child{
border-bottom:0px !important
}
/*single*/
.woocommerce div.product div.images img {
display: block;
/* width: 350px;
height: 350px; */
object-fit: contain;
box-shadow: none;
border-radius: 20px;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
float: none;
width: 40% !important;
border: 1px solid rgba(0, 0, 0, 0.05) !important;
border-radius: 10px !important;
display: inline-block;
vertical-align: top;
}
.flex-viewport {
height: 350px !important;
object-fit: contain;
width: 350px;
border-radius: 20px;
margin: 0 auto;
margin-top: 20px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: unset;
margin: 0;
width: 70px;
height: 70px;
border-radius: 10px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
background: #F8EBD7;
color: #000;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
gap: 15px;
justify-content: center;
margin-top: 20px;
margin-bottom: 20px;
border-top: 1px solid #0000000D;
padding-top: 15px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: auto !important;
}
.woocommerce-product-gallery__wrapper {
/* width: 488px;
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 20px !important;
border-radius: 10px; */
margin: 0 auto;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display: none;
}
.woocommerce span.onsale {
display: none;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: none;
width: 58%;
clear: none;
margin-left: 20px;
display: inline-block;
vertical-align: top;
}
.single.single-product .content-area {
max-width: 1320px;
margin: 0 auto;
padding: 0 20px;
}
button.single_add_to_cart_button.button.alt:hover svg {
filter: invert(1);
}
section.related.products h2 {
color: rgba(27, 38, 59, 1);
font-size: 30px;
line-height: 40px;
font-family: 'Unbounded';
font-weight: 400;
margin-bottom: 30px;
text-transform: uppercase;
}
ul.products.columns-4 h2
{
font-family: 'Montserrat';
color: #000000;
font-size: 14px !important;
line-height: 24px;
padding: 0px 15px !important;
font-weight:500;
}
h1.entry-title {
font-family: 'Montserrat';
font-size: 18px;
line-height: 28px;
font-weight: bold;
}
button.single_add_to_cart_button.button.alt{
display: inline-flex;
align-items: center;
gap: 12px;
padding: 10px 32px;
background: rgba(27, 38, 59, 1);
border-radius: 100px;
text-decoration: none;
color: #fff;
font-family: 'Unbounded', sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 16px;
transition: background 0.3s ease;
}
.single-product header.entry-header h1 {
display: none;
}
.quantity {
display: flex;
align-items: center;
border-radius: 4px;
overflow: hidden;
width: fit-content;
}
.single-product div.product form.cart {
margin-bottom: 0;
width: 98%;
margin: 0 auto;
}
.quantity input.qty {
width: 45px;
height: 44px;
text-align: center;
border-left: 1px solid #0000000D;
border-right: 1px solid #0000000D;
background: #fff;
font-size: 12px;
font-weight: 500;
color: #333;
-moz-appearance: textfield;
padding: 0;
margin: 0;
outline: none;
box-shadow: none !important;
border-top: 0;
border-bottom: 0;
}
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.single-product div.product form.cart div.quantity {
border-radius: 100px;
border: 1px solid #0000000D;
width: 110px;
height: 36px;
}
.single-product .quantity .qty {
width:33%;
}
.custom-qty-btn {
width: 33%;
height: 100%;
background: #fff;
border: none;
font-size: 15px;
font-family: 'Montserrat';
font-weight: 500;
color: #000;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
padding: 0;
line-height: 1;
}
.single_add_to_cart_button {
display: inline-flex;
align-items: center;
gap: 8px;
}
.single_add_to_cart_button svg {
flex-shrink: 0;
fill: currentColor;
}
.cart {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
span.custom-stock {
background: #0B9043;
color: #fff;
font-size: 10px;
font-family: "Montserrat", sans-serif;
border-radius: 5px;
display: flex;
align-items: center;
padding: 4px 10px;
}
span.custom-stock svg {
width: 12px !important;
height: 12px !important;
}
.single-product h1.entry-title {
margin-bottom: 14px;
font-family: "Unbounded", sans-serif;
font-weight: 600;
}
.single-product p.price {
margin-bottom: 20px;
padding: 0 20px;
}
.custom-sku span {
color: #B2B2B2;
font-size: 12px;
line-height: 12px;
font-weight: 400;
}
.custom-sku {
color: #000000;
font-size: 12px;
}
.custom-product-meta {
display: flex;
align-items: center;
padding: 0 20px 20px;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
margin-bottom: 20px;
}
div#payment {
display: none;
}
.single-product .products {
padding: 0;
}
.woocommerce-tabs.wc-tabs-wrapper {
display: none;
}
section.related.products h2 {
margin-top: 0;
}
.btn_sku_single {
display: flex;
align-items: center;
gap: 10px;
}
.single-product div#primary {
min-height: 530px;
}
button.button.quick-order-btn {
font-family: 'Unbounded', sans-serif;
background: #F8EBD7;
border-radius: 100px;
padding: 10.75px 30px;
color: #000;
font-size: 12px;
font-weight: 400;
display: flex;
align-items: center;
gap: 10px;
line-height: 12px;
}
.woocommerce-additional-fields {
padding: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
div#mrkv_ua_shipping_nova-poshta_address_fields select {
width: 100%;
padding: 12px 15px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
font-size: 12px;
background: white;
font-family: inherit;
border-radius: 100px;
color: #969696 !important;
}
div#mrkv_ua_shipping_nova-poshta_address_fields input {
width: 100%;
padding: 12px 15px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
font-size: 12px;
background: white;
font-family: inherit;
transition: border-color 0.3s ease;
border-radius: 100px;
color: #969696 !important;
}
div#mrkv_ua_shipping_nova-poshta_fields select {
width: 100%;
padding: 12px 15px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
font-size: 12px;
background: white;
font-family: inherit;
border-radius: 100px;
color: #969696 !important;
}
div#mrkv_ua_shipping_nova-poshta_fields input {
width: 100%;
padding: 12px 15px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
font-size: 12px;
background: white;
font-family: inherit;
transition: border-color 0.3s ease;
border-radius: 100px;
color: #969696 !important;
}
div#mrkv_ua_shipping_nova-poshta_poshtamat_fields select {
width: 100%;
padding: 12px 15px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
font-size: 12px;
background: white;
font-family: inherit;
border-radius: 100px;
color: #969696 !important;
}
div#mrkv_ua_shipping_nova-poshta_poshtamat_fields input {
width: 100%;
padding: 12px 15px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
font-size: 12px;
background: white;
font-family: inherit;
transition: border-color 0.3s ease;
border-radius: 100px;
color: #969696 !important;
}
.woocommerce-additional-fields,
.woocommerce-additional-fields__field-wrapper {
display: none;
}
.woocommerce-additional-fields p {
margin: 0 0 5px !important;
}
p#mrkv_ua_shipping_nova-poshta_address_street_ref_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_address_city_label_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_address_city_ref_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_city_label_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_city_ref_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_warehouse_ref_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_poshtamat_city_label_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_poshtamat_city_ref_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_poshtamat_ref_field {
display: none;
}
p#mrkv_ua_shipping_nova-poshta_poshtamat_number_field {
display: none;
}
/* about page */
.row_about {
display: flex;
gap: 70px;
align-items: center;
}
.main_right_about {
width: 58%;
}
.main_left_about {
width: 44%;
display: flex;
flex-direction: column;
padding-left: 40px;
gap: 30px;
}
.about-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.about-box h2 {
margin: 0;
color: #1B263B;
font-size: 16px;
line-height: 16px;
font-family: 'Unbounded' , sans-serif;
font-weight: 400;
}
.about-box p {
text-align: center;
margin: 0;
font-size: 14px;
line-height: 24px;
font-weight: 400;
padding: 0 37px;
}
.para_about {
padding: 30px 0 15px;
}
.para_about p {
color: #000000;
font-size: 14px;
font-weight: 400;
margin: 0 0 15px;
line-height: 24px;
}
.section_about {
padding: 30px 0;
}
.about_btn_last {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
}
a.btn_blue {
color: #000;
font-size: 12px;
line-height: 22px;
font-weight: 300;
background: #F8EBD7;
border: none;
border-radius: 100px;
padding: 11px 32px;
display: flex;
gap: 10px;
font-family: 'Unbounded' , sans-serif;
text-decoration: none;
}
a.btn_yellow {
color: #fff;
font-size: 12px;
line-height: 22px;
font-weight: 300;
background: #1B263B;
border: none;
border-radius: 100px;
padding: 11px 32px;
display: flex;
gap: 10px;
font-family: 'Unbounded' , sans-serif;
text-decoration: none;
}
.main_right_about img {
object-fit: cover;
}
.page-id-12 a.added_to_cart.wc-forward {
color: #000;
position: relative;
top: 8px;
left: 4px;
}
a.added_to_cart.wc-forward {
padding: 0;
position: relative;
top: -8px;
left: 18px;
color: #000;
}
div#reviews h3 {
display: none;
}
.woocommerce .review-form h3 {
display:block !important;
}
.woocommerce-product-gallery .flex-viewport img {
height: 350px !important;
}
.woocommerce_single_product_summary_inner_div {
border: 1.5px solid #0000000D;
border-radius: 12px;
overflow: hidden;
background: #ffffff;
transition: border-color 0.25s, box-shadow 0.25s;
padding: 20px 0;
margin: 0 0 20px;
}
div.product div.summary span.woocommerce-Price-amount.amount bdi {
font-size: 22px !important;
}
div.product div.summary del span.woocommerce-Price-amount.amount bdi {
font-size: 16px !important;
}
div.product div.summary .woocommerce-product-rating {
display: none !important;
}
.simple-reviews {
max-width: 600px;
}
.simple-reviews h3 {
margin-bottom: 20px;
}
.review-list {
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.review-list li {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.review-form select,
.review-form textarea,
.review-form input {
width: 100%;
padding: 10px;
margin: 5px 0;
border-radius: 5px;
border:1px solid #ccc;
}
.review-form input[type="checkbox"],
.review-form input[type="radio"] {
width: auto;
}
.review-submit-btn {
border: none !important;
cursor: pointer !important;
padding: 12px 30px !important;
border-radius: 100px !important;
font-family: 'Unbounded', sans-serif;
font-size: 12px !important;
font-weight: 300 !important;
line-height: 22px !important;
transition: all 0.3s ease;
background: #1B263B !important;
color: #fff !important;
}
.review-form a {
color: #1B263B !important;
}
.simple-reviews {
max-width: 100%;
padding: 10px 0;
}
.comment_container {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.comment_container img {
width: 60px;
height: 60px;
border-radius: 100%;
display: none !important;
}
.comment_container .comment-text {
/*width: calc(100% - 20px - 60px);*/
}
p.comment-form-url, p.comment-form-cookies-consent {
display: none !important;
}
section.related.products ul {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
display: block;
margin-bottom: 40px;
}
section.related.products .slick-track {
gap: 0 !important;
}
section.related.products ul.products li {
margin: 0 0 0 20px !important;
border-radius: 20px;
}
/* .single-product .slick-track {
width: 100% !important;
} */
li.product.slick-slide.slick-current.slick-active {
margin-left: 0px !important;
}
.woocommerce-message {
display: flex;
align-items: center;
gap: 20px;
}
.woocommerce-message a.button {
margin-left: auto;
}
.cart-item-row.cart_item span.woocommerce-Price-amount.amount bdi {
font-size: 18px !important;
}
.cart-item-row.cart_item .old-price span.woocommerce-Price-amount.amount bdi {
font-size: 12px !important;
}
.custom-order-card span.woocommerce-Price-amount.amount {
font-size: 18px;
font-weight: 500;
}
.overlay_detail {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
top: 0;
left: 0;
display: none;
backdrop-filter: blur(3px);
z-index: 999;
}
.modal_detail {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.8);
background: white;
width: 450px;
padding: 20px;
border-radius: 20px;
text-align: center;
display: none;
z-index: 1000;
transition: 0.3s ease;
}
.modal_detail.active {
transform: translate(-50%, -50%) scale(1);
}
.modal_detail button {
background: #1B263B;
color: #fff;
font-weight: 500;
font-family: 'Montserrat' , sans-serif;
font-size: 14px;
line-height: 14px;
padding: 12px 12px;
border: 0;
width: 100%;
border-radius: 100px;
margin: 6px 0 10px;
cursor: pointer;
}
.modal_detail input {
width: 100%;
padding: 9px 12px;
margin: 7px 0;
border-radius: 25px;
border: 1px solid #ddd;
color: #969696;
font-size: 12px;
font-weight: 300;
line-height: 24px;
font-family: 'Unbounded' , sans-serif;
letter-spacing: 0%;
}
.modal_detail h2 {
font-family: 'Unbounded', sans-serif;
margin: 0;
color: #1B263B;
font-size: 20px;
font-weight: bold;
line-height: 30px;
}
.modal_detail p {
margin: 0;
color: #000;
font-family: 'Montserrat' , sans-serif;
font-size: 12px;
line-height: 20px;
}
.inner_deatil_pop {
color: #C8C8C8;
font-size: 10px;
font-weight: 500;
line-height: 15px;
font-family: 'Montserrat' , sans-serif;
padding: 0 20px;
}
.inner_deatil_pop span{
color: 1B263B;
}
.submit-btn-detail {
width: 100%;
padding: 12px;
background: #1e2a44;
color: white;
border: none;
border-radius: 25px;
cursor: pointer;
margin-top: 10px;
}
span.order-number {
color: #1B263B;
}
.woocommerce-no-products-found {
width: 100% !important;
}
.applied-coupon {
background: #F8EBD7;
padding: 8px 20px;
font-size: 14px;
display: flex;
align-items: center;
gap: 5px;
justify-content: space-between;
border-radius: 50px;
}
.applied-coupon a {
color: #1B263B;
font-size: 17px;
}
div#ajax-loading-overlay p {
margin: 0;
}
/* mobile css */
@media (max-width: 768px) {
.main-container {
max-width: 100%;
margin: 0 auto;
padding: 0 20px;
}
ul.top-nav-menu {
display: none;
}
.top_nav_right {
justify-content: space-between;
width: 100%;
}
.hero-box {
flex-direction: column;
}
.hero-left {
width: 100%;
padding: 20px 20px 0;
}
.hero-right {
width: 100%;
height: 300px;
margin-top: 40px;
}
button.hero-arrow.hero-next.slick-arrow {
display: none !important;
}
button.hero-arrow.hero-prev.slick-arrow {
display: none !important;
}
.hero-left h1 {
font-size: 20px;
}
.icons-row {
gap: 30px;
flex-direction: column;
}
.icon-item {
width: 100%;
}
.icon-item p {
margin: 0;
}
.products {
padding: 30px 0;
}
.products-header {
margin-bottom: 20px;
align-items: center;
flex-direction: column;
justify-content: left;
align-items: flex-start;
}
button.product-arrow.product-nexts.slick-arrow {
display: none !important;
}
button.product-arrow.product-prevs.slick-arrow {
display: none !important;
}
.product-cards.slick-slide.slick-current.slick-active {
max-width: 285px !important;
}
.des_mar {
margin-bottom: 20px;
}
.category-card.dark {
gap: 20px;
width:100%
}
.testimonial {
flex-direction: column;
}
.customer-feedback {
width: 100% !important;
}
.reviews-btn {
flex-direction: column;
}
.testimonial-heading {
font-size: 20px !important;
line-height: 30px !important;
}
.testimonial-top {
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px !important;
}
.start-rating {
line-height: 30px !important;
}.testimonial {
gap: 20px;
}
.icons {
padding: 10px 0 0;
}
.testimonial-show {
padding: 30px 0 !important;
}
.categories-grid {
display: flex;
flex-direction: column;
gap: 20px;
}
.category-card {
display: flex;
flex-direction: column;
}
.product-image {
max-width: 100%;
}
.category-card.light .product-image {
max-width: 47%;
}
.category-card.light {
width: 100%;
gap:20px
}
.category-card.light .category-btn {
order: 1;
}
.category-card.light .product-image {
order: 2;
}
.page-id-12 > .main-container.flex-d > :nth-child(2) {
flex-direction: column-reverse !important;
}
button.product-arrow.product-nextss.slick-arrow {
display: none !important;
}
button.product-arrow.product-prevss.slick-arrow {
display: none !important;
}
button.product-arrow.product-next.slick-arrow {
display: none !important;
}
button.product-arrow.product-prev.slick-arrow {
display: none !important;
}
.testimonial-heading-primary {
margin-bottom: 20px;
}
.testimonial-showcase-area {
padding: 20px 0;
}
.direction-button-circle {
transform: translateY(-840%);
}
.direction-button-circle.slide-forward-btn {
right: 0px;
}
.direction-button-circle.slide-backward-btn {
left: 255px;
}
.newsletter-content {
flex-direction: column;
align-items: flex-start;
gap: 0
}
.footer-links {
display: flex;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 5px;
}
.contact-card {
grid-column: auto;
order: 2 !important;
}
.footer-col {
order: 3;
}
.footer-col.footer-brand {
order: 1;
}
/* about-us css */
.main_right_about img {
width: 100%;
}
.row_about {
gap: 30px;
flex-direction: column-reverse;
}
.main_right_about {
width: 100%;
}
.main_left_about {
width: 100%;
padding-left: 0px;
}
.about_btn_last {
gap: 15px;
flex-direction: column;
}
.inner_bread h1 {
word-break: break-all;
}
.testimonial-top {
padding: 20px;
}
.review_page_btn_row {
margin: 10px 0 0;
}
a.view-all-link-button.margin-lt.tab-btn {
position: absolute;
}
section.contact-page .flex.gap-20 {
flex-direction: column;
}
.main_left_contact {
width: 100%;
}
.main_right_contact {
width: 100%;
}
.des_bot_mar {
margin-bottom: 20px;
}
.woocommerce.columns-4 {
flex-direction: column;
}
#ajax-products-container {
width: 100% !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products.columns-3 li.product {
width: 100% !important;
margin-right: 0 !important;
}
#ajax-pagination {
padding: 0 0 30px 0px !important;
}
.breadcrumbs {
flex-wrap: wrap;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
width: 100% !important;
}
.custom-gallery-nav .custom-prev {
left: 10px !important;
}
.custom-gallery-nav .custom-next {
right: 2px !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: 100% !important;
margin-left: 0 !important;
}
.custom-product-meta {
flex-wrap: wrap;
}
.custom-product-rating {
padding: 0;
}
.single-product div.product form.cart {
justify-content: center;
width: 100% !important;
}
.woocommerce-message {
flex-wrap: wrap;
}
input#coupon_code {
width: 100%;
}
.cart-summary {
flex-wrap: wrap;
gap: 10px;
}
.popup-buttons {
flex-wrap: wrap;
}
.newsletter-popup {
padding: 20px !important;
}
.popup-contents {
padding: 40px 20px !important;
width: 100% !important;
}
div#popup-message {
font-size: 15px !important;
margin-top: 15px;
}
.login-btn-main {
flex-wrap: wrap;
}
a.login-btn {
width: 100% !important;
}
form.woocommerce-form.woocommerce-form-login.login {
width: 100% !important;
}
form.woocommerce-form.woocommerce-form-register.register {
width: 100%;
}
nav.woocommerce-MyAccount-navigation ul li {
width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
flex-direction: column;
}
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table td {
width: 100%;
}
form.woocommerce-ResetPassword.lost_reset_password {
width: 100%;
}
.subscribe-btn {
justify-content: space-between;
}
}
@media screen and (max-width: 1200px) {
.footer-top {
grid-template-columns: repeat(3, 1fr);
gap: 15px;
margin-bottom: 20px
}
.contact-card {
grid-column: auto;
}
}
@media screen and (max-width: 992px) {
.reviews-grid {
grid-template-columns: repeat(2, 1fr);
}
.newsletter-content {
flex-direction: column;
align-items: flex-start;
gap: 0
}
.newsletter-form {
width: 100%;
flex-direction: column;
padding: 0 0 15px;
}
.email-input {
width: 100%;
}
.footer-top {
grid-template-columns: repeat(1, 1fr);
}
.item-quantity {
width: 40%;
}
.payment-option {
padding: 10px;
}
.payment-option input[type="radio"]:checked ~ .payment-text:after {
right: 10px !important;
top: 18px !important;
}
span.payment-text {
font-size: 13px;
}
.header-container.header-desktop {
flex-wrap: wrap;
gap: 15px;
}
.btn_header_left {
width: 100%;
}
.left_top_btn {
width: 100%;
order: 3;
}
}
@media (max-width: 968px) {
.categories-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 1200px) {
.top-nav-menu {
gap: 15px;
}
.header-actions {
gap: 24px;
}
}
@media (max-width: 992px) {
.top-nav-container,
.header-container {
padding: 0 20px;
}
.top-nav-menu {
gap: 12px;
}
.top-nav-link {
font-size: 11px;
}
.catalog-toggle-btn {
padding: 15px 20px;
border-radius: 100px;
width: 100%;
}
}
@media (max-width: 480px) {
.top-nav-link {
font-size: 10px;
}
.header-actions {
gap: 12px;
}
.header-icon {
width: 20px;
height: 20px;
}
}
.review-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.review-text.expanded {
-webkit-line-clamp: unset;
overflow: visible;
}
.woocommerce-pagination{
display: none;
}