@font-face {
font-family: 'SVN-Gilroy';
src: url(//tulalove.vn/wp-content/themes/anothemes/fonts/SVN-GilroyMedium.woff2) format('woff2'),
url(//tulalove.vn/wp-content/themes/anothemes/fonts/SVN-GilroyMedium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
.my-account-heading {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
border-bottom: solid 1px #E5E5E5;
}
.my-account-heading h2,
.my-account-heading h1 {
display: inline-block;
margin: 0;
padding: 0;
width: auto;
font-size: 18px;
line-height: 22px;
font-weight: 600;
font-family: 'SVN-Gilroy', sans-serif;
color: #171717;
}
@media (min-width: 1025px) {
.my-account-heading h2,
.my-account-heading h1 {
font-size: 24px;
line-height: 32px;
}
}
.my-account-heading::after {
content: '';
}
.my-account-heading::after,
.my-account-heading .back-button {
display: inline-block;
width: 24px;
height: 24px;
}
.my-account-heading .back-button {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.account-order-tabs {
padding: 12px 0;
}
.account-order-tabs ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 6px;
overflow: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
.account-order-tabs ul::-webkit-scrollbar {
display: none;
}
.account-order-tabs li {
margin: 0 !important;
flex-shrink: 0;
}
.account-order-tabs a {
display: block;
color: #555;
padding: 8px 12px;
text-decoration: none;
font-size: 14px;
line-height: 20px;
font-weight: 500;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
border-radius: 999px;
}
.account-order-tabs a:hover,
.account-order-tabs a.active {
background-color: #FFE1E5;
}
.woocommerce-account .breadcrumbs-nav,
.woocommerce-account .tulalove-archive-banner,
.woocommerce-order-received .breadcrumbs-nav,
.woocommerce-order-received .tulalove-archive-banner {
display: none;
}
.woocommerce-account .order-item,
.woocommerce-order-received .order-item {
margin-top: 12px;
margin-bottom: 24px;
font-size: 12px;
line-height: 16px;
font-family: 'SVN-Gilroy', sans-serif;
}
.woocommerce-account .order-item__content,
.woocommerce-order-received .order-item__content {
position: relative;
transition: background-color 0.3s ease;
}
.woocommerce-account .order-item__heading,
.woocommerce-order-received .order-item__heading {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 12px;
}
.woocommerce-account .order-item__heading p,
.woocommerce-order-received .order-item__heading p {
margin: 0;
padding: 0;
display: inline-block;
width: auto;
}
.woocommerce-account .order-item__status,
.woocommerce-order-received .order-item__status {
color: red;
}
.woocommerce-account .order-item__total,
.woocommerce-order-received .order-item__total {
font-size: 14px;
line-height: 20px;
text-align: right;
margin: 12px 0 0;
padding: 0;
}
.woocommerce-account .order-item__item,
.woocommerce-order-received .order-item__item {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
position: relative;
}
.woocommerce-account .order-item__item .img,
.woocommerce-order-received .order-item__item .img {
height: 86px;
width: 86px;
border-radius: 12px;
overflow: hidden;
flex-shrink: 0;
}
.woocommerce-account .order-item__item .img img,
.woocommerce-order-received .order-item__item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.woocommerce-account .order-item__item .info,
.woocommerce-order-received .order-item__item .info {
flex-grow: 1;
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 6px;
}
.woocommerce-account .order-item__item .info-detail,
.woocommerce-order-received .order-item__item .info-detail {
display: flex;
gap: 12px;
justify-content: space-between;
align-items: flex-start;
font-size: 10px;
}
.woocommerce-account .order-item__item .info-detail ul,
.woocommerce-account .order-item__item .info-detail li,
.woocommerce-order-received .order-item__item .info-detail ul,
.woocommerce-order-received .order-item__item .info-detail li {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .order-item__item .info-price,
.woocommerce-order-received .order-item__item .info-price {
display: flex;
gap: 6px;
justify-content: flex-end;
align-items: center;
font-size: 14px;
line-height: 20px;
margin-top: 6px;
}
.woocommerce-account .order-item__item p,
.woocommerce-order-received .order-item__item p {
margin: 0;
padding: 0;
}
.woocommerce-account .order-item__item .info-price .original-price,
.woocommerce-order-received .order-item__item .info-price .original-price {
text-decoration: line-through;
font-size: 12px;
line-height: 16px;
}
.woocommerce-account .order-item__item .original-price .amount,
.woocommerce-order-received .order-item__item .original-price .amount {
font-weight: 500;
}
.woocommerce-account .order-item__item .row-total-price,
.woocommerce-order-received .order-item__item .row-total-price {
flex-grow: 1;
text-align: right;
}
.woocommerce-account .order-item .order-item__products,
.woocommerce-order-received .order-item .order-item__products {
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
}
.woocommerce-account .order-item .order-item__link,
.woocommerce-order-received .order-item .order-item__link {
display: block;
position: absolute;
inset: 0;
}
.woocommerce-account .order-item__actions,
.woocommerce-order-received .order-item__actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: flex-end;
font-size: 14px;
line-height: 20px;
margin-top: 8px;
}
.woocommerce-account .order-item__actions .contact-shop,
.woocommerce-order-received .order-item__actions .contact-shop {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 18px;
border-radius: 999px;
background-color: #F2F4F7;
transition: background-color 0.3s linear;
}
.woocommerce-account .order-item__actions .contact-shop:hover,
.woocommerce-order-received .order-item__actions .contact-shop:hover {
background-color: #FFE1E5;
}
.woocommerce-account .order-item__actions .contact-shop svg,
.woocommerce-order-received .order-item__actions .contact-shop svg {
width: 20px;
height: 20px;
}
.woocommerce-account address,
.woocommerce-account .woocommerce-customer-details,
.woocommerce-order-received address,
.woocommerce-order-received .woocommerce-customer-details {
font-size: 14px;
line-height: 20px;
font-style: normal;
}
.woocommerce-account .col2-set>div+div,
.woocommerce-account .u-columns>div+div,
.woocommerce-order-received .col2-set>div+div,
.woocommerce-order-received .u-columns>div+div {
padding-left: 0;
}
#account-orders-body .woocommerce-message {
margin: 12px 0;
font-size: 14px;
line-height: 20px;
}
.woocommerce-account .woocommerce-order-details__status {
font-size: 14px;
line-height: 20px;
margin: 24px 0;
}
.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title {
font-size: 16px;
line-height: 24px;
font-weight: 600;
margin: 0;
padding: 0;
color: #171717;
}
.woocommerce-account .woocommerce-column--billing-address,
.woocommerce-order-received .woocommerce-column--billing-address {
display: none;
}
.woocommerce-account .page-wrapper {
padding-top: 0;
}
.woocommerce-account .no-order-found {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .cancel-order-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 99999;
align-items: center;
justify-content: center;
} .cancel-order-popup {
background: #fff;
width: 90%;
max-width: 420px;
border-radius: 24px;
overflow: hidden;
animation: popupShow 0.3s ease;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
@keyframes popupShow {
from {
transform: scale(0.8);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.cancel-popup-header {
padding: 18px 16px;
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--neutral-100, #F5F5F5);
margin: 0 24px;
}
@media(max-width: 567px) {
.cancel-popup-header {
margin: 0 8px;
}
}
.cancel-popup-header h3 {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 20px;
}
.cancel-popup-header::before {
content: "";
display: block;
}
.cancel-popup-header::before,
.cancel-order-popup .btn-no {
height: 32px;
width: 32px;
padding: 0;
margin: 0;
}
.cancel-popup-body {
padding: 24px;
text-align: center;
font-size: 16px;
line-height: 1.5;
}
.cancel-popup-body strong {
color: #d9534f;
display: block;
font-size: 20px;
margin-bottom: 8px;
}
.cancel-popup-footer {
padding: 0 20px 25px;
display: flex;
gap: 12px;
justify-content: center;
}
.btn-cancel-popup {
flex: 1;
padding: 10px;
margin: 0;
border: none;
border-radius: 999px;
font-size: 14px;
line-height: 20px;
cursor: pointer;
transition: all 0.3s;
}
.btn-no {
cursor: pointer;
}
.btn-yes {
background: #FB6F80;
color: #fff;
cursor: pointer;
} .btn-loader {
display: none;
}
.btn-cancel-popup.is-loading .btn-text {
display: none;
}
.btn-cancel-popup.is-loading .btn-loader {
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #ffffff;
border-radius: 50%;
border-top-color: transparent;
animation: btn-spin 0.8s linear infinite;
}
@keyframes btn-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.order-details__actions .action-cancel {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
padding: 16px 24px;
background-color: #fff;
z-index: 1;
}
.order-details__actions .action-pay {
padding: 16px 0;
}
@media (min-width: 769px) {
.woocommerce-account .welcome-user {
margin-top: 16px;
margin-bottom: 16px;
}
.woocommerce-account .dashboard-menu {
max-width: 600px;
padding: 16px;
border: solid 1px #E5E5E5;
border-radius: 12px;
margin: 0 auto;
}
.dashboard-menu .dashboard-list {
margin-bottom: 0;
}
.account-order-tabs ul {
justify-content: center;
}
.woocommerce-account #account-orders-body {
max-width: 620px;
margin-left: auto;
margin-right: auto;
}
.woocommerce-account .order-item__content {
padding: 16px 24px;
border-radius: 12px;
width: 100%;
border: solid 1px #E5E5E5;
}
.woocommerce-account .order-item__content:hover,
.woocommerce-order-received .item__content-item:hover {
background-color: #ffe1e580;
}
.woocommerce-account .order-details__wrapper {
padding: 16px 24px;
max-width: 620px;
border-radius: 12px;
width: 100%;
margin: 24px auto 0;
border: solid 1px #E5E5E5;
}
} #additional-addresses-container {
margin-top: 20px;
}
.additional-address-row {
position: relative;
padding: 16px;
border: 1px solid #E5E5E5;
border-radius: 12px;
margin-bottom: 16px;
}
.remove-address-container {
display: flex;
justify-content: flex-end;
}
.additional-address-row .remove-address-btn {
cursor: pointer;
font-size: 16px;
line-height: 24px;
display: flex;
gap: 8px;
padding: 10px 18px;
border-radius: 999px;
background-color: #F2F4F7;
}
.address-fields-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.address-fields-grid .field-item {
flex: 1 1 100%;
}
.address-fields-grid .field-item.half-width {
flex: 1 1 calc(50% - 6px);
}
.address-fields-grid select,
.address-fields-grid input {
width: 100%;
margin-bottom: 0 !important;
}
.address-field-group {
margin-bottom: 16px;
}
.add-address-btn-container {
margin-top: 16px;
margin-bottom: 24px;
}
.button.add-address-btn {
background: transparent;
color: #171717;
border: 1px dashed #FB6F80;
width: 100%;
padding: 12px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-weight: 500;
}
.button.add-address-btn i {
font-size: 16px;
}
@media (max-width: 768px) {
.address-fields-grid .field-item.half-width {
flex: 1 1 100%;
}
}
.woocommerce-checkout .order-action-label {
display: none;
}
.order-action-label {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
vertical-align: middle;
color: #171717;
margin-bottom: 6px;
}
.order-actions-button.cancel {
background: #FB6F80;
color: #fff;
cursor: pointer;
padding: 10px;
border-radius: 999px;
text-transform: capitalize;
display: block;
font-size: 14px;
line-height: 20px;
margin: 0;
}
.order-actions-button.pay {
margin-bottom: 0;
background-color: transparent;
color: #171717;
border-radius: 12px;
border: 1px solid #E5E5E5;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-transform: none;
padding: 8px 12px;
width: 100%;
text-align: left;
}
.order-actions-button.pay::after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(//tulalove.vn/wp-content/themes/anothemes/images/assets/icon-pencil.svg);
background-size: cover;
background-position: center;
}
.icon-logout::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(//tulalove.vn/wp-content/themes/anothemes/images/assets/icon-logout.svg);
background-size: cover;
background-position: center;
}
.dashboard-list li.dashboard-item {
border-bottom: solid 1px #F5F5F5;
}
.dashboard-list li.dashboard-item:last-child {
border-bottom: none;
}
.dashboard-list li.dashboard-item:last-child a {
margin-top: 16px;
}
.dashboard-list li.dashboard-item:last-child a p {
color: #FF3B30;
}
.dashboard-list li.dashboard-item a:hover .dashboard-text {
color: #FB6F80;
}
.return-to-shop .wc-backward {
margin: 0;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
background-color: #FB6F80;
border-radius: 99px;
padding: 12px;
}
.cart-page-wrapper {
margin-top: 12px;
}
.page-custom-breadcrumb {
padding: 0;
}
nav.custom-breadcrumbs {
padding: 12px 0;
margin: 0;
text-align: left;
}
.custom-breadcrumbs ol,
.custom-breadcrumbs ol li {
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 20px;
display: inline;
}
.custom-breadcrumbs ol li:not(:last-child)::after {
content: '/';
margin-left: 8px;
margin-right: 8px;
}
.custom-breadcrumbs ol li.active {
color: #525252;
}
.contact-us-info {
padding: 16px 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.contact-us-info .contact-us-title {
margin: 0;
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #171717;
}
.contact-us-addrs {
display: flex;
width: 100%;
flex-direction: column;
gap: 12px;
}
.contact-page-form {
padding: 8px 0 28px;
width: 100%;
}
.contact-page-form form,
.contact-page-form .wpcf7,
.contact-page-form .wp-block-contact-form-7-contact-form-selector {
width: 100%;
margin: 0;
}
.contact-page-form label {
margin: 0;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #171717;
}
.contact-page-form span {
margin-top: 8px;
}
.contact-page-form input,
.contact-page-form textarea {
font-size: 12px;
line-height: 24px;
font-weight: 400;
padding: 12px;
border-radius: 12px;
width: 100%;
height: auto;
}
.contact-page-form input::placeholder,
.contact-page-form textarea::placeholder {
color: #A3A3A3;
}
.contact-page-form p {
margin-bottom: 16px;
}
.contact-page-form input[type="submit"] {
background-color: #FB6F80;
color: #fff;
padding: 12px;
border-radius: 999px;
margin: 0;
}
.contact-page-form .wpcf7-spinner {
display: none;
}
@media (min-width: 769px) {
div.contact-us-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 48px;
margin-top: 24px;
}
.contact-us-info {
width: 300px;
flex-shrink: 0;
padding: 0;
}
.contact-page-form {
flex-grow: 1;
padding: 32px;
}
}
@media (min-width: 1025px) {
.contact-us-info {
width: auto;
gap: 24px;
}
.contact-us-info .contact-us-title {
font-size: 48px;
line-height: 48px;
}
div.contact-us-addrs {
margin-top: 24px;
}
}
.wp-block-details {
margin-bottom: 12px;
border-bottom: solid 1px #E5E5E5;
padding: 12px 0;
font-size: 16px;
line-height: 28px;
}
.wp-block-details summary {
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #171717;
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
margin-bottom: 8px;
}
.wp-block-details summary::after {
content: "";
width: 12px;
height: 6px;
background-image: url(//tulalove.vn/wp-content/themes/anothemes/images/assets/icon-arrow-down.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.wp-block-details[open] summary::after {
transform: rotate(180deg);
}
.wp-block-details .wp-block-group {
margin-bottom: 12px;
}
.page-policy summary {
text-align: left;
}
.page-policy summary::marker {
display: none;
}
.page-policy ul {
margin-left: 1.5em;
margin-bottom: .6em;
}
.page-policy ul li::marker {
font-size: .7em;
}
.page-policy .main-content {
margin-top: 16px;
max-width: 650px;
}
.page-policy .main-content h2 {
font-family: 'SVN-Gilroy';
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #171717;
}
.order-review-wrapper {
max-width: 600px;
margin: 0 auto;
border-radius: 20px;
border: 1px solid #E5E5E5;
padding: 16px 24px;
margin-top: 24px;
}
.order-review-wrapper .shop_table thead th {
white-space: nowrap;
}
.wc_payment_methods.payment_methods.methods {
list-style: none;
}
@media (min-width: 1025px) {
.wp-block-details {
margin-bottom: 16px;
}
}
@media (min-width: 850px) {
.order-details__actions .action-cancel {
position: unset;
width: 100%;
text-align: center;
padding-top: 24px;
}
.order-actions-button.cancel {
display: inline-block;
}
.woocommerce-account .order-item,
.woocommerce-order-received .order-item {
font-size: 16px;
line-height: 24px;
}
.woocommerce-account .order-item__item .info-detail,
.woocommerce-order-received .order-item__item .info-detail {
font-size: 14px;
line-height: 20px;
}
.woocommerce-account .order-item__item .info-price,
.woocommerce-order-received .order-item__item .info-price {
font-size: 16px;
line-height: 24px;
}
.woocommerce-account .order-item__item .info-price .original-price,
.woocommerce-order-received .order-item__item .info-price .original-price {
font-size: 14px;
line-height: 20px;
}
.woocommerce-account .order-item__total,
.woocommerce-order-received .order-item__total {
font-size: 16px;
line-height: 24px;
}
.woocommerce-account .order-item__total strong,
.woocommerce-order-received .order-item__total strong {
font-size: 18px;
line-height: 28px;
}
}
@media (max-width: 849px) {
.order-details__wrapper {
padding-bottom: 90px;
}
.woocommerce-order-received .is-well {
margin-bottom: 90px;
}
}
.page-template-page-polity .accordion-title {
display: flex;
padding: 12px 0;
margin-bottom: 0;
}
.page-template-page-polity .accordion-item:first-child .accordion-title {
border-top: 0;
}
.page-template-page-polity .accordion-item:last-child {
border-bottom: 1px solid #DDD;
}
.page-template-page-polity .accordion .toggle {
order: 2;
right: 0;
left: unset;
}
.page-template-page-polity .accordion-title span {
order: 1;
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #171717;
margin-bottom: 8px;
}
.page-template-page-polity .icon-angle-down:before {
content: "";
content: "";
display: block;
width: 12px;
height: 6px;
background-image: url(//tulalove.vn/wp-content/themes/anothemes/images/assets/icon-arrow-down.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.page-template-page-polity .accordion-title.active {
background-color: transparent;
border-color: #E5E5E5;
color: #171717;
font-weight: 600;
}
.page-template-page-polity .accordion-inner {
padding: 0;
margin-bottom: 32px;
}
.page-template-page-polity .text.contact p {
margin-bottom: 12px;
display: flex;
gap: 8px;
}
.page-template-page-polity .text.contact img {
margin: 0;
}
.page-template-page-polity .main-content {
margin-top: 0;
}
* {
font-family: 'SVN-Gilroy';
text-transform: none;
box-sizing: border-box;
}
.container {
padding-left: 16px;
padding-right: 16px;
}
form {
margin-bottom: 0;
}
.has-border {
border: unset;
padding: unset;
}
.col,
.columns,
.gallery-item {
padding-left: 16px;
padding-right: 16px;
}
.container .row:not(.row-collapse),
.lightbox-content .row:not(.row-collapse),
.row .gallery,
.row .row:not(.row-collapse) {
margin-left: -16px;
margin-right: -16px;
padding-left: 0;
padding-right: 0;
width: auto;
}
body {
line-height: unset;
background-color: #fff;
min-height: 100vh;
}
.woocommerce-account footer,
.woocommerce-lost-password footer,
.woocommerce-cart footer,
.woocommerce-checkout footer,
.woocommerce-edit-account footer {
display: none;
}
.bg-fafafa {
background-color: #FAFAFA;
}
.header-wrapper .logo {
display: flex;
justify-content: center;
}
.slider-banner .flickity-page-dots .dot {
width: 8px;
height: 8px;
border-radius: 8px;
background-color: #000;
opacity: 0.3;
border: 0;
transition: all 0.3s ease-in-out;
margin: 0 2px;
}
.slider-banner .flickity-page-dots .dot.is-selected {
width: 25px;
opacity: 1;
background-color: #000;
}
.slider-banner .banner-layers .fill {
background-color: rgba(0, 0, 0, 0.2);
}
.banner-text h1 {
color: #171717;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 40px;
line-height: 48px;
text-align: center;
vertical-align: middle;
margin: 0 0 16px;
}
@media(min-width: 568px) {
.banner-text h1 {
font-size: 60px;
line-height: 64px;
margin-bottom: 18px;
}
}
.button.banner-btn-1 {
padding: 10px 18px;
border-radius: 50px;
background-color: #FEA3AF !important;
border: 0;
margin: 0 8px 0 0;
align-content: center;
}
.button.banner-btn-1 span {
font-size: 14px;
line-height: 20px;
font-family: 'SVN-Gilroy';
font-weight: 400;
display: flex;
}
.button.banner-btn-2 {
padding: 10px 18px;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.4) !important;
border: 0;
margin: 0;
align-content: center;
backdrop-filter: blur(8px);
}
.button.banner-btn-2 span {
font-size: 14px;
line-height: 20px;
color: #000;
font-family: 'SVN-Gilroy';
font-weight: 400;
display: flex;
}
@media (min-width: 568px) {
.button.banner-btn-1 span,
.button.banner-btn-2 span {
font-size: 18px;
line-height: 28px;
}
.button.banner-btn-1,
.button.banner-btn-2 {
padding: 16px 24px;
}
}
.product-categories-list {
display: grid;
padding: 0 16px;
gap: 13px;
grid-template-columns: 1fr 1fr;
}
.product-categories-list .product-category.col {
padding: 0;
max-width: unset;
}
@media(min-width: 768px) {
.product-categories-list {
grid-template-columns: 1fr 1fr 1fr;
row-gap: 16px;
column-gap: 20px;
}
}
.product-categories-list .product-category.col:last-child {
margin-bottom: 0;
}
.product-categories-list .product-category.col:nth-last-child(2) {
margin-bottom: 0;
}
.product-categories-list .box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 8px;
}
.product-categories-list .box-text {
position: absolute;
top: 8px;
padding: 0;
}
.product-categories-list .box-text .header-title {
text-transform: none;
color: #171717;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
text-align: center;
vertical-align: middle;
}
@media (min-width: 568px) {
.product-categories-list .box-text .header-title {
font-size: 40px;
line-height: 48px;
}
}
.product-categories-list .box-text .count {
display: none;
}   .tulalove-archive-banner {
position: relative;
margin-bottom: 20px;
max-height: 460px;
overflow: hidden;
}
.tulalove-archive-banner img {
width: 100%;
height: auto;
object-fit: cover;
}
.tulalove-breadcrumb {
font-size: 14px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #171717;
padding: 12px 0;
}
.tulalove-breadcrumb .divider {
color: #525252;
}
.filter-label-wrapper {
display: flex;
flex-direction: column;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
margin-bottom: 12px;
margin-top: 16px;
}
.filter-label-wrapper .filter-label {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-style: SemiBold;
font-size: 18px;
line-height: 28px;
vertical-align: middle;
color: #171717;
}
.tulalove-category-filter {
display: flex;
flex-wrap: nowrap;
gap: 10px;
margin-bottom: 30px;
white-space: nowrap;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.tulalove-category-filter::-webkit-scrollbar {
height: 0;
}
.tulalove-category-filter::-webkit-scrollbar-thumb {
border-radius: 0;
}
.tulalove-category-filter a {
padding: 8px 12px;
border: 1px solid #FAFAFA;
border-radius: 50px;
color: #525252;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
transition: all 0.3s ease;
}
.tulalove-category-filter a:hover,
.tulalove-category-filter a.active {
background: #FFE1E5;
color: #171717;
border-color: #FFE1E5;
}
.tulalove-sorting-filter-bar {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
padding: 12px 0 16px;
border-top: 1px solid #f1f1f1;
}
.sorting-buttons {
display: flex;
align-items: center;
gap: 8px;
}
.sorting-label {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
color: #525252;
}
@media (min-width: 850px) {
.sorting-label {
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin-right: 8px;
}
}
.filter-label {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #525252;
}
.sort-btn {
padding: 8px 12px;
border: 1px solid #A3A3A3;
border-radius: 8px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #525252;
background: #fff;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
margin: 0;
display: flex;
}
.sort-btn:hover,
.sort-btn.active {
background: #D4D4D4;
color: #171717;
}
.sort-btn i {
margin-left: 8px;
align-items: center;
}
.sort-btn:hover i {
rotate: 180deg;
}
.price-dropdown {
position: relative;
}
.price-dropdown-content {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
z-index: 100;
min-width: 150px;
}
.price-dropdown:hover .price-dropdown-content {
display: block;
}
.price-dropdown-content a {
display: block;
padding: 10px 15px;
font-size: 14px;
color: #333;
}
.price-dropdown-content a:hover {
background: #f5f5f5;
}
.filter-button {
margin-top: 0;
}
.filter-btn-trigger {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border: 1px solid #A3A3A3;
border-radius: 8px;
background: #fff;
font-size: 14px;
cursor: pointer;
margin: 0;
}
.filter-btn-trigger:hover,
.filter-btn-trigger:focus {
background: #D4D4D4;
color: #171717;
border-color: #A3A3A3;
}
.filter-btn-trigger i {
font-size: 12px;
}
.icon-filter::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-filter.svg);
background-size: cover;
vertical-align: middle;
}
.icon-dropdown::before {
content: '';
display: inline-block;
width: 8px;
height: 4px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-dropdown.svg);
background-size: cover;
vertical-align: middle;
}
.icon-trash::before {
content: '';
display: inline-block;
width: 15px;
height: 16px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-trash.svg);
background-size: cover;
vertical-align: middle;
}
.category-page-row {
padding-top: 16px;
} .custom-filter-sidebar {
position: fixed;
top: 0;
left: -350px; width: 320px;
height: 100%;
background: #fff;
z-index: 9999;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
transition: left 0.3s ease-in-out;
overflow-y: auto;
padding: 30px 20px;
border-radius: 0 12px 12px 0;
}
.custom-filter-sidebar.active {
left: 0;
}
.custom-filter-sidebar .widget .is-divider {
display: none;
}
.custom-filter-sidebar .widget>ul>li+li {
border: 0;
}
.custom-filter-sidebar .widget>ul>li {
padding: 0 8px;
border-radius: 4px;
}
.custom-filter-sidebar .widget>ul>li:hover {
background-color: #FB6F80;
}
.custom-filter-sidebar .widget>ul>li:hover a {
color: #fff;
background-color: #FB6F80;
}
.custom-filter-sidebar .widget>ul>li:hover span {
color: #fff;
}
.custom-filter-sidebar .widget_layered_nav_filters ul {
display: grid;
gap: 8px;
}
.custom-filter-sidebar .widget_layered_nav_filters ul li.chosen {
padding: 0;
}
.custom-filter-sidebar .widget_layered_nav_filters ul li.chosen:hover {
background-color: unset;
}
.custom-filter-sidebar .widget_layered_nav_filters ul li.chosen a {
padding: 8px;
}
.widget_price_filter .price_slider_amount .button {
background-color: #FB6F80;
text-transform: none;
}
.widget_price_filter .ui-slider .ui-slider-range {
background-color: #FB6F80;
}
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #ab3f4c;
}
.custom-filter-sidebar-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.custom-filter-sidebar-header h3 {
margin: 0;
font-size: 18px;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
vertical-align: middle;
color: #171717;
}
.close-sidebar-btn {
background: none;
border: none;
font-size: 20px;
cursor: pointer;
color: #999;
padding: 0;
margin: 0;
}
.custom-filter-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9998;
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.custom-filter-overlay.active {
display: block;
opacity: 1;
}
.custom-filter-sidebar .sidebar-inner .widget {
margin-bottom: 30px;
}
.custom-filter-sidebar .sidebar-inner .widget-title {
font-size: 16px;
font-family: 'SVN-Gilroy';
font-weight: bold;
margin-bottom: 15px;
display: inline-block;
text-transform: none;
}
.product-categories-list .box-image {
width: 100%;
height: 100%;
border-radius: 24px;
}
.product-categories-list .box-image img {
max-width: 100%;
object-fit: cover;
display: flex;
justify-content: center;
aspect-ratio: 413 / 297;
border-radius: 24px;
}
@media(max-width: 567px) {
.product-categories-list .box-image {
border-radius: 8px;
}
.product-categories-list .box-image img {
border-radius: 8px;
}
}
.section {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
@media (min-width: 568px) {
.section {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.section.post-section {
padding-top: 96px !important;
}
}
.section .section-title {
justify-content: center;
margin-bottom: 0;
}
.section .section-title b {
display: none;
}
.section .section-title span {
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 24px;
line-height: 32px;
text-align: center;
color: #101828;
}
@media (min-width: 568px) {
.section .section-title span {
font-size: 40px;
line-height: 48px;
}
}
.section .section-content {
text-align: center;
}
@media (min-width: 768px) {
.gallery-testimonial .section-content {
display: flex;
flex-direction: row-reverse;
justify-content: center;
max-width: 1312px;
margin: 0 auto;
padding: 0 16px;
}
.gallery-testimonial .section-image {
width: 100%;
flex-grow: 1;
max-width: 608px;
padding: 0;
}
.gallery-testimonial .owl-carousel {
max-width: 672px;
flex-shrink: 0;
}
}
.product-list-1 .products {
row-gap: 16px;
}
.product-list-1 .product {
padding-bottom: 0px !important;
}
.product-list-1 .box {
display: flex;
row-gap: 12px;
flex-direction: column;
}
.product-list-1 .box-image {
border-radius: 12px;
max-height: 150px;
box-shadow: 2px 2px 2px #00000030;
}
@media (min-width: 568px) {
.product-list-1 .box-image {
max-height: 240px;
}
.product-list-1 .product {
padding-left: 10px !important;
padding-right: 10px !important;
}
.product-list-1 .products {
row-gap: 40px;
}
}
.product-list-1 .box-image img {
height: 100%;
width: 100%;
object-fit: cover;
display: flex;
justify-content: center;
aspect-ratio: 1 / 1;
}
.product-list-1 .box-text {
padding: 0;
}
.product-list-1 .box-text .title-wrapper {
margin-bottom: 6px;
}
.product-list-1 .box-text .title-wrapper a {
font-family: 'SVN-Gilroy';
color: #525252;
font-weight: 400;
font-size: 14px;
line-height: 20px;
padding: 0;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 40px;
}
@media (min-width: 568px) {
.product-list-1 .box-text .title-wrapper a {
font-size: 18px;
line-height: 28px;
height: 56px;
}
}
.product-list-1 .box-text .price-wrapper {
margin-bottom: 8px;
}
.products .title-wrapper {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-align: left;
}
.products .price-wrapper {
text-align: left;
}
.products .price-wrapper span {
align-self: center;
}
.products .price-wrapper .amount {
font-family: 'SVN-Gilroy';
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #171717;
margin-right: .3em;
}
.products .price-wrapper .amount:not(:first-child) {
margin-left: .3em;
}
.products .price-wrapper del .amount {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #525252;
order: 2;
}
@media (min-width: 568px) {
.products .price-wrapper .amount {
font-size: 20px;
line-height: 28px;
}
.products .price-wrapper del .amount {
font-size: 16px;
line-height: 24px;
}
}
.products .flickity-button {
display: none;
}
.products .badge-container {
top: 10px;
right: 10px;
left: unset;
bottom: unset;
margin: 0;
}
.products .badge-container .badge {
height: 22px;
}
.products .badge-container .badge-inner {
border-radius: 4px;
background-color: #C8170D;
}
.products .badge-container .badge-inner span {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #FEF3F4
}
.products .rating-percent {
background-color: rgba(253, 176, 34, 0.2);
padding: 4px 6px 2px;
border-radius: 4px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #171717;
}
.products .rating-percent::before {
content: '';
background-image: url(//tulalove.vn/wp-content/themes/anothemes/images/assets/star.svg);
background-size: cover;
width: 10px;
height: 10px;
display: inline-block;
margin-right: 4px;
}
span.sold-count {
color: #525252;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
}
@media (min-width: 568px) {
.products .rating-percent {
font-size: 14px;
line-height: 20px;
padding: 4px 8px;
}
span.sold-count {
font-size: 14px;
line-height: 20px;
}
}
.products .nav-pagination>li>a,
.products .nav-pagination>li>span {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
vertical-align: middle;
color: #171717;
min-width: 40px;
height: 40px;
border: 0;
background-color: #F5F5F5;
align-content: center;
}
.products .nav-pagination>li>.current,
.products .nav-pagination>li>a:hover,
.products .nav-pagination>li>span:hover {
background-color: #FEA3AF;
color: #171717;
}
.view-more-btn {
border: 0;
background-color: unset;
margin: 0;
min-height: unset;
padding: 10px 16px;
margin-top: 16px;
}
.view-more-btn:hover {
box-shadow: none;
}
.view-more-btn span {
display: flex;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #1D2939;
transition: all 0.3s ease-in-out;
}
.view-more-btn:hover span {
color: #FEA3AF;
}
.product-list-2 .row {
row-gap: 8px;
}
@media (min-width: 568px) {
.view-more-btn {
margin-top: 40px !important;
padding: 16px 24px;
}
.view-more-btn span {
font-size: 18px;
line-height: 28px;
}
.product-list-2 .row {
row-gap: 20px;
}
}
.product-list-2 .nav {
max-width: 1080px;
margin: 0 auto;
}
.product-list-2 .box {
display: flex;
column-gap: 12px;
row-gap: 8px;
}
.product-list-2 .box-image {
max-width: 130px;
max-height: 130px;
border-radius: 12px;
width: 100%;
box-shadow: 2px 2px 2px #00000030;
}
@media (min-width: 568px) {
.product-list-2 .box-image {
max-width: 180px;
max-height: 180px;
}
}
.product-list-2 .box-image img {
height: 100%;
width: 100%;
object-fit: cover;
display: flex;
justify-content: center;
aspect-ratio: 1 / 1;
}
.product-list-2 .box-text {
padding: 0;
}
.product-list-2 .box-text .title-wrapper {
margin-bottom: 6px;
}
.product-list-2 .box-text .title-wrapper a {
font-family: 'SVN-Gilroy';
color: #525252;
font-weight: 400;
font-size: 14px;
line-height: 20px;
padding: 0;
margin: 0;
}
@media(min-width: 568px) {
.product-list-2 .box-text .title-wrapper a {
font-size: 18px;
line-height: 28px;
}
}
.product-list-2 .product {
padding-bottom: 0 !important;
}
.product-list-2 .box-text .price-wrapper {
margin-bottom: 8px;
}
.product-list .product-list-2 .row-small>.col {
padding: 0 16px;
}
.products .tabbed-content ul {
display: flex;
gap: 6px;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
padding: 0 16px;
}
@media (min-width: 1025px) {
.products .tabbed-content ul {
justify-content: center;
}
}
.products .tabbed-content ul::-webkit-scrollbar {
height: 0;
}
.products .tabbed-content ul::-webkit-scrollbar-thumb {
border-radius: 0;
}
.products .tabbed-content ul .tab {
padding: 8px 12px;
border-radius: 50px;
margin: 0;
display: flex;
border: 1px solid #FAFAFA;
max-height: 36px;
}
.products .tabbed-content ul .tab.active {
background-color: #FFE1E5;
border-color: #FFE1E5;
}
.products .tabbed-content ul .tab a {
padding: 0;
}
.products .tabbed-content ul .tab a::before {
display: none;
}
.products .tabbed-content ul .tab a span {
text-transform: none;
color: #525252;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
}
.products .tabbed-content ul .tab.active a span {
font-size: 14px;
line-height: 20px;
color: #171717;
}
.gallery-testimonial .section-image {
padding: 0px 16px 24px;
}
.gallery-testimonial .slider-wrapper .col-inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gallery-testimonial .slider-wrapper .col-inner>p {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #101828;
margin-bottom: 16px;
}
.gallery-testimonial .slider-wrapper .box {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
column-gap: 12px;
}
.gallery-testimonial .slider-wrapper .box-image {
width: 100%;
background-color: #FFCD66;
border-radius: 50%;
max-width: 36px;
max-height: 36px;
margin: 0;
}
.gallery-testimonial .slider-wrapper .box-text {
display: flex;
align-content: center;
flex-wrap: wrap;
width: unset;
padding: 0;
}
.gallery-testimonial .box-text-inner {
text-align: left;
}
.gallery-testimonial .person-name {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #101828;
text-transform: none;
}
.gallery-testimonial .person-title {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #475467;
text-transform: none;
}
.gallery-testimonial .owl-item .col {
padding: 0 16px;
}
@media (min-width: 768px) {
.gallery-testimonial .slider-wrapper .col-inner {
align-items: flex-start;
}
.gallery-testimonial .slider-wrapper .col-inner>p {
font-weight: 600;
font-size: 30px;
line-height: 36px;
text-align: left;
color: #171717;
margin-bottom: 48px;
}
.gallery-testimonial .slider-wrapper .box {
justify-content: flex-start;
}
.gallery-testimonial .slider-wrapper .box-image {
max-width: 56px;
max-height: 56px;
}
.gallery-testimonial .person-name {
font-size: 20px;
line-height: 28px;
}
.gallery-testimonial .person-title {
font-size: 14px;
line-height: 20px;
}
.gallery-testimonial .owl-item .col {
padding: 0;
}
}
.post-section .section-content>.row>.col {
padding-bottom: 0;
}
.posts .col.post-item {
padding: 0 16px;
margin-bottom: 32px;
}
.post-list .col.post-item:last-child {
margin-bottom: 0px;
}
.posts .box-image {
border-radius: 16px;
margin-bottom: 16px;
}
.post-section .featured-post .image-cover {
padding-top: 396px !important;
}
.post-list {
display: grid;
grid-template-columns: 1fr;
}
.post-list .box-image {
max-height: 240px;
}
.posts .box-text {
text-align: left;
padding: 0;
}
.posts .box-text-inner {
display: flex;
flex-direction: column;
gap: 16px;
}
.posts .post-title a {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #171717;
margin: 0;
}
.posts .from_the_blog_excerpt {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #525252;
margin: 0 0 16px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0;
}
@media (min-width: 850px) {
.post-section .featured-post .image-cover {
padding-top: 404px !important;
}
.posts .from_the_blog_excerpt {
display: none;
}
}
.posts .post-meta {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #525252;
margin: 0;
}
.post-list .from_the_blog_excerpt {
display: none;
}
.price-wrapper .price,
.box-text .price-wrapper {
display: flex;
}
.price-wrapper .price ins,
.box-text .price-wrapper ins {
order: 1;
margin-right: 8px;
}
.price-wrapper .price del,
.box-text .price-wrapper del {
order: 2;
}
.product-main {
padding: 0;
}
.product-general-info {
display: flex;
flex-direction: column;
row-gap: 6px;
padding: 12px 0;
border-bottom: 1px dashed #E5E5E5;
}
.product-main .price-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.product-main .price-wrapper .price {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
vertical-align: middle;
color: #171717;
margin: 0;
}
.product-main .price-wrapper .price del {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 28px;
vertical-align: middle;
color: #A3A3A3;
}
.product-main .price-wrapper .badge-inner {
width: max-content;
padding: 0 6px;
border-radius: 4px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 26px;
vertical-align: middle;
color: #FAFAFA;
background-color: #E0233C;
}
.product-main .woocommerce-product-rating {
display: none;
}
.product-main .product-title {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
color: #525252;
margin-bottom: 0;
}
.product-main .reset_variations {
display: none;
}
.product-main .variations tr {
display: flex;
flex-direction: column;
padding: 12px 0;
border: 0;
border-bottom: 1px dashed #E5E5E5;
}
.product-main .variations tr:last-child {
border-bottom: 1px solid #E5E5E5;
}
.product-main .variations td {
padding: 0;
}
.product-main .variations .sp-smart-swatches-container {
padding-top: 0;
padding-bottom: 0;
grid-gap: 8px;
padding-right: 0;
}
.product-main .variations .label label {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
vertical-align: middle;
color: #171717;
margin-bottom: 0;
height: 24px;
}
.product-main .variations .label label span {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
}
.product-main .variations .sp-smart-swatches-item.sp-smart-swatch-label-option {
padding: 8px 12px !important;
border-radius: 99px;
border: 1px solid #FAFAFA;
background-color: transparent;
outline: none;
height: 32px;
}
.product-main .variations .sp-smart-selected-swatch.sp-smart-swatches-item {
border-color: #FFBAC3;
}
.product-main .variations .sp-smart-swatches-item-text {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #525252
}
.product-main .variations .sp-smart-selected-swatch.sp-smart-swatches-item .sp-smart-swatches-item-text {
color: #171717;
}
@media screen and (max-width: 567px) {
.product-main .single_variation_wrap {
position: fixed;
background-color: #fff;
z-index: 99;
right: 0;
left: 0;
bottom: 0;
padding: 16px;
}
.product-main .quantity.buttons_added {
display: none !important;
}
}
.quantity.buttons_added .button {
border-radius: 99px;
background-color: transparent;
}
.quantity.buttons_added .text {
background-color: transparent;
border-right: 0;
border-left: 0;
box-shadow: none;
height: 42px;
}
@media(max-width: 567px) {
.quantity.buttons_added .text {
height: 39px;
}
.quantity.buttons_added .button {
height: 39px;
min-height: unset;
}
}
.product-summary button {
border-radius: 99px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
flex: 1;
text-transform: none;
}
.product-summary .single_add_to_cart_button {
background-color: #F2F4F7;
color: #1D2939;
padding: 12px 0px;
}
.product-summary .buy-now-button {
background-color: #FB6F80;
color: #fff;
padding: 12px 0px;
}
@media (min-width: 568px) {
.product-summary .single_add_to_cart_button,
.product-summary .buy-now-button {
padding: 16px 0;
font-size: 16px;
line-height: 24px;
}
}
.icon-plus-tulalove::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-plus.svg);
background-size: cover;
}
.icon-minus-tulalove::before {
content: '';
display: inline-block;
width: 16px;
height: 2px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-minus.svg);
background-size: cover;
}
.icon-arrow-left::before {
content: '';
display: inline-block;
width: 15px;
height: 10px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-arrow-left.svg);
background-size: cover;
}
.icon-arrow-right::before {
content: '';
display: inline-block;
width: 15px;
height: 10px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-arrow-right.svg);
background-size: cover;
}
.icon-list-menu {
max-height: 20px;
}
.icon-list-menu::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-list-menu.svg);
background-size: cover;
}
.icon-shopping-cart::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-shopping-cart.svg);
background-size: cover;
}
.icon-search::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-search.svg);
background-size: cover;
}
.icon-user-circle::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-user-circle.svg);
background-size: cover;
}
.icon-user-circle-white::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-user-circle-white.svg);
background-size: cover;
}
.icon-star::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-star.svg);
background-size: cover;
}
.icon-star-gray::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-star-o.svg);
background-size: cover;
}
.icon-star-o:before {
content: unset;
} .owl-carousel .owl-item>div {
width: 100%;
}
.owl-theme .owl-nav [class*='owl-'] {
background: transparent;
color: #333;
font-size: 24px;
margin: 0;
padding: 0;
transition: all .3s;
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: transparent;
color: #000;
text-decoration: none;
}
.owl-theme .owl-nav .owl-prev {
position: absolute;
top: 50%;
left: -30px;
transform: translateY(-50%);
}
.owl-theme .owl-nav .owl-next {
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.owl-theme .owl-nav .owl-prev {
left: 0;
}
.owl-theme .owl-nav .owl-next {
right: 0;
}
} .custom-product-slider-wrapper {
overflow: hidden;
padding: 10px 0;
}
.custom-product-slider .product-item-owl {
padding: 5px;
}
.custom-product-slider .owl-stage-outer {
overflow: visible;
}
.custom-product-slider.owl-carousel .owl-item {
opacity: 0.5;
transition: opacity 0.3s ease;
}
.custom-product-slider.owl-carousel .owl-item.active {
opacity: 1;
} .custom-product-slider.sp-right .owl-stage-outer {
padding-left: 0 !important;
}
.custom-product-slider.sp-left .owl-stage-outer {
padding-right: 0 !important;
}
.slider-wrapper.owl-theme .owl-nav {
margin-top: 0;
padding-top: 16px;
display: flex;
flex-direction: row;
gap: 12px;
justify-content: center;
max-height: 56px;
}
@media (min-width: 768px) {
.gallery-testimonial .slider-wrapper.owl-theme .owl-nav {
justify-content: flex-start;
}
.gallery-testimonial .slider-wrapper.owl-theme .owl-nav .owl-prev,
.gallery-testimonial .slider-wrapper.owl-theme .owl-nav .owl-next {
left: 0;
}
}
.slider-wrapper.owl-theme .owl-nav .owl-prev,
.slider-wrapper.owl-theme .owl-nav .owl-next {
background-color: #F2f4f7;
border-radius: 50%;
position: relative;
margin: 0;
margin-top: 16px;
width: 40px;
height: 40px;
display: block;
}
.slider-wrapper.owl-theme .owl-nav .icon-arrow-right,
.slider-wrapper.owl-theme .owl-nav .icon-arrow-left {
width: 20px;
height: 20px;
}
.tulalove-product-accordion {
padding: 16px 0;
display: flex;
flex-direction: column;
row-gap: 8px;
align-items: center;
}
.tulalove-product-accordion .accordion-item {
min-height: 48px;
align-content: center;
max-width: 600px;
width: 100%;
}
.tulalove-product-accordion .accordion-title {
margin: 0;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 0;
border: 0;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #171717;
background-color: transparent;
transition: all 0.3s ease-in-out;
min-height: unset;
}
@media (min-width: 568px) {
.tulalove-product-accordion .accordion-item {
border-radius: 20px;
border: 1px solid #E5E5E5;
padding: 24px;
}
.tulalove-product-accordion .accordion-title {
font-size: 18px;
line-height: 28px;
}
}
.tulalove-product-accordion .accordion-title.active {
background-color: transparent;
color: #171717;
font-weight: 500;
}
.accordion-inner {
padding: 24px 0 0;
}
.tulalove-product-reviews {
max-width: 600px;
margin: 0 auto;
padding-top: 24px;
padding-bottom: 24px;
}
@media (min-width: 569px) {
.tulalove-product-reviews {
padding-bottom: 64px;
}
}
.tulalove-product-reviews .reviews-title {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 24px;
line-height: 32px;
text-align: center;
color: #101828;
}
.tulalove-product-reviews .woocommerce-Reviews-title {
display: none;
}
.commentlist li.review {
padding-top: 0;
margin-bottom: 24px;
}
.commentlist li.review .comment_container {
padding: 8px 16px;
}
.cart-items-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.cart-item-custom {
display: flex;
position: relative;
column-gap: 12px;
}
.cart-item-custom .product-thumbnail {
max-width: 140px;
max-height: 140px;
overflow: hidden;
}
.cart-item-custom .product-thumbnail img {
border-radius: 8px;
}
.cart-item-custom .product-info {
width: 100%;
display: flex;
flex-direction: column;
row-gap: 12px;
padding-top: 0;
}
.cart-item-custom .product-name {
max-width: 90%;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #525252;
}
.cart-item-custom .product-attributes {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #525252;
}
.cart-item-custom .product-attributes .attributes {
border: 1px solid #E5E5E5;
padding: 4px 8px;
border-radius: 99px;
display: block;
width: fit-content;
}
.cart-item-custom .product-price-block {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.cart-item-custom .product-remove {
position: absolute;
top: 0;
right: 0;
}
a.icon-remove,
a.remove {
border: 0;
}
.cart-item-custom .product-price {
display: flex;
flex-direction: column;
margin-right: 15px;
text-align: right;
}
.cart-item-custom .product-price del {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-decoration: line-through;
color: #525252;
}
.cart-item-custom .product-price ins {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.cart-item-custom .product-price ins .amount {
color: #C8170D;
} .checkout-coupon-section {
margin: 0;
padding: 0;
display: block;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-transform: none;
}
.coupon-trigger-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
border-right: 1px solid #E5E5E5;
}
.coupon-label {
display: flex;
align-items: center;
gap: 8px;
}
.coupon-label span {
font-weight: 600;
color: #171717;
}
.select-coupon-btn {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #FB6F80;
margin: 0;
text-transform: none;
padding: 0 12px;
}
.applied-coupons-list {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.applied-coupon-item {
background: #fdf2f2;
border: 1px solid #f9d5d5;
padding: 4px 10px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
}
.applied-coupon-item .code {
font-weight: 600;
color: #c8170d;
}
.applied-coupon-item .remove-coupon-link {
color: #999;
font-size: 16px;
line-height: 1;
} .cart_totals .woocommerce-shipping-destination,
.cart_totals .shipping-calculator-button,
.cart_totals .shipping-calculator-form {
display: none !important;
}
.cart_totals h2 {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #f1f1f1;
} .tulalove-bottom-sheet {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.tulalove-bottom-sheet.is-active {
opacity: 1;
visibility: visible;
}
.bottom-sheet-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
opacity: 0;
transition: opacity 0.3s;
z-index: 1;
}
.tulalove-bottom-sheet.is-active .bottom-sheet-overlay {
opacity: 1;
}
.bottom-sheet-content {
position: fixed;
bottom: -100%;
left: 0;
right: 0;
width: 100%;
background: #fff;
border-radius: 12px 24px 0 0;
padding: 7px 0 0;
transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
height: 500px;
display: flex;
flex-direction: column;
z-index: 2;
box-shadow: 0px 0px 20px 0px #FEA3AF33;
}
.tulalove-bottom-sheet.is-active .bottom-sheet-content {
bottom: 0;
}
.bottom-sheet-header {
padding: 10px 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.bottom-sheet-header h3 {
margin: 0;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
text-align: center;
vertical-align: middle;
text-transform: none;
}
.close-bottom-sheet {
background: none;
border: none;
font-size: 28px;
cursor: pointer;
line-height: 1;
padding: 0;
display: flex;
}
.bottom-sheet-body {
padding: 0 16px;
height: 100%;
display: flex;
flex-direction: column;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
.bottom-sheet-body::-webkit-scrollbar {
width: 0;
height: 0;
}
.coupon-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.coupon-item.is-applied {
background: #f0fdf4;
border-color: #bbf7d0;
}
.applied-label {
background: #22c55e;
color: #fff;
padding: 5px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
font-family: 'SVN-Gilroy';
white-space: nowrap;
}
.coupon-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border: 1px dashed #ddd;
border-radius: 8px;
background: #fafafa;
}
.coupon-code {
display: block;
font-weight: 700;
font-family: 'SVN-Gilroy';
color: #c8170d;
margin-bottom: 5px;
}
.coupon-desc {
margin: 0;
font-size: 13px;
color: #666;
}
.apply-coupon-btn {
background: #c8170d;
color: #fff;
border: none;
padding: 8px 15px;
border-radius: 4px;
font-size: 13px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.apply-coupon-btn:hover {
background: #a5130b;
}
.apply-coupon-btn.loading {
opacity: 0.7;
cursor: not-allowed;
}
.woocommerce-remove-coupon {
display: none;
}
.bottom-sheet-body .no-coupon-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.bottom-sheet-body .no-coupon-wrapper img {
max-width: 223px;
max-height: 223px;
width: 100%;
height: 100%;
object-fit: cover;
}
.bottom-sheet-body .no-coupon-wrapper p {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #525252;
}  .site-header {
background: #fff;
position: relative;
z-index: 1000;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 64px;
padding: 0 15px;
z-index: 10;
width: 100%;
padding: 15px 16px; }
@media (min-width: 568px) {
.header-inner {
padding: 24px 0;
}
}
.home .header-inner {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.header-left-col,
.header-right-col {
flex: 1;
display: flex;
align-items: center;
gap: 12px;
transition: all 0.4s ease; }
.header-desktop-secondary-menu .desktop-secondary-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 12px;
}
.header-desktop-secondary-menu .desktop-secondary-menu li {
margin-bottom: 0;
padding: 12px 16px;
}
.header-desktop-secondary-menu .desktop-secondary-menu a {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #1D2939;
text-decoration: none;
transition: color 0.3s ease;
}
.header-desktop-secondary-menu .desktop-secondary-menu a:hover {
color: #171717;
}
.header-right-col {
justify-content: flex-end;
}
.header-center-col {
flex: 0 0 auto;
text-align: center;
transition: transform 0.4s ease; }
.site-logo img {
max-height: 56px;
width: auto;
}
@media (max-width: 567px) {
.site-logo img {
max-height: 40px;
}
} .mobile-menu-toggle,
.desktop-menu-toggle {
border: none;
padding: 10px 18px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-family: 'SVN-Gilroy';
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
color: #333;
transition: all 0.4s ease;
position: relative;
z-index: 10;
margin: 0;
border-radius: 99px;
background-color: #FAFAFA
}
.header-left-col .menu-text {
font-weight: 500;
font-family: 'SVN-Gilroy';
font-size: 12px;
line-height: 16px;
text-transform: none;
} @media (max-width: 567px) {
.menu-is-open .mobile-menu-toggle {
opacity: 0;
visibility: hidden;
position: absolute;
}
.menu-is-open .header-center-col {
transform: translateX(-100%);
}
.site-header.menu-is-open .header-inner {
justify-content: flex-start;
}
.menu-is-open .header-left-col {
flex: 0;
width: 0;
overflow: hidden;
}
.menu-is-open .header-center-col {
flex: 1;
text-align: left;
transform: none;
}
} @media (min-width: 568px) {
.menu-is-open .desktop-menu-toggle.active {
background-color: #FB6F80;
color: #fff;
}
}
.menu-icon {
width: 24px;
height: 2px;
background: #333;
position: relative;
}
.menu-icon::before,
.menu-icon::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background: #333;
left: 0;
}
.menu-icon::before {
top: -6px;
}
.menu-icon::after {
bottom: -6px;
} .header-functions {
display: flex;
align-items: center;
gap: 16px;
}
@media(max-width: 567px) {
.header-functions {
gap: 0px;
}
}
.header-search-desktop {
position: relative;
min-width: 300px;
}
.header-search-desktop .searchform {
margin: 0;
}
.header-search-desktop input[type="search"] {
width: 100%;
padding: 8px 15px 8px 42px !important;
border-radius: 99px;
border: 1px solid #F5F5F5;
background-color: #FAFAFA;
font-size: 14px;
font-family: 'SVN-Gilroy';
height: 42px;
transition: all 0.3s ease;
box-shadow: none;
}
.header-search-desktop input[type="search"]:focus {
border-color: #FB6F80;
background-color: #fff;
}
.header-search-desktop::before {
content: '';
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-search.svg);
background-size: contain;
background-repeat: no-repeat;
opacity: 0.5;
z-index: 1;
pointer-events: none;
}
.header-search-desktop .searchform .search-submit,
.header-search-desktop .searchform button[type="submit"] {
display: none !important;
}
.header-functions i {
font-size: 20px;
color: #333;
}
.header-cart-wrapper {
position: relative;
}
.cart-count {
position: absolute;
top: -3px;
right: -3px;
background: #c8170d;
color: #fff;
font-size: 10px;
width: 18px;
height: 18px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-family: 'SVN-Gilroy';
} .slide-down-menu-container {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
display: none;
z-index: 9;
padding: 0 0 16px;
border-top: 1px solid #eee;
}
@media (min-width: 568px) {
.slide-down-menu-container {
padding-top: 24px;
padding-bottom: 48px;
border-radius: 0 0 20px 20px;
}
}
.home .slide-down-menu-container {
padding-top: 64px;
}
@media (min-width: 568px) {
.home .slide-down-menu-container {
padding-top: 128px;
}
}
.custom-main-menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
row-gap: 24px;
}
@media(max-width: 567px) {
.custom-main-menu {
padding-top: 16px;
}
}
.custom-main-menu>li {
border-bottom: 1px solid #f5f5f5;
margin-bottom: 0;
}
.custom-main-menu>li:last-child {
border-bottom: none;
}
.custom-main-menu a {
display: block;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #171717;
text-decoration: none;
}
.custom-main-menu .sub-menu {
list-style: none;
padding-left: 20px;
margin-bottom: 10px;
display: block;
}
.custom-main-menu .sub-menu li {
margin-bottom: 0;
}
.custom-main-menu .sub-menu a {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #525252;
}
.custom-main-menu .menu-item-has-children>a {
position: relative;
padding-right: 0;
}
.custom-main-menu .menu-item-has-children>a::after {
display: none;
}
.custom-main-menu .menu-item-has-children>.sub-menu {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
padding: 12px 0 0;
row-gap: 12px;
}
@media (min-width: 992px) {
.custom-main-menu>li {
border-bottom: none;
text-align: center;
}
.custom-main-menu .menu-item-has-children>.sub-menu {
display: flex;
column-gap: 48px;
row-gap: 24px;
padding-top: 24px;
justify-content: center;
flex-wrap: wrap;
}
} .menu-close-bottom-wrapper {
text-align: center;
margin-top: 14px;
}
.menu-close-bottom {
background: #FB6F80;
color: #fff;
border: none;
padding: 10px 16px;
border-radius: 30px;
cursor: pointer;
display: inline-flex;
align-items: center;
transition: background 0.3s ease;
margin: 0;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: none;
}
.menu-close-bottom:hover {
background: #000;
}
.menu-close-bottom i {
font-size: 16px;
} .header-search-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.98);
z-index: 2000;
display: none;
align-items: flex-start;
justify-content: center;
padding-top: 30px;
}
.header-search-overlay .container {
max-width: 600px;
position: relative;
}
.search-close-btn {
position: absolute !important;
top: 50%;
right: 0;
transform: translateY(-50%);
background: none;
border: none;
font-size: 40px;
cursor: pointer;
color: #333;
margin: 0;
padding: 0;
}
.search-overlay-inner {
position: relative;
width: 100%;
}
.search-overlay-inner form {
margin: 0;
}
.search-overlay-inner input[type="search"] {
width: 100%;
background: transparent;
border: none;
border-bottom: 2px solid #FB6F80;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 16px;
line-height: 28px;
padding: 0 10px;
color: #171717;
outline: none;
border-radius: 12px;
}
.search-overlay-inner button[type="submit"] {
display: none; } .bottom-sheet-search-wrapper {
padding: 0 16px;
margin-bottom: 12px;
}
.coupon-search-wrapper {
position: relative;
display: flex;
flex-direction: row;
column-gap: 8px;
justify-content: space-between;
margin: 0;
}
.coupon-search-wrapper::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-search-20x20.svg);
z-index: 1;
}
.coupon-search-wrapper input {
width: 100%;
border: 1px solid #E5E5E5;
padding-left: 40px;
height: 40px;
margin: 0;
border-radius: 99px;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
position: relative;
}
.coupon-search-wrapper::placeholder {
color: #A3A3A3;
}
.coupon-search-button {
white-space: nowrap;
padding: 10px 16px;
border-radius: 99px;
background-color: #FB6F80;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
cursor: pointer;
}
.coupon-search-button:hover {
box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
} .bottom-sheet-footer {
padding: 16px 16px 24px;
background: #fff;
box-shadow: 0px 0px 20px 0px #FEA3AF33;
}
.manual-coupon-form {
display: flex;
gap: 10px;
margin: 0;
}
.manual-coupon-form input {
flex: 1;
margin-bottom: 0 !important;
padding: 8px 15px;
border: 1px solid #E5E5E5;
height: 40px;
margin: 0;
border-radius: 99px;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
position: relative;
}
.manual-coupon-form button {
white-space: nowrap;
padding: 10px 16px;
border-radius: 99px;
background-color: #FB6F80;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
text-transform: none;
} .cart_totals {
position: fixed;
z-index: 999;
left: 0;
bottom: 0;
right: 0;
background-color: #fff;
padding: 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media(max-width: 850px) {
.cart_totals {
box-shadow: 0px 0px 20px 0px #FEA3AF33;
}
}
.cart_totals .tulalove-cart-summary {
display: flex;
flex-direction: column;
gap: 2px;
justify-content: center;
}
@media (max-width: 849px) {
.cart_totals .tulalove-cart-summary.cart-desktop {
display: none;
}
}
.cart_totals .summary-total {
font-weight: 600;
font-family: 'SVN-Gilroy';
font-size: 16px;
line-height: 24px;
color: #171717;
}
.cart_totals .summary-savings {
font-weight: 400;
font-family: 'SVN-Gilroy';
font-size: 12px;
line-height: 16px;
color: #525252;
}
.cart_totals .summary-savings .amount {
color: #525252;
}
.proceed-to-checkout-btn {
background-color: #FB6F80;
display: flex;
align-content: center;
flex-wrap: wrap;
border-radius: 99px;
transition: all 0.3s ease-in-out;
}
.proceed-to-checkout-btn:hover,
.proceed-to-checkout-btn:focus {
background-color: #a34f4f;
}
.proceed-to-checkout-btn .checkout-button {
font-weight: 500;
font-family: 'SVN-Gilroy';
font-size: 14px;
line-height: 20px;
text-transform: none;
color: #fff;
background-color: unset;
margin: 0;
min-height: unset;
box-shadow: none;
border: 0;
padding: 10px 16px;
} .contact-info-block .form-row label {
display: none !important;
} .address-info-block .form-row label {
font-weight: 600;
margin-bottom: 5px;
display: none;
}  .tulalove-checkout-block {
background: transparent;
padding: 12px 0;
border-radius: 12px;
}
.tulalove-checkout-block .block-title {
text-transform: none;
margin-bottom: 8px;
color: #171717;
font-family: SVN-Gilroy;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.tulalove-checkout-block .form-row {
margin-bottom: 0;
}
.tulalove-checkout-block .form-row .woocommerce-input-wrapper {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
}
.woocommerce-shipping-fields {
font-family: SVN-Gilroy;
}
.woocommerce-shipping-fields input,
.woocommerce-shipping-fields select,
.woocommerce-shipping-fields .select2-container .select2-selection,
.woocommerce-billing-fields input,
.woocommerce-billing-fields select,
.woocommerce-billing-fields .select2-container .select2-selection {
border-radius: 8px !important;
border: 1px solid #E5E5E5 !important;
padding: 12px !important;
max-height: 48px !important;
background-color: transparent !important;
width: 100% !important;
font-family: SVN-Gilroy;
font-weight: 400;
font-size: 12px !important;
line-height: 16px;
margin-bottom: 8px;
height: 48px;
}
.woocommerce-shipping-fields input[type=checkbox],
.woocommerce-shipping-fields input[type=checkbox] {
width: unset !important;
height: unset;
}
.woocommerce-shipping-fields input[type=radio],
.woocommerce-billing-fields input[type=radio] {
height: 20px;
width: 20px !important;
margin: 0;
margin-right: 8px;
accent-color: #e53935;
}
.select2-container .select2-dropdown {
border: 1px solid #E5E5E5;
border-top: 0px;
border-radius: 8px;
}
.select2-container .select2-search--dropdown .select2-search__field {
border-radius: 8px;
}
.woocommerce-shipping-fields .select2-container .select2-selection,
.woocommerce-billing-fields .select2-container .select2-selection {
margin-bottom: 0px;
}
.woocommerce-shipping-fields .select2-container .select2-selection,
.woocommerce-billing-fields .select2-container .select2-selection {
height: 44px !important;
display: flex;
align-items: center;
}
.woocommerce-shippng-fields .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 44px;
padding-left: 0;
color: #525252;
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
}
@media screen and (max-width: 767px) {
.woocommerce-billing-fields .form-row-first,
.woocommerce-billing-fields .form-row-last,
.woocommerce-shipping-fields .form-row-first,
.woocommerce-shipping-fields .form-row-last {
width: 100%;
float: none;
}
}
.footer-content {
display: flex;
flex-direction: column;
gap: 24px;
padding: 64px 16px 40px;
}
@media (min-width: 768px) {
.footer-content {
flex-direction: row;
}
}
@media (min-width: 1025px) {
.footer-content {
column-gap: 64px;
}
}
.footer-content-1 {
display: flex;
flex-direction: column;
row-gap: 24px;
margin-bottom: 16px;
flex: 6;
}
.footer-contact-list {
margin: 0;
display: flex;
flex-direction: column;
row-gap: 12px;
list-style: none;
}
.footer-contact-list .footer-contact-item {
margin: 0;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 16px;
line-height: 24px;
display: flex;
flex-direction: row;
column-gap: 12px;
}
.footer-contact-list .footer-contact-item a {
color: #525252;
}
.footer-social-list {
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
column-gap: 16px;
}
.footer-social-list .footer-social-item {
margin: 0;
}
.footer-content-2 .widget {
display: flex;
flex-direction: column;
gap: 16px;
flex: 5;
}
.footer-content-2 .widget-title {
margin: 0;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #171717;
}
.footer-content-2 .menu {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 12px;
column-gap: 40px;
}
.footer-content-2 .menu .menu-item {
margin: 0;
border: 0;
height: 20px;
}
.footer-content-2 .menu .menu-item a {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #525522;
padding: 0;
}
.footer-content-3 {
display: flex;
flex-direction: column;
row-gap: 24px;
flex: 6;
}
.footer-introduce {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.footer-introduce h2 {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #171717;
margin-bottom: 0;
}
.footer-introduce p {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #525252;
margin-bottom: 0;
}
.footer-contact-form {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 0;
}
.footer-contact-form .wpcf7-not-valid-tip {
margin-top: 0px;
transform: translateY(10px);
}
@media (min-width: 568px) {
.footer-contact-form {
flex-direction: row;
}
}
.footer-contact-form .form-group input {
margin-bottom: 0;
border-radius: 8px;
border: 1px solid #FFE1E5;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
box-shadow: none;
height: 48px;
}
.footer-contact-form .form-group input::placeholder {
color: #A3A3A3;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
}
.footer-contact-form .form-group .contact-btn {
margin: 0;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
background-color: #FB6F80;
width: 100%;
border-radius: 99px;
height: 44px;
}
.copyright {
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
background-color: #F5F5F5;
}
.copyright p {
margin: 0;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #475467;
}
.gallery-navigation-carousel-wrapper {
display: none !important;
}
.review-avatar .woocommerce-review__author {
display: inline;
margin-left: 4px;
margin-bottom: 0;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #171717;
}
.cr-comment-images {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 8px;
}
.iv-comment-image {
margin: 0px;
aspect-ratio: 1 / 1;
}
#reviews div.iv-comment-image img,
div.iv-comment-image img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.header-search-toggle,
.header-cart-wrapper,
.header-user-link {
height: 40px;
width: 40px;
display: flex;
align-content: center;
flex-wrap: wrap;
justify-content: center;
background: none;
border: none;
padding: 0;
cursor: pointer;
outline: none;
margin: 0;
}
.product_meta {
display: none;
}
.social-icons.share-icons.share-row.relative.icon-style-outline {
display: none;
}
form.variations_form.cart {
margin-bottom: 0;
}
.product-info.summary.col-fit.col.entry-summary.product-summary {
padding: 0 16px;
}
.review-avatar {
margin-bottom: 6px;
}
.custom-star-rating {
margin-bottom: 6px;
height: 12px;
display: flex;
align-items: center;
gap: 2.4px;
}
.star-icon {
display: inline-flex;
align-items: center;
height: 12px;
}
.icon-star {
display: inline-block;
width: 12px;
height: 12px;
font-family: unset !important;
font-size: 0 !important;
line-height: 0 !important;
}
.review-meta {
margin-bottom: 6px;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
}
.review-content .description p {
font-style: normal;
margin-bottom: 6px;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
}
.comment-reply-title {
font-family: SVN-Gilroy;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #171717;
margin-bottom: 16px;
}
.comment-form-rating-wrapper {
margin-bottom: 28px;
}
.tulalove-star-segments {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.comment-form-rating-wrapper {
display: flex;
justify-content: space-between;
}
.rating-text-left {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #525252;
}
.rating-text-right {
color: #FFBD1B;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
line-height: 20px;
min-width: 80px;
text-align: right;
}
.star-segment {
cursor: pointer;
border-radius: 4px;
transition: all 0.2s;
align-items: center;
}
.star-segment i {
color: #ccc;
font-size: 14px;
height: unset;
width: unset;
}
.star-segment i::before {
width: 24px;
height: 24px;
}
.comment-form-classification select {
width: 100%;
display: block;
margin-top: 5px;
}
.classification-attributes-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 10px;
}
.attr-select-group {
flex: 1;
min-width: 150px;
}
.related-products-button-wrapper {
margin-top: 24px;
margin-bottom: 24px;
}
.related-products-button-wrapper .button {
border-radius: 99px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0;
border: 0;
padding: 10px 16px;
color: #1D2939;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
text-transform: none;
line-height: 20px;
}
@media (min-width: 568px) {
.related-products-button-wrapper {
margin-top: 40px;
margin-bottom: 64px;
}
.related-products-button-wrapper .button {
font-size: 18px;
line-height: 28px;
padding: 16px 24px;
}
}
.related-products-button-wrapper .button:hover {
background-color: unset;
border-color: unset;
color: #FEA3AF;
}
.attr-select-group label {
display: block;
margin-bottom: 5px;
font-family: SVN-Gilroy;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #525252;
}
.classification-label {
margin-bottom: 0;
font-family: SVN-Gilroy;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #171717;
}
#review_form_wrapper .form-submit input[type="submit"] {
border-radius: 99px;
background-color: #FB6F80;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.cr-upload-local-images {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
font-size: 14px;
}
.cr-upload-local-images input[type="file"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.cr-upload-images-status {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
background: #f5f6f7;
border: 1px dashed #cfd3d8;
border-radius: 8px;
cursor: pointer;
font-weight: 500;
color: #333;
transition: all 0.2s ease;
}
.cr-upload-images-status:hover {
background: #eef1f4;
border-color: #bfc4ca;
}
.cr-upload-images-status::before {
content: "";
width: 16px;
height: 16px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M12 16V4m0 0l-4 4m4-4l4 4M4 16v2a2 2 0 002 2h12a2 2 0 002-2v-2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.cr-upload-images-status:hover::before {
filter: brightness(0.8);
}
.cr-upload-images-preview {
display: flex;
gap: 8px;
width: 100%;
} .comment-form-rating,
p.stars,
.stars,
.star-rating,
label[for="rating"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
pointer-events: none !important;
}
.attr-select-group select {
border-radius: 8px;
}
.comment-form-comment textarea {
border-radius: 8px;
}
.section-title-container {
margin-bottom: 16px;
}
.product-tabs .section-title-container {
margin-bottom: 16px !important;
}
@media(min-width: 568px) {
.section-title-container {
margin-bottom: 40px !important;
}
.post-section .section-title-container {
margin-bottom: 64px !important;
}
}
.post-section .section-title-container {
margin-bottom: 0;
}
.breadcrumbs span {
font-family: SVN-Gilroy;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #525252;
}
.breadcrumbs .category {
color: #171717;
}
#wpgs-gallery {
margin-bottom: 0;
}
.product-gallery {
padding: 0;
}
table.variations .label {
padding: 0;
height: 24px;
margin-bottom: 8px;
}
.mb-24 {
margin-bottom: 24px;
}
.mt-24 {
margin-top: 24px;
}
.rating-image {
width: 116px !important;
height: auto;
margin-bottom: 16px;
}
.related-products-wrapper {
border-top: 0px;
}
.related-products-wrapper .product-section-title {
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 24px;
line-height: 32px;
text-align: center;
padding: 0;
margin-bottom: 24px;
color: #101828;
}
.navigation-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.navigation-wrapper .next-button {
visibility: hidden;
opacity: 0;
}
.icon-nav-left {
display: inline-block;
width: 24px;
height: 24px;
line-height: unset;
}
.icon-nav-left::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-nav-left.svg);
background-repeat: no-repeat;
background-position: center;
}
.navigation-wrapper .page-title {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #171717;
text-align: center;
margin-bottom: 0;
}
@media (min-width: 568px) {
.navigation-wrapper {
padding: 24px 16px;
}
.navigation-wrapper .page-title {
font-size: 24px;
line-height: 32px;
}
}
.icon-nav-right {
display: inline-block;
width: 24px;
height: 24px;
line-height: unset;
}
.icon-nav-right::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-nav-left.svg);
rotate: 180deg;
background-repeat: no-repeat;
background-position: center;
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
border-top: 0;
padding-top: 0;
}
.checkout-order-details-wrapper {
padding: 12px 0;
}
.checkout-order-details-wrapper .checkout-section-title {
padding-top: 0;
margin-bottom: 8px;
text-transform: none;
color: #171717;
font-family: SVN-Gilroy;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.checkout-product-list {
display: flex;
flex-direction: column;
row-gap: 16px;
}
.checkout-product-item {
display: flex;
flex-direction: row;
column-gap: 12px;
}
.checkout-product-item .product-image {
max-width: 110px;
max-height: 110px;
height: 100%;
width: 100%;
}
.checkout-product-item .product-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.checkout-product-item .product-info-main {
display: flex;
flex-direction: column;
row-gap: 12px;
width: 100%;
justify-content: space-between;
}
.product-info-main .product-name-block .product-name {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #525252;
margin-bottom: 0;
}
.product-info-main .product-attributes-block .product-attributes {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #525252;
margin-bottom: 0;
}
.product-info-main .product-meta-block {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.product-info-main .product-meta-block .product-quantity {
display: flex;
flex-direction: column;
justify-content: flex-end;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #525252;
margin-bottom: 0;
}
@media screen and (min-width: 767px) {
.product-info-main .product-meta-block .product-quantity {
display: none;
}
}
.product-info-main .product-meta-block .product-quantity-input {
display: none;
}
@media screen and (min-width: 767px) {
.product-info-main .product-meta-block .product-quantity-input {
display: block;
}
}
.product-info-main .product-meta-block .product-price-unit {
display: flex;
flex-direction: column;
margin-bottom: 0;
justify-content: flex-end;
}
.product-price-unit del {
font-family: 'SVN-Gilroy';
font-size: 12px;
line-height: 16px;
text-decoration: line-through;
display: flex;
justify-content: flex-end;
}
.product-price-unit del .amount {
margin-right: 0;
font-weight: 600;
color: #525252;
}
.product-price-unit ins {
font-family: 'SVN-Gilroy';
font-style: SemiBold;
font-size: 14px;
line-height: 20px;
}
.product-price-unit ins .amount {
margin-right: 0;
font-weight: 600;
color: #E0233C;
}
.product-price-unit>.amount {
font-family: 'SVN-Gilroy';
font-style: SemiBold;
font-size: 14px;
line-height: 20px;
}
.product-price-unit>.amount bdi {
margin-right: 0;
font-weight: 600;
color: #E0233C;
}
.tulalove-payment-modal-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.tulalove-payment-modal-wrapper.is-active {
opacity: 1;
visibility: visible;
}
.tulalove-payment-modal-overlay {
position: fixed;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
z-index: 1;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.tulalove-payment-modal-wrapper.is-active .tulalove-payment-modal-overlay {
opacity: 1;
}
.tulalove-payment-modal {
display: flex;
width: 100%;
background-color: #fff;
padding: 7px 16px 0;
border-radius: 24px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
z-index: 2;
position: fixed;
height: 500px;
bottom: -100%;
transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
flex-direction: column;
box-shadow: 0px 0px 20px 0px #FEA3AF33;
}
.tulalove-payment-modal-wrapper.is-active .tulalove-payment-modal {
bottom: 0;
}
.tulalove-payment-modal .modal-header {
position: relative;
padding: 10px 0;
}
.tulalove-payment-modal .modal-header h3 {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
text-align: center;
vertical-align: middle;
text-transform: none;
padding: 0;
margin: 0;
color: #171717;
}
.tulalove-payment-modal .modal-header .close-payment-button {
position: absolute;
top: 10px;
right: 0;
margin: 0;
padding: 0;
cursor: pointer;
}
.icon-circle-cross::before {
content: '';
display: block;
width: 28px;
height: 28px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-cross-circle.svg);
background-size: cover;
background-position: center;
}
.tulalove-payment-modal .modal-body {
height: 100%;
width: 100%;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
.tulalove-payment-modal .modal-body::-webkit-scrollbar {
width: 0;
height: 0;
}
.tulalove-payment-modal .modal-body .payment-method-list {
padding: 12px 0;
margin: 0;
display: flex;
flex-direction: column;
row-gap: 12px;
}
.tulalove-payment-modal .modal-body .wc_payment_method {
padding: 12px;
border-radius: 99px;
border: 1px solid #E5E5E5;
display: flex;
}
.tulalove-payment-modal .modal-body .wc_payment_method.active {
border-color: #FB6F80;
background-color: #FEF3F4;
}
.tulalove-payment-modal .modal-body .wc_payment_method input[type="radio"] {
margin: 0 8px 0 0;
accent-color: #e53935;
width: 20px;
height: 20px;
}
.tulalove-payment-modal .modal-body .wc_payment_method label {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin: 0;
position: relative;
display: inline-block;
width: 100%;
}
.tulalove-payment-modal .modal-body .payment_method_bacs label,
.tulalove-payment-modal .modal-body .payment_method_cheque label,
.tulalove-payment-modal .modal-body .payment_method_cod label,
.tulalove-payment-modal .modal-body .wc_payment_method label {
padding-left: 18px;
}
.tulalove-payment-modal .modal-body .payment_method_bacs label::before,
.tulalove-payment-modal .modal-body .payment_method_cheque label::before,
.tulalove-payment-modal .modal-body .payment_method_cod label::before,
.tulalove-payment-modal .modal-body .wc_payment_method label::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-money.svg);
background-size: cover;
background-position: center;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.tulalove-payment-modal .modal-body .wc_payment_method label {
padding-left: 18px;
}
.tulalove-payment-modal .modal-body .wc_payment_method label::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-money.svg);
background-size: cover;
background-position: center;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.tulalove-payment-modal .modal-body .payment_box {
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
}
.tulalove-payment-modal .modal-footer {
text-align: center;
padding: 16px 0 24px;
}
.tulalove-payment-modal .modal-footer .payment-submit-btn {
padding: 12px 0;
border-radius: 99px;
background-color: #FB6F80;
font-family: SVN-Gilroy;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
cursor: pointer;
}
form.checkout .large-5 .col-inner {
padding: 0;
border: 0;
}
form.checkout h3 {
font-family: SVN-Gilroy;
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-transform: none;
color: #171717;
padding: 0;
margin-bottom: 8px;
}
.checkout-review-detail .review-block {
display: flex;
justify-content: space-between;
flex-direction: row;
margin-bottom: 8px;
align-items: center;
}
.checkout-review-detail .review-block.review-total {
margin-top: 4px;
padding-top: 8px;
border-top: 2px dashed #F5F5F5;
}
.review-block .label {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #525252;
}
.review-block .value {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #171717;
}
.review-block.review-total .value {
text-align: right;
}
.review-block.review-total .value .total-amount {
font-size: 16px;
line-height: 24px;
}
.review-block.review-total .value .saved-amount {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #525252;
}
.review-block.review-total .value .saved-amount .amount {
color: #525252;
font-weight: 400;
}
.order-trigger-wrapper {
position: fixed;
left: 0;
bottom: 0;
right: 0;
background: #fff;
z-index: 999;
padding: 0 16px;
border-radius: 24px 24px 0 0;
}
.woocommerce-privacy-policy-text {
display: none;
}
.order-select-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-bottom: 1px solid #e5e5e5;
}
.payment-trigger-wrapper button {
margin: 0;
padding: 0 16px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-transform: none;
}
button#place_order {
border-radius: 99px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
background-color: #FB6F80;
text-transform: none;
}
.icon-coupon,
.icon-money {
margin-right: 2px;
}
.icon-coupon::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-coupon.svg);
background-size: cover;
background-position: center;
}
.icon-money::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-money.svg);
background-size: cover;
background-position: center;
}
.checkout-review-detail {
padding-bottom: 12px;
}  body.modal-open {
overflow: hidden;
}
.custom-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(5px);
z-index: 9999;
}
.custom-modal-container {
position: fixed;
bottom: -100%;
left: 0;
width: 100%;
background: #fff;
border-radius: 12px 24px 0 0;
transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 10000;
max-height: 90vh;
overflow-y: auto;
}
.custom-modal-container.active {
bottom: 0;
}
.custom-modal-content {
position: relative;
margin: 0 auto;
padding-top: 7px;
}
.custom-modal-header {
text-align: center;
padding: 8px 16px 0;
position: relative;
}
.custom-modal-close {
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: 0;
background: none;
border: none;
cursor: pointer;
z-index: 10;
min-height: unset;
line-height: unset;
width: 48px;
height: 48px;
}
.custom-modal-steps-wrapper {
overflow: hidden;
}
.custom-modal-steps {
display: flex;
width: 200%;
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
margin-top: 12px;
}
.custom-modal-step {
width: 50%;
padding: 0;
}
.custom-modal-steps.show-password {
transform: translateX(-50%);
}
.modal-title {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 18px;
line-height: 28px;
text-align: center;
vertical-align: middle;
margin-bottom: 0;
padding: 0 16px;
color: #171717;
}
.modal-desc {
color: #525252;
font-family: SVN-Gilroy;
font-weight: 400;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
margin-bottom: 12px;
padding: 0 16px;
}
.login-form {
margin-bottom: 0;
}
.login-form-input {
padding: 0 16px;
}
.login-form label {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
padding: 0 16px;
margin-top: 14px;
margin-bottom: 8px;
}
.login-form-input input {
width: 100%;
padding: 12px;
border-radius: 12px;
border: 1px solid #E5E5E5;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
height: 40px;
margin-bottom: 0;
}
.login-form-input input::placeholder {
color: #A3A3A3;
}
.error-message {
color: #d26e4b;
font-size: 13px;
text-align: center;
margin-top: 10px;
display: none;
}
.login-form-forgot-password {
padding: 0 16px;
text-align: right;
margin-top: 8px;
}
.login-form-forgot-password a {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 0%;
color: #FF3B30;
}
.login-form-button {
padding: 16px 16px 24px;
box-shadow: 0px 0px 20px 0px #FEA3AF33;
margin-top: 8px;
}
.login-form-button .button {
border-radius: 99px;
background-color: #FB6F80;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
margin: 0;
padding: 12px 0;
}
.icon-arrow-right-login {
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-arrow-right-login.svg);
background-size: cover;
background-position: center;
}
.modal-footer-links {
display: flex;
justify-content: space-between;
margin-top: 15px;
font-size: 13px;
}
.modal-footer-links a {
color: #446084;
}
.loading {
position: relative;
color: transparent !important;
}
.loading:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
border: 2px solid #fff;
border-top-color: transparent;
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
.login-form-button .button.loading i.icon-arrow-right-login {
display: none;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
} .password-wrapper {
position: relative;
}
.password-wrapper .toggle-password {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 10;
color: #666;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
}
.password-wrapper .toggle-password:hover {
color: #000;
}
.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
padding-right: 45px !important;
margin-bottom: 0;
}
.icon-eye::before {
content: '';
display: block;
width: 16px;
height: 16px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-eye.svg);
background-size: cover;
background-position: center;
}
.icon-eye.show::before {
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-eye-cross.svg);
}
.select2-container--default .select2-results>.select2-results__options {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #FB6F80;
color: #fff;
}
.register-nav {
justify-content: center;
}
.registration-block {
padding: 12px 0;
}
.registration-block.password-block label,
.registration-block .block-title {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #171717;
margin-bottom: 8px;
}
.registration-block .form-row {
margin-bottom: 0;
}
.registration-block .phone-input-wrapper {
margin-bottom: 8px;
}
.gender-radio-group {
display: flex;
flex-direction: row;
column-gap: 16px;
margin-bottom: 8px;
}
.gender-radio-group label {
display: flex;
margin: 0;
align-items: center;
}
.registration-block.address-block label {
display: none;
}
.register-button-wrapper {
position: fixed;
right: 0;
left: 0;
bottom: 0;
z-index: 99;
}
.register-button-group {
background-color: #fff;
padding: 12px 16px 24px;
box-shadow: 0px 0px 20px 0px #FEA3AF33;
}
.register-button-group .register-button {
border-radius: 99px;
background-color: #FB6F80;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
margin: 0;
padding: 12px 0;
width: 100%;
}
.page-wrapper {
padding-top: 0;
}
.welcome-user {
display: flex;
justify-content: center;
gap: 12px;
padding: 12px 0;
}
.welcome-user .user-avatar {
max-height: 28px;
max-width: 28px;
overflow: hidden;
border-radius: 50%;
}
.welcome-user .welcome-text {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #171717;
margin-bottom: 0;
}
.dashboard-menu .dashboard-list {
list-style: none;
}
li.dashboard-item {
padding: 0;
display: flex;
flex-direction: row;
margin: 0 !important;
}
li.dashboard-item a {
display: flex;
position: relative;
width: 100%;
padding: 10px 0;
}
li.dashboard-item .dashboard-text {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #171717;
margin-bottom: 0;
}
.icon-file-favourite::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-file-favourite.svg);
background-size: cover;
background-position: center;
}
.icon-cart::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-cart.svg);
background-size: cover;
background-position: center;
}
.icon-chevron-right::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-chevron-right.svg);
background-size: cover;
background-position: center;
}
li.dashboard-item .icon-chevron-right {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
li.dashboard-item .icon-user-circle::before {
width: 20px;
height: 20px;
}
li.dashboard-item a>i {
margin-right: 4px;
}
.return-to-shop .wc-backward {
border-radius: 99px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
background-color: #FB6F80;
text-transform: none;
margin-bottom: 0;
align-content: center;
}
.tulalove-fields input,
.tulalove-fields select,
.tulalove-fields .select2-container .select2-selection {
border-radius: 8px !important;
border: 1px solid #E5E5E5 !important;
padding: 12px !important;
max-height: 48px !important;
background-color: transparent !important;
width: 100% !important;
font-family: SVN-Gilroy;
font-weight: 400;
font-size: 12px !important;
line-height: 16px;
margin-bottom: 8px;
height: 48px;
}
.tulalove-fields input[type=radio] {
height: 20px;
width: 20px !important;
margin: 0;
margin-right: 8px;
accent-color: #e53935;
}
.tulalove-fields label {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: left;
vertical-align: middle;
color: #171717;
}
.edit-account-form {
padding-top: 12px;
padding-bottom: 60px;
}
.edit-account-form button[type=submit] {
border-radius: 99px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
background-color: #FB6F80;
color: #fff;
margin-bottom: 0;
align-content: center;
text-transform: none;
width: 100%;
}
.edit-account-form .address-field {
position: relative;
}
.edit-account-form .address-field::after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-pencil.svg);
background-size: cover;
background-position: center;
}
.show-password-input:after {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-eye.svg);
background-size: cover;
background-position: center;
}
.show-password-input.display-password:after {
content: '';
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-eye.svg);
}
.archive-content {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.tulalove-post-list {
padding-top: 24px;
display: flex;
flex-direction: column;
gap: 32px;
}
.regular-posts-wrapper {
display: flex;
flex-direction: column;
}
.tulalove-post-list article {
margin-bottom: 32px;
}
.tulalove-post-list .regular-posts-wrapper .regular-post:last-child {
margin-bottom: 0;
}
.tulalove-post-list .article-inner {
display: flex;
flex-direction: column;
gap: 16px;
}
.tulalove-post-list .post-image {
max-width: 100%;
max-height: 240px;
overflow: hidden;
border-radius: 20px;
}
.tulalove-post-list .featured-post .post-image {
max-height: 100%;
}
.tulalove-post-list .post-image img {
width: 100%;
}
.tulalove-post-list .post-info {
display: flex;
flex-direction: column;
gap: 16px;
}
.tulalove-post-list .post-info .post-title {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: #171717;
margin-bottom: 0;
}
.tulalove-post-list .post-info .post-meta {
display: flex;
flex-direction: row;
gap: 12px;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #525252;
}
.tulalove-post-list .post-info .read-more {
display: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #F24159;
flex-direction: row;
align-items: center;
gap: 8px;
}
.tulalove-post-list .post-info .read-more i {
height: 20px;
}
.icon-chevron-right-red::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-chevron-right-red.svg);
background-size: cover;
background-position: center;
}
.search-results .page-title {
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
@media screen and (min-width: 1025px) {
.tulalove-post-list {
gap: 96px;
padding-top: 96px;
}
.search-result-wrapper .tulalove-post-list {
padding-top: 32px;
}
.search-results .page-title {
font-size: 24px;
line-height: 32pxpx;
}
.blog-single .tulalove-post-list {
gap: unset;
}
.top-posts-block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
.tulalove-post-list .regular-post .article-inner {
display: flex;
flex-direction: row;
}
.tulalove-post-list .featured-post .article-inner {
display: flex;
flex-direction: column;
}
.tulalove-post-list .featured-post .post-image {
max-height: 404px;
}
.tulalove-post-list .regular-post .post-image {
max-width: 200px;
max-height: 144px;
}
.tulalove-post-list .post-info .read-more {
display: flex;
}
.mid-posts-block {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
}
.mid-posts-block .post-image {
aspect-ratio: 4 / 3;
}
}
.tulalove-container {
max-width: 1312px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
.toc-title {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 20px;
line-height: 28px;
vertical-align: middle;
color: #171717;
margin-bottom: 16px;
}
.toc-list {
list-style: none;
margin-bottom: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.toc-item {
margin-bottom: 0;
}
.toc-item a {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #525252;
}
.desktop-toc {
display: none;
}
.desktop-toc .tulalove-toc {
width: 100%;
max-width: 530px;
}
.tulalove-post-wrapper article {
padding-top: 24px;
}
@media screen and (min-width: 1025px) {
.blog-single .tulalove-container,
.blog-single .large-12.col {
overflow: visible !important;
}
.tulalove-post-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
}
.mobile-toc {
display: none;
}
.desktop-toc {
display: block;
padding: 40px 20px;
flex-shrink: 0;
position: sticky;
top: 100px;
height: fit-content;
z-index: 9;
border-radius: 12px;
}
.tulalove-post-wrapper article {
padding-top: 40px;
flex: 1;
}
.tulalove-post-list .related-title {
font-family: 'SVN-Gilroy';
font-weight: 700;
font-size: 48px;
line-height: 48px;
text-align: center;
color: #171717;
margin-bottom: 64px;
}
}
.tulalove-post-wrapper .entry-header {
margin-bottom: 24px;
}
.tulalove-post-wrapper .entry-title {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #171717;
margin-bottom: 0;
}
.tulalove-post-wrapper .post-featured-image {
max-width: 100%;
overflow: hidden;
border-radius: 20px;
aspect-ratio: 750 / 396;
}
.tulalove-post-wrapper .post-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tulalove-post-wrapper .entry-content {
font-family: 'Open Sans', sans-serif;
color: #525252;
}
.tulalove-post-wrapper .wp-block-heading {
font-family: 'SVN-Gilroy';
color: #171717;
}
.tulalove-breadcrumb nav {
text-transform: none;
font-family: SVN-Gilroy;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #525252;
}
.tulalove-breadcrumb nav a {
color: #171717;
}
.additional-address-row {
position: relative;
}
.add-address-btn-container {
text-align: center;
}
.add-address-btn {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #F24159;
flex-direction: row;
align-items: center;
gap: 8px;
border: 0;
text-transform: none;
background-color: transparent;
margin: 0;
padding: 12px 20px;
border-radius: 999px;
}
.icon-plus-red::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-plus-red.svg);
background-size: cover;
background-position: center;
}
.add-address-btn.loading::after {
border: 2px solid #FB6F80;
}
.add-address-btn.loading i {
display: none;
}
.add-address-btn:hover {
background-color: transparent;
box-shadow: none;
color: #F24159;
outline: none;
}
.address-field input {
margin-bottom: 0;
}
.saved-addresses-wrapper {
position: relative;
}
.saved-addresses-btn {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #F24159;
align-items: center;
border: 0;
text-transform: none;
background-color: transparent;
margin: 0;
padding: 12px 0;
border-radius: 999px;
}
.saved-addresses-btn:hover {
background-color: transparent;
box-shadow: none;
color: #F24159;
outline: none;
}
.saved-addresses-list {
position: absolute;
background-color: rgb(255, 255, 255);
padding: 12px 0;
border-radius: 8px 8px 12px 12px;
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 0;
border: 1px solid #E5E5E5;
z-index: 1;
min-width: 200px;
}
.saved-address-item {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
padding: 8px 12px;
}
.saved-address-item:hover,
.saved-address-item:focus {
background-color: #FB6F80;
color: #fff;
}
.applied-wrapper {
display: flex;
gap: 8px;
} .phone-input-wrapper {
display: flex !important;
align-items: center;
border: 1px solid #E5E5E5;
border-radius: 8px;
background-color: #fff;
padding: 0 20px;
height: 48px;
transition: all 0.3s;
margin-bottom: 8px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.phone-input-wrapper:focus-within {
box-shadow: 0 0 5px #ccc;
opacity: 1 !important;
}
.phone-country-select-custom {
flex: 0 0 auto;
position: relative;
padding-right: 12px;
margin-right: 12px;
cursor: pointer;
user-select: none;
height: 100%;
display: flex;
align-items: center;
}
.phone-country-select-custom .selected-country {
display: flex;
align-items: center;
gap: 6px;
font-family: 'SVN-Gilroy', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
}
.phone-country-select-custom .selected-country i {
font-size: 10px;
color: #A3A3A3;
transition: transform 0.3s;
}
.phone-country-select-custom.active .selected-country i {
transform: rotate(180deg);
}
.phone-country-select-custom .country-list-wrapper {
position: absolute;
top: calc(100% + 10px);
left: -20px;
width: 280px;
background: #fff;
border: 1px solid #E5E5E5;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
z-index: 9999;
display: none;
overflow: hidden;
animation: fadeInDown 0.2s ease-out;
}
.phone-country-select-custom.active .country-list-wrapper {
display: block;
}
.phone-country-select-custom .country-search-wrapper {
padding: 12px;
border-bottom: 1px solid #F5F5F5;
position: relative;
background: #fff;
}
.phone-country-select-custom .country-search-input {
width: 100% !important;
height: 36px !important;
padding: 0 12px 0 32px !important;
border: 1px solid #E5E5E5 !important;
border-radius: 8px !important;
font-size: 13px !important;
font-family: 'SVN-Gilroy', sans-serif !important;
margin-bottom: 0 !important;
background: #FAFAFA !important;
}
.phone-country-select-custom .country-search-wrapper i {
position: absolute;
left: 24px;
top: 50%;
transform: translateY(-50%);
color: #A3A3A3;
font-size: 12px;
}
.phone-country-select-custom .country-search-wrapper i::before {
width: 16px;
height: 16px;
}
.phone-country-select-custom .country-list {
list-style: none;
margin: 0;
padding: 4px 0;
max-height: 250px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #FB6F80 #f0f0f0;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.phone-country-select-custom .country-list::-webkit-scrollbar {
width: 4px;
}
.phone-country-select-custom .country-list::-webkit-scrollbar-track {
background: #f0f0f0;
}
.phone-country-select-custom .country-list::-webkit-scrollbar-thumb {
background: #FB6F80;
border-radius: 10px;
}
.phone-country-select-custom .country-list li {
padding: 10px 16px;
font-family: 'SVN-Gilroy', sans-serif;
font-size: 14px;
color: #171717;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.2s;
position: relative;
cursor: pointer;
}
.phone-country-select-custom .country-list li .flag {
font-size: 18px;
flex-shrink: 0;
}
.phone-country-select-custom .country-list li .country-name {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.phone-country-select-custom .country-list li .country-code {
color: #737373;
font-size: 12px;
font-weight: 500;
}
.phone-country-select-custom .country-list li:hover {
background-color: #FFF5F6;
color: #FB6F80;
}
.phone-country-select-custom .country-list li:hover .country-code {
color: #FB6F80;
}
.phone-country-select-custom .country-list li.selected {
background-color: #FFF5F6;
color: #FB6F80;
font-weight: 600;
}
.phone-country-select-custom .country-list li.selected .country-code {
color: #FB6F80;
}
.phone-input-wrapper input {
flex: 1;
border: none !important;
background: transparent !important;
margin-bottom: 0 !important;
padding: 0 !important;
height: 100% !important;
box-shadow: none !important;
}
.phone-input-wrapper input:focus {
outline: none !important;
box-shadow: none !important;
} .woocommerce-message,
.woocommerce-error,
.woocommerce-info {
position: fixed !important;
top: 50px;
left: 50%;
transform: translateX(-50%);
z-index: 999999;
width: 90%;
max-width: 500px;
margin: 0 !important;
padding: 8px 16px !important;
border-radius: 12px !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
animation: slideDownNotice 0.4s ease forwards;
border: none !important;
transition: opacity 0.8s ease-out, top 0.8s ease-out !important;
}
ul.message-wrapper li {
margin-bottom: 0;
}
.woocommerce-message {
border: 1px solid #16A34A !important;
background-color: #F0FDF4 !important;
}
.woocommerce-error {
border: 1px solid #EF4444 !important;
background-color: #FEE2E2 !important;
}
.woocommerce-info {
border: 1px solid #3B82F6 !important;
background-color: #DBEAFE !important;
}
.woocommerce-message .message-container,
.woocommerce-error li,
.woocommerce-info .message-container {
color: #171717 !important;
font-size: 14px !important;
font-weight: 500 !important;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'SVN-Gilroy';
line-height: 20px;
}
.woocommerce-message i,
.woocommerce-info i {
font-size: 20px;
}
.woocommerce-message i {
color: #22c55e;
}
.woocommerce-info i {
color: #3b82f6;
}
@keyframes slideDownNotice {
from {
top: -100px;
opacity: 0;
}
to {
top: 50px;
opacity: 1;
}
}
.notice-fade-out {
opacity: 0 !important;
transition: opacity 0.8s ease-out !important;
}
form.lost_reset_password {
padding: 0;
}
.forget-password-wrapper {
max-width: 600px;
margin: 32px auto 0;
}
@media screen and (min-width: 768px) {
.forget-password-wrapper {
padding: 16px 24px;
border-radius: 20px;
border: 1px solid #E5E5E5;
}
}
.forget-password-wrapper h3 {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 16px;
line-height: 24px;
vertical-align: middle;
color: #171717;
}
.forget-password-wrapper p {
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
vertical-align: middle;
color: #525252;
}
input.tulalove-input {
width: 100%;
padding: 12px;
border-radius: 12px;
border: 1px solid #E5E5E5;
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
height: 40px;
margin-bottom: 0;
}
input.tulalove-input::placeholder {
color: #A3A3A3;
}
.forget-password-btn-wrapper {
text-align: center;
}
@media (max-width: 765px) {
.forget-password-btn-wrapper {
position: fixed;
z-index: 999;
left: 0;
bottom: 0;
right: 0;
background-color: #fff;
padding: 16px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.forget-password-btn-wrapper .tulalove-button {
width: 100%;
}
}
.woocommerce-button,
.tulalove-button {
display: inline-block;
border-radius: 99px;
background-color: #FB6F80;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #fff;
margin: 0;
padding: 12px 20px;
transition: all 0.3s ease-in-out;
}
.forget-password-input-wrapper {
margin-bottom: 16px;
width: 100%;
}
.forget-password-image {
text-align: center;
}
.forget-password-image img {
margin-bottom: 16px;
}
.live-chat-footer {
position: fixed;
right: 15px;
bottom: 150px;
z-index: 3;
}
.live-chat-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.live-chat-item {
display: block;
padding: 12px;
background-color: #FEA3AF;
border-radius: 50%;
}
.live-chat-item img {}
.review-attachments {
margin-top: 20px;
width: 100%;
margin-bottom: 28px;
}
.image-upload-wrapper {
border: 2px dashed #FFCAD4;
border-radius: 12px;
padding: 20px;
text-align: center;
cursor: pointer;
background-color: #fff;
transition: all 0.3s ease;
max-width: 100%;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.image-upload-wrapper.has-images {
border-style: solid;
border-color: #FF8E9E;
padding: 15px;
}
.image-upload-wrapper.has-images .upload-placeholder {
display: none;
}
.image-upload-wrapper.has-images .preview-images {
display: flex !important;
margin-top: 0;
justify-content: center;
}
.image-upload-wrapper:hover {
border-color: #FF8E9E;
background-color: #FFF5F6;
}
.upload-placeholder {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.upload-icon svg {
display: block;
}
.upload-text {
color: #FF8E9E;
font-size: 16px;
font-weight: 500;
}
.preview-images {
display: flex;
gap: 10px;
margin-top: 15px;
flex-wrap: wrap;
}
.preview-image-wrapper {
width: 150px;
height: 150px;
border-radius: 8px;
overflow: hidden;
border: 1px solid #eee;
}
.preview-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.review-attachments__item {
width: 100%;
} .review-attached-images {
display: grid;
gap: 8px;
grid-template-columns: 1fr 1fr 1fr;
}
.review-image-link img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
border: 1px solid #eee;
transition: transform 0.2s;
}
.review-image-link img:hover {
transform: scale(1.05);
}
.comment-list>li:not(:first-child),
.commentlist>li:not(:first-child) {
border-top: 0;
}
.comment-form-comment label {
margin-bottom: 8px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #171717;
}
@media (min-width: 568px) {
.tulalove-review-form {
padding: 16px 24px;
border: 1px solid #E5E5E5;
border-radius: 12px;
}
}
.live-search-results {
position: absolute;
background-color: #fff;
max-height: 50vh;
overflow-y: scroll;
}
.clear:after,
.clearfix:after,
.container:after,
.row:after {
display: none;
}
@media (min-width: 1025px) {
.pc-columns-5 .products .product {
width: 20% !important;
max-width: 20% !important;
flex-basis: 20% !important;
}
}
@media (min-width: 568px) and (max-width: 1024px) {
.tablet-columns-4 .products .product {
width: 25% !important;
max-width: 25% !important;
flex-basis: 25% !important;
}
}
a.forget-password-contact-link {
background-color: #FB6F80;
display: inline-block;
border-radius: 99px;
padding: 10px;
color: #fff;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
transition: all 0.3s ease-in-out;
}
a.forget-password-contact-link:hover {
color: #171717;
}
.forget-password-contact-link img {
margin-bottom: 0;
max-width: 24px;
max-height: 24px;
}
.post-section .read-more {
display: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #F24159;
flex-direction: row;
align-items: center;
gap: 8px;
}
.post-section .read-more i {
height: 20px;
}
@media (min-width: 1025px) {
.post-section .section-content>.row>.col {
padding-bottom: 0;
}
.post-section .post-list .post-item {
margin-bottom: 24px;
}
.post-section .post-list .post-item .box {
display: flex;
gap: 24px;
}
.post-section .post-list .box-image {
max-height: 144px;
max-width: 200px;
width: 100%;
margin-bottom: 0;
}
.post-section .post-list .box-image .image-cover {
padding-top: 144px !important;
}
.post-section .read-more {
display: flex;
}
}
@media(max-width: 567px) {
.not-mobile {
display: none;
}
}
@media(min-width: 568px) {
.mobile-only {
display: none;
}
}
.cart_totals .cart_destop {
display: none
}
@media (max-width: 849px) {
.form-checkout-inner {
padding-bottom: 99px;
}
}
@media (min-width: 850px) {
.cart_totals {
position: relative;
display: flex;
flex-direction: column;
border-radius: 12px;
border: 1px solid #E5E5E5;
padding: 24px;
row-gap: 24px;
}
.cart_totals .cart-mobile {
display: none;
}
.cart_totals .cart-destop {
display: block;
}
.cart_totals .summary-title {
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #171717;
}
.cart_totals .summary-content {
display: flex;
flex-direction: column;
gap: 8px;
}
.cart_totals .summary-item {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.cart_totals .summary-item.total {
margin-top: 8px;
padding-top: 8px;
border-top: 2px dashed #F5F5F5;
}
.cart_totals .summary-item .label {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #525252;
}
.cart_totals .summary-item .value {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #171717;
}
.cart_totals .total-value-container {
display: flex;
flex-direction: column;
}
.cart_totals .total-label .label {
font-weight: 500;
}
.cart_totals .total-value-container .value {
text-align: right;
}
.cart_totals .total-value-container .saving-value {
font-size: 14px;
line-height: 20px;
}
.cart_totals .total-value-container .saving-value .amount {
color: #525252;
font-weight: 400;
}
.cart_totals .total-value-container .total-value {
font-size: 18px;
line-height: 28px;
}
.cart-page-wrapper .cart-product-list {
padding: 24px;
border: 1px solid #E5E5E5;
border-radius: 20px;
}
.cart-page-wrapper .cart-collaterals {
border: 0 !important;
}
.cart-item-custom .product-name {
font-size: 18px;
line-height: 28px;
}
.cart-item-custom .product-attributes {
font-size: 14px;
line-height: 20px;
}
.cart-item-custom .product-price {
font-size: 18px;
line-height: 28px;
}
.cart-item-custom .product-price ins {
font-size: 18px;
line-height: 28px;
}
.cart-item-custom .product-price del {
font-size: 14px;
line-height: 20px;
}
.order-trigger-wrapper {
position: relative;
}
form.checkout {
margin-top: 64px;
padding-bottom: 64px;
}
.form-checkout-inner {
display: flex;
flex-direction: row;
gap: 40px;
}
.checkout-billing-wrapper,
.checkout-proceed-wrapper>.col-inner {
padding: 24px;
border: 1px solid #E5E5E5;
border-radius: 20px;
}
.checkout-billing-wrapper {
flex: 7
}
.checkout-proceed-wrapper {
flex: 5;
}
.checkout-mobile {
display: none;
}
.checkout-desktop {
display: flex;
flex-direction: column;
border: 0;
gap: 12px;
margin-bottom: 24px;
}
.checkout-coupon-section,
.payment-trigger-wrapper {
width: 100%;
display: flex;
padding: 12px 16px;
border-radius: 12px;
border: 1px solid #E5E5E5;
position: relative;
}
.checkout-coupon-section::after,
.payment-trigger-wrapper::after {
content: '';
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
height: 24px;
width: 24px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-chevron-right.svg);
background-size: cover;
vertical-align: middle;
}
.payment-trigger-wrapper button,
.select-coupon-btn {
padding: 0;
width: 100%;
text-align: left;
font-size: 16px;
line-height: 24px;
}
.payment-trigger-wrapper button i,
.select-coupon-btn i {
margin-right: 8px;
}
.coupon-trigger-wrapper {
border: 0;
width: 100%;
}
.payment-trigger-wrapper {
width: 100%;
}
form.checkout h3 {
font-size: 18px;
line-height: 28px;
}
.review-block .value .saved-amount,
.review-block .label {
font-size: 14px;
line-height: 20px;
}
.review-block .value {
font-size: 16px;
line-height: 24px;
}
.tulalove-checkout-block .block-title,
.review-block .value .total-amount {
font-size: 18px;
line-height: 28px;
}
}
div#account-orders-pagination {
padding: 32px 0;
}
.rating-button {
display: inline-block;
border-radius: 99px;
background-color: #F2F4F7;
text-transform: none;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #171717;
margin: 0;
padding: 12px 20px;
}
.product-thumbnails {
margin-left: 0!important;
margin-right: 0!important;
}
.product-gallery-slider img,
.product-thumbnails img {
width: 100%;
aspect-ratio: 620 / 577;
border-radius: 20px;
object-fit: cover;
}
.product-gallery .badge-container {
display: none;
}
.product-gallery .flickity-button {
background-color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
}
.account-register-inner {
padding-bottom: 96px;
}
.woocommerce-shipping-methods {
margin-bottom: 0;
max-width: 400px;
}
.woocommerce-shipping-methods label {
margin-bottom: 0;
}
.footer-wrapper {
background-color: #FAFAFA;
}
.woocommerce-pagination {
margin-top: 40px;
text-align: center;
margin-bottom: 24px;
}
.woocommerce-pagination ul {
margin: 0;
}
.woocommerce-pagination ul li {
display: inline-flex;
align-items: center;
}
.archive-product-container {
padding-bottom: 16px;
}
.product-gallery .row-small>.flickity-viewport>.flickity-slider>.col {
padding-left: 5px;
padding-right: 5px;
}
.woocommerce-variation-add-to-cart {
row-gap: 24px;
}
.woocommerce-variation-add-to-cart :where(.ux-quantity, .single_add_to_cart_button, .ux-buy-now-button),
form.cart :where(.ux-quantity, .single_add_to_cart_button, .ux-buy-now-button) {
width: 100%;
}
.woocommerce-variation-add-to-cart :where(.ux-quantity, .single_add_to_cart_button, .ux-buy-now-button) .quantity-label,
form.cart :where(.ux-quantity, .single_add_to_cart_button, .ux-buy-now-button) .quantity-label {
margin-right: 16px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 16px;
line-height: 24px;
vertical-align: middle;
color: #171717;
display: flex;
align-items: center;
}
.rating-action {
align-self: flex-end;
white-space: nowrap;
} .checkout-login-required-wrapper {
padding: 60px 0;
min-height: 400px;
display: flex;
align-items: center;
}
.checkout-login-required-inner {
max-width: 600px;
margin: 0 auto;
text-align: center;
background: #fff;
padding: 40px;
border-radius: 12px;
border: 1px solid #E5E5E5;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.checkout-login-image {
margin-bottom: 24px;
}
.checkout-login-image img {
max-width: 150px;
height: auto;
}
.login-title {
font-family: 'SVN-Gilroy';
font-weight: 700;
font-size: 24px;
line-height: 32px;
color: #171717;
margin-bottom: 12px;
}
.login-desc {
font-family: 'SVN-Gilroy';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #666;
margin-bottom: 30px;
}
.login-actions .login-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
border-radius: 99px;
background-color: #FB6F80;
color: #fff;
padding: 14px 30px;
text-decoration: none;
font-family: 'SVN-Gilroy';
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
border: none;
width: fit-content;
}
.login-actions .login-button:hover {
background-color: #e55a6b;
transform: translateY(-2px);
color: #fff;
}
.header-user-link.custom-login-button span {
display: none;
}
.header-user-link.custom-login-button .icon-user-circle-white {
display: none;
}
@media (max-width: 767px) {
.checkout-login-required-inner {
padding: 30px 20px;
margin: 0 15px;
}
.login-title {
font-size: 20px;
line-height: 28px;
}
.login-actions {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
}
}
@media (min-width: 568px) and (max-width: 1125px) {
.woocommerce-variation-add-to-cart {
flex-direction: column;
}
}
@media (min-width: 568px) {
.archive-product-container {
padding-bottom: 64px;
}
.product-main .content-row {
padding-bottom: 64px;
}
.tulalove-product-accordion {
padding: 64px 0;
gap: 24px;
}
.related-products-wrapper .product-section-title,
.tulalove-product-reviews .reviews-title {
font-size: 40px;
line-height: 48px;
margin-bottom: 40px;
}
.review-avatar .woocommerce-review__author {
font-size: 16px;
line-height: 24px;
}
.review-content .description p,
.review-meta {
font-size: 14px;
line-height: 20px;
}
.register-button-wrapper {
position: relative;
}
.register-button-group {
box-shadow: none;
padding: 0;
text-align: center;
}
.register-button-group .register-button {
padding: 12px 20px;
width: unset;
}
div#customer_login {
display: flex;
justify-content: center;
}
.account-register-inner {
padding: 16px;
border-radius: 20px;
border: 1px solid #E5E5E5;
max-width: 600px;
width: 100%;
margin-bottom: 60px;
margin-top: 32px;
}
.woocommerce-shipping-fields input,
.woocommerce-shipping-fields select,
.woocommerce-shipping-fields .select2-container .select2-selection,
.woocommerce-billing-fields input,
.woocommerce-billing-fields select,
.woocommerce-billing-fields .select2-container .select2-selection,
.registration-block .block-title,
.gender-radio-group {
margin-bottom: 12px;
}
.registration-blocks {
display: flex;
flex-direction: column;
gap: 16px;
}
.registration-block {
padding: 0;
}
.registration-block.info-block .form-row:last-child input {
margin-bottom: 0;
}
.tulalove-edit-account {
display: flex;
justify-content: center;
}
.tulalove-edit-account-wrapper {
max-width: 600px;
width: 100%;
padding: 16px;
border-radius: 12px;
border: 1px solid #E5E5E5;
margin-top: 24px;
margin-bottom: 64px;
}
}
@media (min-width: 850px) {
.custom-modal-container {
left: 50%;
max-width: 600px;
border: 1px solid #E5E5E5;
border-radius: 24px;
min-height: unset;
bottom: unset;
top: -100%;
transform: translate(-50%, -50%);
transition: top 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.custom-modal-container.active {
top: 50%;
bottom: unset;
}
.custom-modal-content {}
.custom-modal-header {
padding-top: 18px;
padding-bottom: 18px;
margin-bottom: 12px;
}
.login-form-button {
box-shadow: none;
}
.modal-title {
font-size: 20px;
line-height: 28px;
}
.modal-desc {
margin-bottom: 16px;
}
.bottom-sheet-content {
right: unset;
left: 50%;
max-width: 600px;
transform: translate(-50%, -50%);
border-radius: 24px;
box-shadow: none;
}
.bottom-sheet-overlay {
background-color: rgba(0, 0, 0, 0.2);
}
.bottom-sheet-footer {
border-radius: 24px;
}
.tulalove-payment-modal {
left: 50%;
right: unset;
transform: translate(-50%, -50%);
max-width: 600px;
border-radius: 24px;
box-shadow: none;
}
.tulalove-payment-modal-overlay {
background-color: rgba(0, 0, 0, 0.2);
}
.header-left-col .menu-text {
font-size: 16px;
line-height: 24px;
}
}
@media (min-width: 1120px) {
.header-user-link.custom-login-button {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
padding: 5px 12px;
border-radius: 99px;
background-color: #FEA3AF;
gap: 8px;
color: #fff;
font-size: 16px;
line-height: 20px;
align-items: center;
width: unset;
border: none;
cursor: pointer;
outline: none;
}
.header-user-link.custom-login-button span {
display: inline-block;
}
.header-user-link.custom-login-button .icon-user-circle-white {
display: flex;
}
.header-user-link.custom-login-button .icon-user-circle {
display: none;
}
}
.d-none {
display: none;
}
.woocommerce-password-strength.short {
color: #b71c1c;
}
.woocommerce-password-strength.bad {
color: #e65100;
}
.woocommerce-password-strength.good {
color: #827717;
}
.woocommerce-password-strength.strong {
color: #1b5e20;
}
.mobile-only {
display: none;
}
@media (max-width: 850px) {
.mobile-only {
display: block;
}
.desktop-only {
display: none;
}
}
.sale-countdown-badge.circle .badge-inner {
border-radius: 4px;
} .products .countdown-container {
left: 10px;
right: unset;
}
.products .sale-countdown-badge .badge-inner {
background: #FDB02280;
backdrop-filter: blur(50%);
padding: 2px 6px;
font-family: 'SVN-Gilroy';
font-weight: 500;
font-size: 14px;
line-height: 20px;
display: flex;
}
.products .sale-countdown-badge .badge-inner .icon-timer {
margin-right: 2px;
}
.icon-timer::after {
content: '';
display: inline-block;
height: 16px;
width: 16px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-timer.svg);
background-size: cover;
}
@media (max-width: 849px) {
.products .sale-countdown-badge .badge-inner {
font-size: 12px;
line-height: 16px;
}
.products .badge-container {
right: 5px;
}
.products .countdown-container {
left: 5px;
}
}
.products .sale-countdown-badge .badge-inner .countdown-text {
color: #171717;
}
.product-thumbnails a {
border: 0;
} .order-select-wrapper {
flex-direction: column;
border: 0;
gap: 12px;
margin-bottom: 24px;
}
.coupon-trigger-wrapper {
border: 0;
}
.tulalove-coupon-section,
.payment-trigger-wrapper {
border: 1px solid #E5E5E5;
padding: 8px;
width: 100%;
border-radius: 12px;
position: relative;
}
.payment-trigger-wrapper button,
.select-coupon-btn {
width: 100%;
text-align: left;
}
.checkout-coupon-section::after,
.payment-trigger-wrapper::after {
content: '';
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
height: 24px;
width: 24px;
background-image: url(https://tulalove.vn/wp-content/themes/anothemes/images/assets/icon-chevron-right.svg);
background-size: cover;
vertical-align: middle;
}
.checkout-mobile {
display: none;
}
.nav-pagination>li>.current,
.nav-pagination>li>a:hover,
.nav-pagination>li>span:hover {
background-color: #FEA3AF;
border-color: #FEA3AF;
color: #fff;
}
.woocommerce-variation-description {
display: none;
}
#guest-checkout-modal {
position: fixed;
top: 50%;
bottom: unset;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99999;
width: 90%;
max-width: 400px;
background: #fff;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
#guest-checkout-modal h3 {
font-family: 'SVN-Gilroy';
font-size: 18px;
margin-bottom: 10px;
}
#guest-checkout-modal p {
font-family: 'SVN-Gilroy';
margin-bottom: 25px;
color: #666;
}
.woocommerce-cart .woocommerce-info {
display: none;
}
.product-info p.stock.out-of-stock {
color: #CC3300;
}