:root {
--ayatent-primary: #ed1e24;
--ayatent-primary-dark: #c91319;
--ayatent-dark: #000000;
--ayatent-surface: #f5f5f5;
--ayatent-white: #ffffff;
--ayatent-text: #171717;
--ayatent-muted: #666666;
--ayatent-border: #e2e2e2;
--ayatent-success: #16794b;
--ayatent-danger: #ed1e24;
--ayatent-container: 1280px;
--ayatent-radius-sm: 6px;
--ayatent-radius: 10px;
--ayatent-radius-lg: 16px;
--ayatent-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
--ayatent-transition: 180ms ease;
--ayatent-body-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--ayatent-button-bg: #ed1e24;
--ayatent-button-hover-bg: #c91319;
--ayatent-button-hover-color: #ffffff;
--ayatent-menu-hover-color: #ed1e24;
--ayatent-price-current: var(--ayatent-primary);
--ayatent-price-regular: #9297a0;
--ayat-menu-bg-color: #d9120f;
--ayat-menu-red-bg-text-color: #ffffff;
--ayat-sub-menu-text-color: #000000;
} @media (min-width: 961px) {
.ayatent-shop-navigation {
background: #df0b08;
box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
}
.ayatent-main-menu > li > a {
min-height: 49px;
padding: 0 7px;
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -.01em !important;
text-transform: uppercase !important;
}
.ayatent-main-menu > li > a:hover,
.ayatent-main-menu > li.current-menu-item > a,
.ayatent-main-menu > li.current-menu-ancestor > a,
.ayatent-main-menu > li.current-cat > a,
.ayatent-main-menu > li.current-cat-parent > a {
background: rgb(0 0 0 / 10%);
color: #fff !important;
}
.ayatent-main-menu .sub-menu,
.ayatent-main-menu .children {
min-width: 228px;
padding: 8px 0;
border: 1px solid #e4e4e4;
border-top: 0;
border-radius: 0 0 10px 10px;
background: #fff;
box-shadow: 0 14px 28px rgb(0 0 0 / 14%);
}
.ayatent-main-menu .sub-menu a,
.ayatent-main-menu .children a {
min-height: 39px;
padding: 10px 19px;
color: #202124 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
.ayatent-main-menu .sub-menu a:hover,
.ayatent-main-menu .children a:hover {
background: #f4f4f4;
color: #df0b08 !important;
}
}
.ayatent-drawer-shortcuts a,
.ayatent-drawer-shortcuts button {
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
}
.ayatent-drawer-shortcuts span {
font-size: inherit;
line-height: inherit;
}
.ayatent-account-dialog {
max-height: min(92vh, 880px);
overflow-y: auto;
}
.ayatent-account-panel .form-row-first,
.ayatent-account-panel .form-row-last {
width: calc(50% - 7px);
}
.ayatent-account-panel .form-row-first {
float: left;
}
.ayatent-account-panel .form-row-last {
float: right;
}
.ayatent-account-panel .form-row-wide,
.ayatent-account-panel form::after {
clear: both;
}
.ayatent-account-panel textarea,
.ayatent-account-panel input[type="tel"] {
width: 100%;
min-height: 44px;
border: 1px solid #d8dadd;
border-radius: 8px;
background: #fff;
color: #161616;
font-size: 14px;
}
.ayatent-account-panel textarea {
min-height: 68px;
padding: 11px 13px;
resize: vertical;
}
.ayatent-verification-badge {
display: inline-flex;
align-items: center;
gap: 5px;
margin-left: 10px;
padding: 4px 8px;
border-radius: 999px;
font-family: var(--ayatent-body-family);
font-size: 11px;
font-weight: 700;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
}
.ayatent-verification-badge span {
display: grid;
width: 15px;
height: 15px;
place-items: center;
border-radius: 50%;
color: #fff;
font-size: 10px;
}
.ayatent-verification-badge.is-verified span {
background: #13733c;
}
.ayatent-verification-badge.is-unverified span {
background: #6d7075;
}
.ayatent-verification-badge.is-verified {
background: #e8f7ee;
color: #13733c;
}
.ayatent-verification-badge.is-unverified {
background: #eeeeef;
color: #6d7075;
}
.ayatent-account-summary strong .ayatent-verification-badge {
display: flex;
width: max-content;
margin: 5px 0 0;
}
.ayatent-email-verification-notice {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 14px;
margin: 0 0 22px;
padding: 16px 18px;
border: 1px solid #e2c76e;
border-radius: 12px;
background: #fff9e8;
color: #5c4a08;
}
.ayatent-email-verification-notice > span {
display: grid;
width: 30px;
height: 30px;
place-items: center;
border-radius: 50%;
background: #8b6d00;
color: #fff;
font-weight: 800;
}
.ayatent-email-verification-notice strong,
.ayatent-email-verification-notice p {
display: block;
margin: 0;
}
.ayatent-email-verification-notice p {
margin-top: 3px;
font-size: 13px;
line-height: 1.45;
}
.ayatent-email-verification-notice .button {
white-space: nowrap;
}
.woocommerce form.woocommerce-form-track-order {
max-width: 760px;
margin: 20px auto;
padding: clamp(22px, 4vw, 42px);
border: 1px solid #e1e1e1;
border-top: 4px solid #df0b08;
border-radius: 16px;
background: #fff;
box-shadow: 0 16px 40px rgb(0 0 0 / 8%);
}
.woocommerce form.woocommerce-form-track-order > p:first-child {
margin-top: 0;
color: #5d6168;
font-size: 15px;
line-height: 1.65;
}
.woocommerce form.woocommerce-form-track-order .form-row {
margin: 0 0 16px;
}
.woocommerce form.woocommerce-form-track-order label {
display: block;
margin-bottom: 7px;
font-weight: 650;
}
.woocommerce form.woocommerce-form-track-order input.input-text {
min-height: 48px;
border: 1px solid #d4d6d9;
border-radius: 9px;
}
.woocommerce form.woocommerce-form-track-order button.button {
width: 100%;
min-height: 48px;
margin-top: 4px;
}
@media (max-width: 620px) {
.ayatent-account-panel .form-row-first,
.ayatent-account-panel .form-row-last {
float: none;
width: 100%;
}
.ayatent-entry-title .ayatent-verification-badge {
display: flex;
width: max-content;
margin: 8px 0 0;
}
.ayatent-email-verification-notice {
grid-template-columns: auto minmax(0, 1fr);
}
.ayatent-email-verification-notice .button {
grid-column: 1 / -1;
width: 100%;
text-align: center;
}
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--ayatent-surface);
color: var(--ayatent-text);
font-family: var(--ayatent-body-family);
font-size: 16px;
font-synthesis: style;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
body.ayatent-menu-open,
body.ayatent-modal-open,
body.ayatent-cart-open,
body.ayatent-filter-open {
overflow: hidden;
}
[hidden] {
display: none !important;
}
img,
svg {
display: block;
max-width: 100%;
}
img {
height: auto;
}
a {
color: var(--ayatent-dark);
text-decoration: none;
transition: color var(--ayatent-transition);
}
a:hover {
color: var(--ayatent-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.65em;
color: var(--ayatent-dark);
font-weight: 700;
line-height: 1.25;
}
p {
margin: 0 0 1.25em;
}
button,
input,
select,
textarea {
font: inherit;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.ayatent-button {
min-height: 44px;
border: 1px solid var(--ayatent-button-bg);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-button-bg);
color: var(--ayatent-white);
cursor: pointer;
font-weight: 700;
letter-spacing: 0.35px;
line-height: 1.2;
padding: 0.75rem 1.15rem;
text-transform: uppercase;
transition: background var(--ayatent-transition), border-color var(--ayatent-transition), color var(--ayatent-transition), transform var(--ayatent-transition);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.ayatent-button:hover {
border-color: var(--ayatent-button-hover-bg);
background: var(--ayatent-button-hover-bg);
color: var(--ayatent-button-hover-color);
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
select,
textarea {
width: 100%;
min-height: 44px;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
color: var(--ayatent-text);
padding: 0.7rem 0.85rem;
}
textarea {
min-height: 140px;
resize: vertical;
}
:focus-visible {
outline: 3px solid rgba(237, 30, 36, 0.35);
outline-offset: 2px;
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.screen-reader-text:focus {
top: 8px;
left: 8px;
z-index: 100000;
width: auto;
height: auto;
clip: auto;
background: var(--ayatent-white);
color: var(--ayatent-dark);
font-weight: 700;
padding: 0.75rem 1rem;
}
.ayatent-container {
width: min(100% - 32px, var(--ayatent-container));
margin-inline: auto;
}
.ayatent-site-main {
min-height: 45vh;
padding-block: 40px 64px;
}
.elementor-page .ayatent-site-main,
.page-template-template-full-width .ayatent-site-main {
padding-block: 0;
}
.ayatent-content-card {
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
padding: clamp(24px, 4vw, 48px);
} .ayatent-utility-bar {
background: var(--ayatent-dark);
color: rgba(255, 255, 255, 0.82);
font-size: 0.82rem;
}
.ayatent-utility-inner {
display: flex;
min-height: 34px;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.ayatent-utility-links,
.ayatent-header-actions,
.ayatent-main-menu,
.ayatent-footer-menu,
.ayatent-mobile-bar {
list-style: none;
margin: 0;
padding: 0;
}
.ayatent-utility-links {
display: flex;
align-items: center;
gap: 18px;
}
.ayatent-utility-bar a {
color: inherit;
}
.ayatent-utility-bar a:hover {
color: var(--ayatent-white);
}
.ayatent-site-header {
position: sticky;
top: 0;
z-index: 900;
border-bottom: 1px solid var(--ayatent-border);
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.ayatent-header-main {
display: grid;
grid-template-columns: minmax(150px, 0.65fr) minmax(320px, 1.7fr) auto;
min-height: 80px;
align-items: center;
gap: clamp(16px, 2vw, 30px);
}
.ayatent-branding {
display: flex;
align-items: center;
}
.custom-logo-link {
display: inline-flex;
align-items: center;
}
.custom-logo {
width: auto;
max-height: 54px;
}
.ayatent-site-title {
margin: 0;
font-size: 1.65rem;
font-weight: 700;
letter-spacing: -0.03em;
}
.ayatent-search .woocommerce-product-search,
.ayatent-search .search-form {
position: relative;
display: flex;
width: 100%;
margin: 0;
}
.ayatent-search {
min-width: 0;
}
.ayatent-search .search-field {
min-height: 46px;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: #f7f7f7;
padding: 0.75rem 54px 0.75rem 18px;
}
.ayatent-search button,
.ayatent-search .search-submit {
position: absolute;
top: 4px;
right: 4px;
width: 38px;
min-height: 38px;
border: 0;
border-radius: var(--ayatent-radius-sm);
background: transparent;
color: var(--ayatent-dark);
padding: 0;
}
.ayatent-search button:hover,
.ayatent-search .search-submit:hover {
border-color: transparent;
background: rgba(0, 0, 0, 0.06);
color: var(--ayatent-primary);
}
.ayatent-search button svg,
.ayatent-search .search-submit svg,
.ayatent-mobile-toggle svg,
.ayatent-drawer-close svg {
width: 19px;
height: 19px;
margin: auto;
}
.ayatent-header-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 2px;
}
.ayatent-action-item {
position: relative;
}
.ayatent-header-action {
position: relative;
display: flex;
min-width: 60px;
min-height: 62px;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 3px;
border: 0;
border-radius: var(--ayatent-radius-sm);
background: transparent;
color: var(--ayatent-dark);
font-size: 0.72rem;
font-weight: 500;
line-height: 1.1;
padding: 6px 5px;
}
.ayatent-header-action:hover,
.ayatent-header-action[aria-expanded="true"] {
border-color: transparent;
background: rgba(237, 30, 36, 0.08);
color: var(--ayatent-primary);
}
.ayatent-header-action svg {
width: 23px;
height: 23px;
flex: 0 0 auto;
}
.ayatent-cart-count,
.ayatent-wishlist-count {
position: absolute;
top: 2px;
right: 7px;
display: grid;
min-width: 20px;
height: 20px;
place-items: center;
border: 2px solid var(--ayatent-white);
border-radius: 999px;
background: var(--ayatent-primary);
color: var(--ayatent-white);
font-size: 0.68rem;
font-weight: 700;
line-height: 1;
padding-inline: 3px;
}
.ayatent-action-dropdown {
position: absolute;
top: calc(100% + 7px);
right: 0;
z-index: 1110;
width: 228px;
border: 1px solid var(--ayatent-border);
border-radius: 0 0 var(--ayatent-radius) var(--ayatent-radius);
background: var(--ayatent-white);
box-shadow: var(--ayatent-shadow);
padding: 7px;
}
.ayatent-account-dropdown {
width: 260px;
}
.ayatent-action-dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
.ayatent-action-dropdown li + li {
border-top: 1px solid var(--ayatent-border);
}
.ayatent-action-dropdown a {
display: flex;
min-height: 43px;
align-items: center;
gap: 11px;
border-radius: var(--ayatent-radius-sm);
font-size: 0.88rem;
font-weight: 600;
padding: 9px 10px;
}
.ayatent-action-dropdown a:hover {
background: var(--ayatent-surface);
}
.ayatent-action-dropdown svg {
width: 19px;
height: 19px;
flex: 0 0 auto;
}
.ayatent-account-summary {
border-bottom: 1px solid var(--ayatent-border);
margin: -7px -7px 6px;
background: var(--ayatent-surface);
padding: 13px 16px;
}
.ayatent-account-summary span,
.ayatent-account-summary strong {
display: block;
}
.ayatent-account-summary span {
color: var(--ayatent-muted);
font-size: 0.72rem;
}
.ayatent-account-summary strong {
overflow: hidden;
font-size: 0.9rem;
text-overflow: ellipsis;
white-space: nowrap;
} .ayatent-live-search {
position: absolute;
top: calc(100% + 8px);
right: 0;
left: 0;
z-index: 1120;
max-height: min(70vh, 590px);
overflow-y: auto;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
text-align: left;
}
.ayatent-live-search-link {
position: relative;
display: grid;
grid-template-columns: 58px minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
border-bottom: 1px solid var(--ayatent-border);
padding: 10px 12px;
}
.ayatent-live-search-link:hover,
.ayatent-live-search-link:focus {
background: var(--ayatent-surface);
}
.ayatent-live-search-link img {
width: 58px;
height: 58px;
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-surface);
object-fit: cover;
}
.ayatent-search-product-copy,
.ayatent-search-product-meta {
display: flex;
min-width: 0;
}
.ayatent-search-product-copy {
flex-direction: column;
gap: 4px;
}
.ayatent-search-product-copy strong {
overflow: hidden;
color: var(--ayatent-dark);
font-size: 0.88rem;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.ayatent-search-product-meta {
align-items: center;
gap: 9px;
font-size: 0.76rem;
}
.ayatent-search-product-price {
color: var(--ayatent-primary-dark);
font-weight: 700;
}
.ayatent-search-product-price del {
color: var(--ayatent-muted);
font-size: 0.7rem;
}
.ayatent-search-product-stock {
color: var(--ayatent-success);
}
.ayatent-search-match {
border-radius: 999px;
background: rgba(0, 0, 0, 0.07);
color: var(--ayatent-muted);
font-size: 0.62rem;
font-weight: 700;
padding: 4px 7px;
white-space: nowrap;
}
.ayatent-search-match.is-exact {
background: rgba(237, 30, 36, 0.13);
color: var(--ayatent-primary-dark);
}
.ayatent-search-status {
color: var(--ayatent-muted);
font-size: 0.85rem;
padding: 20px;
text-align: center;
}
.ayatent-search-status.is-loading::before {
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid var(--ayatent-border);
border-top-color: var(--ayatent-primary);
border-radius: 50%;
margin-right: 8px;
animation: ayatent-spin 650ms linear infinite;
content: "";
vertical-align: -2px;
}
.ayatent-search-status.is-error {
color: var(--ayatent-danger);
}
.ayatent-search-view-all {
display: block;
background: var(--ayatent-dark);
color: var(--ayatent-white);
font-size: 0.82rem;
font-weight: 700;
padding: 12px 16px;
text-align: center;
}
.ayatent-search-view-all:hover {
background: var(--ayatent-primary);
color: var(--ayatent-white);
}
@keyframes ayatent-spin {
to { transform: rotate(360deg); }
}
.ayatent-mobile-toggle {
display: none;
width: 46px;
min-height: 46px;
align-items: center;
justify-content: center;
border-color: var(--ayatent-border);
border-radius: 50%;
background: var(--ayatent-white);
color: var(--ayatent-dark);
padding: 0;
}
.ayatent-mobile-header-cart {
position: relative;
display: none;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
color: var(--ayatent-dark);
}
.ayatent-mobile-header-cart svg {
width: 24px;
height: 24px;
}
.ayatent-shop-navigation {
border-top: 1px solid var(--ayatent-border);
background: var(--ayat-menu-bg-color);
}
.ayatent-main-menu {
display: flex;
min-height: 48px;
align-items: center;
gap: 10px;
justify-content: center;
}
.ayatent-main-menu > li {
position: relative;
}
.ayatent-main-menu a {
display: flex;
min-height: 48px;
align-items: center;
font-size: 0.9rem;
font-weight: 700;
}
.ayatent-main-menu .menu-item-has-children > a,
.ayatent-main-menu .page_item_has_children > a,
.ayatent-main-menu .cat-parent > a {
gap: 8px;
}
.ayatent-main-menu .menu-item-has-children > a::after,
.ayatent-main-menu .page_item_has_children > a::after,
.ayatent-main-menu .cat-parent > a::after {
display: block;
width: 7px;
height: 7px;
flex: 0 0 7px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
content: "";
transform: rotate(45deg) translate(-1px, -1px);
transform-origin: center;
transition: transform var(--ayatent-transition);
}
.ayatent-main-menu .sub-menu,
.ayatent-main-menu .children {
position: absolute;
top: calc(100% - 1px);
left: -18px;
z-index: 30;
visibility: hidden;
min-width: 230px;
margin: 0;
border: 1px solid var(--ayatent-border);
border-radius: 0 0 var(--ayatent-radius) var(--ayatent-radius);
background: var(--ayatent-white);
box-shadow: var(--ayatent-shadow);
list-style: none;
opacity: 0;
padding: 10px;
transform: translateY(8px);
transition: opacity var(--ayatent-transition), transform var(--ayatent-transition), visibility var(--ayatent-transition);
}
.ayatent-main-menu li:hover > .sub-menu,
.ayatent-main-menu li:focus-within > .sub-menu,
.ayatent-main-menu li:hover > .children,
.ayatent-main-menu li:focus-within > .children {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.ayatent-main-menu .sub-menu li,
.ayatent-main-menu .children li {
position: relative;
}
.ayatent-main-menu .sub-menu a,
.ayatent-main-menu .children a {
min-height: 38px;
border-radius: var(--ayatent-radius-sm);
font-weight: 600;
padding: 8px 10px;
color:var(--ayat-sub-menu-text-color) !important;
}
.sub-menu a, .children a {
color:var(--ayat-sub-menu-text-color) !important;
}
.ayatent-main-menu .sub-menu a:hover,
.ayatent-main-menu .children a:hover {
background: var(--ayatent-surface);
}
.ayatent-main-menu .sub-menu .menu-item-has-children > a::after,
.ayatent-main-menu .sub-menu .page_item_has_children > a::after,
.ayatent-main-menu .sub-menu .cat-parent > a::after,
.ayatent-main-menu .children .menu-item-has-children > a::after,
.ayatent-main-menu .children .page_item_has_children > a::after,
.ayatent-main-menu .children .cat-parent > a::after {
margin-left: auto;
transform: rotate(-45deg);
}
.ayatent-main-menu .sub-menu .sub-menu,
.ayatent-main-menu .sub-menu .children,
.ayatent-main-menu .children .sub-menu,
.ayatent-main-menu .children .children {
top: -11px;
left: calc(100% + 10px);
border-radius: var(--ayatent-radius);
transform: translateX(8px);
}
.ayatent-main-menu .sub-menu li:hover > .sub-menu,
.ayatent-main-menu .sub-menu li:focus-within > .sub-menu,
.ayatent-main-menu .sub-menu li:hover > .children,
.ayatent-main-menu .sub-menu li:focus-within > .children,
.ayatent-main-menu .children li:hover > .sub-menu,
.ayatent-main-menu .children li:focus-within > .sub-menu,
.ayatent-main-menu .children li:hover > .children,
.ayatent-main-menu .children li:focus-within > .children {
transform: translateX(0);
}
.ayatent-main-menu > li:nth-last-child(-n+2) .sub-menu .sub-menu,
.ayatent-main-menu > li:nth-last-child(-n+2) .sub-menu .children,
.ayatent-main-menu > li:nth-last-child(-n+2) .children .sub-menu,
.ayatent-main-menu > li:nth-last-child(-n+2) .children .children {
right: calc(100% + 10px);
left: auto;
}
.ayatent-main-menu .current-menu-item > a,
.ayatent-main-menu .current-menu-ancestor > a,
.ayatent-main-menu .current_page_item > a,
.ayatent-main-menu .current_page_ancestor > a,
.ayatent-main-menu .current-cat > a,
.ayatent-main-menu .current-cat-parent > a {
color: var(--ayatent-primary);
}
.ayatent-main-menu a:hover, .ayatent-mobile-menu a:hover {
color: #e7e7e7;
}
.sub-menu a:hover, .children a:hover {
background: var(--ayatent-surface);
}
.ayatent-menu-overlay {
position: fixed;
inset: 0;
z-index: 998;
visibility: hidden;
background: rgba(0, 0, 0, 0.62);
opacity: 0;
transition: opacity var(--ayatent-transition), visibility var(--ayatent-transition);
}
.ayatent-mobile-drawer {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 999;
width: min(88vw, 360px);
overflow-y: auto;
background: var(--ayatent-white);
box-shadow: var(--ayatent-shadow);
padding: 22px;
transform: translateX(-105%);
transition: transform 220ms ease;
}
.ayatent-menu-open .ayatent-menu-overlay {
visibility: visible;
opacity: 1;
}
.ayatent-menu-open .ayatent-mobile-drawer {
transform: translateX(0);
}
.ayatent-drawer-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.ayatent-drawer-close {
width: 40px;
min-height: 40px;
border-color: var(--ayatent-border);
border-radius: 50%;
background: var(--ayatent-surface);
color: var(--ayatent-dark);
padding: 0;
}
.ayatent-mobile-menu,
.ayatent-mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.ayatent-mobile-menu > li {
border-bottom: 1px solid var(--ayatent-border);
}
.ayatent-mobile-menu a {
display: block;
font-weight: 700;
padding: 12px 4px;
}
.ayatent-mobile-menu-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 42px;
align-items: center;
gap: 6px;
}
.ayatent-mobile-menu-row > a {
min-width: 0;
}
.ayatent-submenu-toggle {
position: relative;
display: grid;
width: 38px;
min-height: 38px;
place-items: center;
justify-self: end;
border: 1px solid var(--ayatent-border);
border-radius: 50%;
background: var(--ayatent-surface);
color: var(--ayatent-dark);
padding: 0;
}
.ayatent-submenu-toggle::before {
display: block;
width: 8px;
height: 8px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
content: "";
transform: rotate(45deg) translate(-1px, -1px);
transition: transform var(--ayatent-transition);
}
.ayatent-submenu-toggle[aria-expanded="true"] {
border-color: rgba(237, 30, 36, 0.28);
background: rgba(237, 30, 36, 0.08);
color: var(--ayatent-primary);
}
.ayatent-submenu-toggle[aria-expanded="true"]::before {
transform: rotate(225deg) translate(-1px, -1px);
}
.ayatent-submenu-toggle:hover {
border-color: var(--ayatent-primary);
background: var(--ayatent-primary);
color: var(--ayatent-white);
}
.ayatent-mobile-menu .sub-menu,
.ayatent-mobile-menu .children {
margin: 0 0 10px 8px;
border-left: 2px solid rgba(237, 30, 36, 0.18);
padding: 2px 0 2px 14px;
}
.ayatent-mobile-menu .sub-menu a,
.ayatent-mobile-menu .children a {
font-size: 0.9rem;
font-weight: 600;
padding-block: 8px;
}
.ayatent-mobile-menu .current-menu-item > .ayatent-mobile-menu-row > a,
.ayatent-mobile-menu .current-menu-ancestor > .ayatent-mobile-menu-row > a,
.ayatent-mobile-menu .current_page_item > .ayatent-mobile-menu-row > a,
.ayatent-mobile-menu .current_page_ancestor > .ayatent-mobile-menu-row > a,
.ayatent-mobile-menu .current-cat > .ayatent-mobile-menu-row > a,
.ayatent-mobile-menu .current-cat-parent > .ayatent-mobile-menu-row > a {
color: var(--ayatent-primary);
}
.ayatent-drawer-shortcuts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
border-top: 1px solid var(--ayatent-border);
margin-top: 20px;
padding-top: 20px;
}
.ayatent-drawer-shortcuts a {
font-size: 0.72rem !important;
}
.ayatent-drawer-shortcuts a,
.ayatent-drawer-shortcuts button {
display: flex;
min-width: 0;
min-height: 74px;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 5px;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-surface);
color: var(--ayatent-dark);
font-size: 0.72rem;
font-weight: 700;
padding: 8px;
}
.ayatent-drawer-shortcuts svg {
width: 21px;
height: 21px;
} .ayatent-account-modal {
position: fixed;
inset: 0;
z-index: 2100;
display: grid;
place-items: center;
padding: 20px;
}
.ayatent-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.72);
backdrop-filter: blur(3px);
}
.ayatent-account-dialog {
position: relative;
z-index: 1;
width: min(100%, 490px);
max-height: calc(100vh - 40px);
overflow-y: auto;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: var(--ayatent-radius-lg);
background: var(--ayatent-white);
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
padding: clamp(22px, 4vw, 34px);
}
.ayatent-dialog-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
margin-bottom: 22px;
}
.ayatent-dialog-header h2 {
margin: 2px 0 0;
font-size: 1.6rem;
}
.ayatent-dialog-kicker {
color: var(--ayatent-muted);
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.ayatent-dialog-close {
display: grid;
width: 40px;
min-height: 40px;
place-items: center;
border: 1px solid var(--ayatent-border);
border-radius: 50%;
background: var(--ayatent-surface);
color: var(--ayatent-dark);
padding: 0;
}
.ayatent-dialog-close:hover {
border-color: var(--ayatent-primary);
background: var(--ayatent-primary);
}
.ayatent-dialog-close svg {
width: 18px;
height: 18px;
}
.ayatent-account-tabs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4px;
border-radius: var(--ayatent-radius);
background: var(--ayatent-surface);
margin-bottom: 22px;
padding: 4px;
}
.ayatent-account-tabs button {
min-height: 42px;
border: 0;
border-radius: var(--ayatent-radius-sm);
background: transparent;
color: var(--ayatent-muted);
font-size: 0.82rem;
padding: 8px 10px;
}
.ayatent-account-tabs button[aria-selected="true"] {
background: var(--ayatent-white);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.09);
color: var(--ayatent-dark);
}
.ayatent-account-panel .woocommerce-form {
border: 0;
margin: 0;
padding: 0;
}
.ayatent-account-panel .form-row {
margin: 0 0 15px;
}
.ayatent-account-panel .form-row label {
display: block;
margin-bottom: 5px;
font-size: 0.8rem;
font-weight: 700;
}
.ayatent-account-panel input[type="text"],
.ayatent-account-panel input[type="email"],
.ayatent-account-panel input[type="password"] {
min-height: 48px;
}
.ayatent-remember-login {
display: flex;
align-items: center;
gap: 7px;
margin: 2px 0 16px;
font-size: 0.8rem;
}
.ayatent-remember-login input {
width: 16px;
height: 16px;
}
.ayatent-account-panel .woocommerce-button {
width: 100%;
min-height: 48px;
margin-top: 2px;
}
.ayatent-lost-password {
margin: 13px 0 0;
font-size: 0.8rem;
text-align: center;
}
.ayatent-form-note {
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-surface);
color: var(--ayatent-muted);
font-size: 0.8rem;
padding: 10px 12px;
} .ayatent-entry-header {
margin-bottom: 24px;
}
.ayatent-entry-title {
font-size: clamp(1.8rem, 4vw, 2.7rem);
}
.ayatent-entry-meta {
color: var(--ayatent-muted);
font-size: 0.9rem;
}
.ayatent-post-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.ayatent-post-card {
overflow: hidden;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
}
.ayatent-post-card-content {
padding: 22px;
}
.nav-links {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 36px;
}
.nav-links .page-numbers {
display: grid;
min-width: 42px;
height: 42px;
place-items: center;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
}
.nav-links .current {
border-color: var(--ayatent-primary);
background: var(--ayatent-primary);
color: var(--ayatent-white);
} .ayatent-shop-archive-header {
display: flex;
min-height: 54px;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 14px;
border-bottom: 1px solid var(--ayatent-border);
background: var(--ayatent-white);
padding: 10px 14px;
}
.ayatent-shop-archive-header h1 {
margin: 0;
font-size: clamp(1.15rem, 2vw, 1.65rem);
line-height: 1.2;
}
.ayatent-archive-breadcrumb.woocommerce-breadcrumb {
margin: 0;
font-size: 0.78rem;
text-align: right;
}
.ayatent-shop-layout {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
align-items: start;
gap: 20px;
}
.ayatent-shop-layout--full {
grid-template-columns: minmax(0, 1fr);
}
.ayatent-shop-results {
min-width: 0;
} body.woocommerce-shop:not(.search) .ayatent-shop-results > ul.products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px !important;
margin: 0 !important;
}
body.woocommerce-shop:not(.search) .ayatent-shop-results > ul.products::before,
body.woocommerce-shop:not(.search) .ayatent-shop-results > ul.products::after {
display: none !important;
content: none !important;
}
body.woocommerce-shop:not(.search) ul.products li.product-category.ayatent-shop-category-card {
display: grid !important;
width: auto !important;
min-width: 0;
min-height: 230px;
grid-template-columns: minmax(145px, 42%) minmax(0, 1fr);
align-items: stretch;
float: none !important;
gap: 18px;
margin: 0 !important;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
overflow: hidden;
padding: 12px !important;
transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}
body.woocommerce-shop:not(.search) ul.products li.product-category.ayatent-shop-category-card:hover {
border-color: color-mix(in srgb, var(--ayatent-primary) 40%, var(--ayatent-border));
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
transform: translateY(-2px);
}
.ayatent-shop-category-card__image {
display: grid;
min-width: 0;
place-items: center;
border-radius: calc(var(--ayatent-radius) - 4px);
background: var(--ayatent-surface);
overflow: hidden;
}
body.woocommerce-shop:not(.search) ul.products li.product-category .ayatent-shop-category-card__image img {
width: 100%;
height: 100%;
min-height: 204px;
margin: 0 !important;
aspect-ratio: 1 / 1;
object-fit: contain;
padding: 10px;
}
.ayatent-shop-category-card__content {
display: flex;
min-width: 0;
flex-direction: column;
justify-content: center;
padding: 8px 8px 8px 0;
}
body.woocommerce-shop:not(.search) ul.products li.product-category .ayatent-shop-category-card__title {
margin: 0 0 13px !important;
padding: 0 !important;
font-size: clamp(1.05rem, 1.7vw, 1.35rem) !important;
font-weight: 600 !important;
line-height: 1.22 !important;
text-transform: none !important;
}
.ayatent-shop-category-card__title a {
color: var(--ayatent-dark);
}
.ayatent-shop-category-card__title a:hover {
color: var(--ayatent-primary);
}
.ayatent-shop-category-card__children {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.ayatent-shop-category-card__children li {
margin: 0;
padding: 0;
}
.ayatent-shop-category-card__children a {
display: grid;
grid-template-columns: 17px minmax(0, 1fr);
align-items: center;
gap: 8px;
color: var(--ayatent-text);
font-size: 0.96rem;
font-weight: 500;
line-height: 1.3;
}
.ayatent-shop-category-card__children a::before {
display: block;
width: 16px;
height: 12px;
background: var(--ayatent-primary);
clip-path: polygon(0 25%, 58% 25%, 58% 0, 100% 50%, 58% 100%, 58% 75%, 0 75%);
content: "";
}
.ayatent-shop-category-card__children a:hover,
.ayatent-shop-category-card__children a.ayatent-shop-category-card__view-all {
color: var(--ayatent-primary);
}
.ayatent-shop-filters {
position: sticky;
top: 148px;
z-index: 20;
max-height: calc(100vh - 168px);
overflow-y: auto;
scrollbar-width: thin;
}
.ayatent-mobile-filter-header,
.ayatent-filter-toggle,
.ayatent-filter-overlay {
display: none;
}
.ayatent-filter-form,
.ayatent-filter-widget {
display: grid;
gap: 6px;
}
.ayatent-filter-group,
.ayatent-filter-widget {
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
}
.ayatent-filter-group summary,
.ayatent-filter-widget-title {
position: relative;
min-height: 54px;
margin: 0;
color: var(--ayatent-dark);
cursor: pointer;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.06em;
list-style: none;
padding: 18px 42px 14px 14px;
text-transform: uppercase;
}
.ayatent-filter-group summary::-webkit-details-marker {
display: none;
}
.ayatent-filter-group summary::before,
.ayatent-filter-widget-title::after {
position: absolute;
right: 14px;
top: 50%;
width: 14px;
height: 2px;
background: var(--ayatent-muted);
content: "";
transform: translateY(-50%);
}
.ayatent-filter-group summary::after {
position: absolute;
top: 50%;
right: 20px;
width: 2px;
height: 14px;
background: var(--ayatent-muted);
content: "";
transform: translateY(-50%);
}
.ayatent-filter-group[open] summary::after {
display: none;
}
.ayatent-filter-group[open] summary {
padding-bottom: 12px;
}
.ayatent-filter-group[open] summary {
background-image: linear-gradient(var(--ayatent-primary), var(--ayatent-primary));
background-position: 14px 100%;
background-repeat: no-repeat;
background-size: 145px 2px;
}
.ayatent-filter-options,
.ayatent-price-filter {
border-top: 1px solid var(--ayatent-border);
padding: 10px 12px 13px;
}
.ayatent-filter-options {
display: grid;
max-height: 244px;
overflow-y: auto;
gap: 2px;
}
.ayatent-filter-option {
display: grid;
grid-template-columns: 18px minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
border-radius: 5px;
color: var(--ayatent-text);
cursor: pointer;
font-size: 0.82rem;
padding: 6px 6px 6px calc(4px + (var(--ayatent-term-depth, 0) * 10px));
}
.ayatent-filter-option:hover {
background: var(--ayatent-surface);
}
.ayatent-filter-option input {
width: 16px;
height: 16px;
margin: 0;
accent-color: var(--ayatent-primary);
}
.ayatent-filter-option small {
color: var(--ayatent-muted);
font-size: 0.68rem;
}
.ayatent-price-filter {
display: grid;
gap: 12px;
}
.ayatent-price-values {
display: flex;
align-items: center;
justify-content: space-between;
gap: 7px;
color: var(--ayatent-dark);
font-size: 0.76rem;
font-weight: 700;
}
.ayatent-price-values output {
white-space: nowrap;
}
.ayatent-price-slider {
position: relative;
height: 24px;
}
.ayatent-price-slider__track {
position: absolute;
top: 50%;
right: 5px;
left: 5px;
height: 5px;
border-radius: 999px;
background: linear-gradient(
to right,
#d7d7d7 0%,
#d7d7d7 var(--ayatent-price-start),
var(--ayatent-primary) var(--ayatent-price-start),
var(--ayatent-primary) var(--ayatent-price-end),
#d7d7d7 var(--ayatent-price-end),
#d7d7d7 100%
);
transform: translateY(-50%);
}
.ayatent-price-slider input[type="range"] {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 24px;
margin: 0;
outline: 0;
background: transparent;
pointer-events: none;
-webkit-appearance: none;
appearance: none;
}
.ayatent-price-slider input[type="range"]::-webkit-slider-runnable-track {
height: 5px;
background: transparent;
}
.ayatent-price-slider input[type="range"]::-webkit-slider-thumb {
width: 18px;
height: 18px;
margin-top: -7px;
border: 3px solid var(--ayatent-white);
border-radius: 50%;
background: var(--ayatent-primary);
box-shadow: 0 0 0 1px var(--ayatent-primary), 0 2px 5px rgba(0, 0, 0, 0.18);
cursor: grab;
pointer-events: auto;
-webkit-appearance: none;
}
.ayatent-price-slider input[type="range"]::-moz-range-track {
height: 5px;
background: transparent;
}
.ayatent-price-slider input[type="range"]::-moz-range-thumb {
width: 13px;
height: 13px;
border: 3px solid var(--ayatent-white);
border-radius: 50%;
background: var(--ayatent-primary);
box-shadow: 0 0 0 1px var(--ayatent-primary), 0 2px 5px rgba(0, 0, 0, 0.18);
cursor: grab;
pointer-events: auto;
}
.ayatent-price-slider input[type="range"]:focus-visible::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(237, 30, 36, 0.28);
}
.ayatent-price-slider input[type="range"]:focus-visible::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(237, 30, 36, 0.28);
}
.ayatent-filter-actions {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
margin-top: 4px;
}
.ayatent-filter-actions button {
min-height: 42px;
font-size: 0.78rem;
}
.ayatent-filter-actions a {
font-size: 0.76rem;
font-weight: 700;
padding: 8px;
}
.ayatent-filter-empty {
border-top: 1px solid var(--ayatent-border);
color: var(--ayatent-muted);
font-size: 0.76rem;
margin: 0;
padding: 12px;
}
.ayatent-extra-filters {
display: grid;
gap: 6px;
margin-top: 6px;
}
.ayatent-filter-widget {
padding: 0 12px 12px;
}
.ayatent-filter-widget-title {
margin-inline: -12px;
}
.ayatent-shop-toolbar {
display: flex;
min-height: 64px;
align-items: center;
justify-content: space-between;
gap: 16px;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
margin: 0 0 22px;
padding: 10px 12px;
}
.ayatent-sort-control,
.ayatent-column-control,
.ayatent-per-page-control {
display: flex;
align-items: center;
gap: 9px;
margin: 0;
}
.ayatent-sort-control > span,
.ayatent-column-control > span {
color: var(--ayatent-dark);
font-size: 0.82rem;
font-weight: 700;
white-space: nowrap;
}
.ayatent-shop-toolbar select {
width: auto;
min-width: 145px;
min-height: 42px;
background-color: var(--ayatent-white);
font-size: 0.78rem;
padding: 7px 32px 7px 10px;
}
.ayatent-column-control {
margin-left: auto;
}
.ayatent-column-control select {
min-width: 112px;
}
.ayatent-per-page-control select {
min-width: 108px;
color: var(--ayatent-primary-dark);
} .woocommerce .woocommerce-breadcrumb {
margin-bottom: 24px;
color: var(--ayatent-muted);
font-size: 0.86rem;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
margin-bottom: 24px;
}
.woocommerce .woocommerce-ordering select {
min-width: 220px;
}
body ul.products,
body.woocommerce ul.products,
body.woocommerce-page ul.products,
body .elementor-widget-woocommerce-products ul.products,
body .elementor-widget-wc-archive-products ul.products,
body .elementor-products-grid ul.products.elementor-grid,
body ul.products[class*="columns-"] {
display: grid !important;
width: 100% !important;
grid-template-columns: repeat(var(--ayatent-shop-columns, 4), minmax(0, 1fr)) !important;
gap: 22px !important;
clear: both;
margin-inline: 0 !important;
}
body ul.products::before,
body ul.products::after {
display: none !important;
content: none !important;
}
.woocommerce ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product,
.elementor-widget-wc-archive-products ul.products li.product,
.elementor-products-grid ul.products.elementor-grid li.product {
position: relative;
display: flex;
width: auto !important;
min-width: 0;
height: 100%;
flex-direction: column;
float: none !important;
overflow: hidden;
margin: 0 !important;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.04);
padding: 12px 12px 14px !important;
transition: border-color var(--ayatent-transition), box-shadow var(--ayatent-transition), transform var(--ayatent-transition);
}
.woocommerce ul.products li.product:hover,
.elementor-widget-woocommerce-products ul.products li.product:hover,
.elementor-widget-wc-archive-products ul.products li.product:hover,
.elementor-products-grid ul.products.elementor-grid li.product:hover {
border-color: rgba(237, 30, 36, 0.5);
box-shadow: var(--ayatent-shadow);
transform: translateY(-3px);
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
display: block;
}
.woocommerce ul.products li.product a img,
.elementor-widget-woocommerce-products ul.products li.product a img,
.elementor-widget-wc-archive-products ul.products li.product a img {
width: 100%;
margin: 0 0 14px !important;
aspect-ratio: 1 / 1;
object-fit: contain;
transition: transform 260ms ease;
}
.woocommerce ul.products li.product:hover a img {
transform: scale(1.025);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title {
display: -webkit-box;
min-height: 2.8em;
overflow: hidden;
margin: 0 2px 8px !important;
color: var(--ayatent-dark);
font-size: 0.95rem !important;
font-weight: 700;
line-height: 1.4;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.woocommerce ul.products li.product .star-rating {
margin: 0 2px 8px;
color: var(--ayatent-primary);
font-size: 0.76rem;
}
.woocommerce ul.products li.product .price,
.elementor-widget-woocommerce-products ul.products li.product .price,
.elementor-widget-wc-archive-products ul.products li.product .price,
.elementor-products-grid ul.products.elementor-grid li.product .price {
display: flex !important;
min-height: 1.75em;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 8px;
margin: 0 2px 12px !important;
color: var(--ayatent-price-current) !important;
font-size: 1.08rem !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
line-height: 1.25;
}
.woocommerce ul.products li.product .price > .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.elementor-widget-woocommerce-products ul.products li.product .price > .woocommerce-Price-amount,
.elementor-widget-woocommerce-products ul.products li.product .price ins,
.elementor-widget-woocommerce-products ul.products li.product .price ins .woocommerce-Price-amount,
.elementor-widget-wc-archive-products ul.products li.product .price > .woocommerce-Price-amount,
.elementor-widget-wc-archive-products ul.products li.product .price ins,
.elementor-widget-wc-archive-products ul.products li.product .price ins .woocommerce-Price-amount,
.elementor-products-grid ul.products.elementor-grid li.product .price > .woocommerce-Price-amount,
.elementor-products-grid ul.products.elementor-grid li.product .price ins,
.elementor-products-grid ul.products.elementor-grid li.product .price ins .woocommerce-Price-amount {
color: var(--ayatent-price-current) !important;
font-size: 1em;
font-weight: 700;
}
.woocommerce ul.products li.product .price del,
.elementor-widget-woocommerce-products ul.products li.product .price del,
.elementor-widget-wc-archive-products ul.products li.product .price del,
.elementor-products-grid ul.products.elementor-grid li.product .price del {
order: 2;
color: var(--ayatent-price-regular) !important;
font-size: 0.78em;
font-weight: 500;
opacity: 1;
text-decoration-color: currentColor;
text-decoration-thickness: 1px;
}
.woocommerce ul.products li.product .price ins,
.elementor-widget-woocommerce-products ul.products li.product .price ins,
.elementor-widget-wc-archive-products ul.products li.product .price ins,
.elementor-products-grid ul.products.elementor-grid li.product .price ins {
order: 1;
background: transparent;
text-decoration: none;
}
.woocommerce-Price-currencySymbol {
display: inline-block;
margin: 0;
color: inherit;
font-family: "Noto Sans Bengali", "Hind Siliguri", "Nirmala UI", Vrinda, sans-serif;
font-size: 1.04em;
font-style: normal;
font-weight: 700;
line-height: 1;
vertical-align: -0.025em;
}
del .woocommerce-Price-currencySymbol {
font-size: 1em;
font-weight: 500;
}
.woocommerce span.onsale,
.ayatent-sale-badge {
top: 0 !important;
right: auto !important;
left: 0 !important;
z-index: 4;
min-width: auto;
min-height: 27px;
margin: 0 !important;
border-radius: 0 0 14px 0;
background: var(--ayatent-primary);
color: var(--ayatent-white);
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 27px;
padding: 0 8px;
text-transform: none;
white-space: nowrap;
}
.ayatent-product-flags {
position: absolute;
top: 66px;
right: 18px;
z-index: 4;
display: flex;
max-width: 62%;
flex-wrap: wrap;
justify-content: flex-end;
gap: 5px;
}
.ayatent-wishlist-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid var(--ayatent-border);
background: var(--ayatent-white);
color: var(--ayatent-dark);
font-weight: 700;
transition: border-color var(--ayatent-transition), background var(--ayatent-transition), color var(--ayatent-transition), transform var(--ayatent-transition);
}
.ayatent-wishlist-button:hover,
.ayatent-wishlist-button.is-active {
border-color: var(--ayatent-primary);
background: var(--ayatent-primary);
color: var(--ayatent-white);
}
.ayatent-wishlist-button.is-loading {
cursor: wait;
opacity: 0.65;
}
.ayatent-wishlist-button__icon,
.ayatent-wishlist-button__icon svg {
display: block;
width: 21px;
height: 21px;
}
.ayatent-wishlist-button.is-active .ayatent-wishlist-button__icon svg path {
fill: currentColor;
}
.ayatent-wishlist-button--loop {
position: absolute;
top: 16px;
right: 16px;
z-index: 8;
width: 42px;
height: 42px;
border-radius: 50%;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}
.ayatent-wishlist-button--loop .ayatent-wishlist-button__label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
}
.ayatent-wishlist-button--single {
width: 100%;
min-height: 48px;
border-radius: var(--ayatent-radius-sm);
margin: 2px 0 18px;
padding: 10px 16px;
}
.ayatent-wishlist-page__header {
display: flex;
align-items: end;
justify-content: space-between;
gap: 18px;
margin-bottom: 24px;
border-bottom: 1px solid var(--ayatent-border);
padding-bottom: 18px;
}
.ayatent-wishlist-page__header span {
color: var(--ayatent-primary);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ayatent-wishlist-page__header h2 {
margin: 3px 0 0;
}
.ayatent-wishlist-page__header > strong {
border-radius: 999px;
background: rgba(237, 30, 36, 0.09);
color: var(--ayatent-primary-dark);
font-size: 0.8rem;
padding: 8px 12px;
}
.ayatent-wishlist-page__header > strong span {
font-size: inherit;
letter-spacing: 0;
}
.ayatent-wishlist-products ul.products {
margin-bottom: 0 !important;
}
.ayatent-wishlist-empty {
display: flex;
min-height: 330px;
align-items: center;
flex-direction: column;
justify-content: center;
border: 1px dashed var(--ayatent-border);
border-radius: var(--ayatent-radius-lg);
background: var(--ayatent-surface);
padding: 30px;
text-align: center;
}
.ayatent-wishlist-empty > span {
display: grid;
width: 68px;
height: 68px;
place-items: center;
border-radius: 50%;
background: var(--ayatent-white);
color: var(--ayatent-primary);
}
.ayatent-wishlist-empty svg {
width: 32px;
height: 32px;
}
.ayatent-wishlist-empty h3 {
margin: 18px 0 5px;
}
.ayatent-wishlist-empty p {
margin: 0 0 18px;
color: var(--ayatent-muted);
}
.ayatent-product-flag {
border-radius: 999px;
background: var(--ayatent-dark);
color: var(--ayatent-white);
font-size: 0.64rem;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.2;
padding: 6px 8px;
text-transform: uppercase;
}
.ayatent-product-flag--new-arrival,
.ayatent-product-flag--free-delivery {
background: var(--ayatent-success);
}
.ayatent-product-flag--pre-order,
.ayatent-product-flag--offered-items {
background: var(--ayatent-primary);
}
.ayatent-product-flag--stock-out {
background: var(--ayatent-danger);
}
.ayatent-archive-quantity {
display: grid;
grid-template-columns: 38px minmax(44px, 1fr) 38px;
margin-top: auto;
margin-bottom: 8px;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-surface);
}
.ayatent-qty-button {
min-height: 38px;
border: 0;
border-radius: 0;
background: transparent;
color: var(--ayatent-dark);
font-size: 1.1rem;
padding: 0;
}
.ayatent-qty-button:hover {
background: rgba(237, 30, 36, 0.1);
color: var(--ayatent-primary-dark);
}
.ayatent-archive-quantity .qty {
min-height: 38px;
border-width: 0 1px;
border-color: var(--ayatent-border);
border-radius: 0;
background: var(--ayatent-white);
text-align: center;
-moz-appearance: textfield;
}
.ayatent-archive-quantity .qty::-webkit-inner-spin-button,
.ayatent-archive-quantity .qty::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
.woocommerce ul.products li.product .button,
.elementor-widget-woocommerce-products ul.products li.product .button,
.elementor-widget-wc-archive-products ul.products li.product .button,
.elementor-products-grid ul.products.elementor-grid li.product .button {
display: inline-flex;
width: 100%;
min-height: 42px;
align-items: center;
justify-content: center;
margin: 0 0 7px !important;
border: 1px solid var(--ayatent-primary) !important;
border-radius: var(--ayatent-radius-sm) !important;
background: var(--ayatent-primary) !important;
color: var(--ayatent-white) !important;
font-size: 0.86rem !important;
font-weight: 700 !important;
line-height: 1.15 !important;
padding: 0.7rem 0.8rem !important;
text-align: center;
}
.woocommerce ul.products li.product .button:hover,
.elementor-widget-woocommerce-products ul.products li.product .button:hover,
.elementor-widget-wc-archive-products ul.products li.product .button:hover {
border-color: var(--ayatent-primary-dark) !important;
background: var(--ayatent-primary-dark) !important;
}
.woocommerce ul.products li.product .added_to_cart {
margin-bottom: 7px;
font-size: 0.8rem;
font-weight: 700;
text-align: center;
}
.ayatent-buy-now {
display: inline-flex;
width: 100%;
min-height: 42px;
align-items: center;
justify-content: center;
border: 1px solid var(--ayatent-dark);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
color: var(--ayatent-dark);
font-size: 0.84rem;
font-weight: 700;
line-height: 1.15;
padding: 0.7rem 0.8rem;
text-align: center;
}
.ayatent-buy-now:hover {
background: var(--ayatent-dark);
color: var(--ayatent-white);
}
.woocommerce nav.woocommerce-pagination ul {
display: flex;
border: 0;
gap: 8px;
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
display: grid;
min-width: 42px;
height: 42px;
place-items: center;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
color: var(--ayatent-dark);
padding: 0;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
border-color: var(--ayatent-primary);
background: var(--ayatent-primary);
color: var(--ayatent-white);
} .single-product .woocommerce div.product {
display: grid;
grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.96fr);
align-items: start;
gap: clamp(26px, 4vw, 58px);
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-lg);
background: var(--ayatent-white);
box-shadow: 0 14px 42px rgba(0, 0, 0, 0.07);
padding: clamp(20px, 3vw, 38px);
}
.single-product .woocommerce div.product div.images,
.single-product .woocommerce div.product div.summary {
float: none !important;
width: auto !important;
margin: 0 !important;
}
.single-product .woocommerce div.product div.images {
min-width: 0;
}
.single-product .woocommerce div.product div.images .flex-viewport,
.single-product .woocommerce div.product div.images > .woocommerce-product-gallery__wrapper {
overflow: hidden;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-surface);
box-shadow: inset 0 0 0 8px var(--ayatent-white);
}
.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image a {
display: flex;
width: 100%;
aspect-ratio: 1 / 1;
align-items: center;
justify-content: center;
}
.single-product .woocommerce div.product div.images .woocommerce-product-gallery__image img {
display: block;
width: 100%;
height: 100%;
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
image-rendering: auto;
object-fit: contain;
padding: clamp(12px, 2vw, 24px);
}
.single-product .woocommerce div.product div.images .flex-control-thumbs {
display: flex;
overflow-x: auto;
gap: 10px;
margin: 12px 0 0 !important;
padding: 0 0 5px;
scroll-snap-type: x proximity;
}
.single-product .woocommerce div.product div.images .flex-control-thumbs li {
width: 110px !important;
flex: 0 0 110px;
float: none !important;
scroll-snap-align: start;
}
.single-product .woocommerce div.product div.images .flex-control-thumbs img {
width: 110px;
height: 110px;
border: 2px solid transparent;
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-surface);
object-fit: contain;
opacity: 1;
padding: 5px;
}
.single-product .woocommerce div.product div.images .flex-control-thumbs img:hover,
.single-product .woocommerce div.product div.images .flex-control-thumbs img.flex-active {
border-color: var(--ayatent-primary);
}
.single-product .woocommerce div.product .woocommerce-product-gallery__trigger {
top: 18px;
right: 18px;
z-index: 9;
width: 44px;
height: 44px;
border: 1px solid var(--ayatent-border);
background: var(--ayatent-white);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}
.single-product .woocommerce div.product div.summary {
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: #fafafa;
padding: clamp(20px, 3vw, 34px);
}
.single-product .woocommerce div.product .product_title {
margin: 0 0 14px;
font-size: clamp(1.75rem, 3vw, 2.45rem);
line-height: 1.17;
}
.single-product .woocommerce div.product p.price,
.single-product .woocommerce div.product span.price {
margin-bottom: 18px;
color: var(--ayatent-primary);
font-size: clamp(1.45rem, 2.5vw, 1.9rem);
font-weight: 700;
}
.single-product .woocommerce div.product .woocommerce-product-details__short-description {
margin-bottom: 20px;
border-block: 1px solid var(--ayatent-border);
color: var(--ayatent-muted);
padding-block: 18px;
}
.single-product .woocommerce div.product form.cart {
margin-bottom: 12px;
}
.single-product .woocommerce div.product form.cart:not(.variations_form) {
display: block !important;
}
.single-product .woocommerce div.product form.cart.variations_form {
display: block !important;
}
.single-product .woocommerce div.product form.cart .variations {
display: block;
margin: 0 0 16px;
border: 0;
background: transparent;
padding: 0;
}
.single-product .woocommerce div.product form.cart .variations tbody {
display: grid;
gap: 0;
}
.single-product .woocommerce div.product form.cart .variations tr {
display: grid;
grid-template-columns: minmax(96px, 0.25fr) minmax(0, 1fr);
align-items: start;
gap: 14px;
border-bottom: 0;
padding: 0 0 13px;
}
.single-product .woocommerce div.product form.cart .variations tr:last-child {
border-bottom: 0;
}
.single-product .woocommerce div.product form.cart .variations th,
.single-product .woocommerce div.product form.cart .variations td {
display: block;
width: auto;
border: 0;
background: transparent;
padding: 0;
text-align: left;
}
.single-product .woocommerce div.product form.cart .variations th.label {
padding-top: 11px;
}
.single-product .woocommerce div.product form.cart .variations th.label label {
color: var(--ayatent-dark);
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.01em;
}
.single-product .woocommerce div.product form.cart .variations td.value {
position: relative;
}
.single-product .woocommerce div.product form.cart .variations select {
width: 100%;
min-height: 52px;
border: 1px solid #d5d5d5;
border-radius: 10px;
outline: 0;
background-color: var(--ayatent-white);
background-image: linear-gradient(45deg, transparent 50%, #111111 50%), linear-gradient(135deg, #111111 50%, transparent 50%);
background-position: calc(100% - 21px) 23px, calc(100% - 16px) 23px;
background-repeat: no-repeat;
background-size: 5px 5px, 5px 5px;
color: var(--ayatent-dark);
font: inherit;
font-weight: 700;
padding: 0 48px 0 16px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.055);
transition: border-color var(--ayatent-transition), box-shadow var(--ayatent-transition), background-color var(--ayatent-transition);
appearance: none;
}
.single-product .woocommerce div.product form.cart .variations select:hover,
.single-product .woocommerce div.product form.cart .variations select:focus {
border-color: var(--ayatent-primary);
box-shadow: 0 0 0 3px rgba(237, 30, 36, 0.1), 0 7px 18px rgba(0, 0, 0, 0.07);
}
.single-product .woocommerce div.product form.cart .variations select.has-selection {
border-color: #b8b8b8;
background-color: #fffdfd;
box-shadow: inset 4px 0 0 var(--ayatent-primary), 0 5px 16px rgba(0, 0, 0, 0.06);
}
.single-product .woocommerce div.product form.cart .reset_variations {
display: inline-flex;
align-items: center;
border: 1px solid rgba(237, 30, 36, 0.2);
border-radius: 6px;
background: rgba(237, 30, 36, 0.06);
color: var(--ayatent-primary);
font-size: 0.75rem;
font-weight: 600;
margin-top: 10px;
padding: 5px 11px;
text-decoration: none;
}
.single-product .woocommerce div.product form.cart .reset_variations:hover {
background: var(--ayatent-primary);
color: var(--ayatent-white);
}
.single-product .woocommerce div.product form.cart .single_variation_wrap {
border-top: 1px solid var(--ayatent-border);
padding-top: 14px;
}
.single-product .woocommerce div.product .woocommerce-variation-description {
border-left: 3px solid var(--ayatent-primary);
background: #fafafa;
color: var(--ayatent-muted);
margin-bottom: 12px;
padding: 10px 12px;
}
.single-product .woocommerce div.product .woocommerce-variation-description p {
margin: 0;
}
.single-product .woocommerce div.product .woocommerce-variation-availability p {
margin: 0 0 12px;
font-size: 0.86rem;
font-weight: 600;
}
.ayatent-single-quantity-row {
display: flex;
min-height: 50px;
align-items: center;
gap: 20px;
margin-bottom: 12px;
}
.ayatent-single-quantity-row .ayatent-single-quantity-label {
min-width: 82px;
font-size: 0.9rem;
font-weight: 700;
}
.single-product .woocommerce div.product .ayatent-single-quantity-row > .quantity {
display: grid;
width: 142px;
grid-template-columns: 40px minmax(54px, 1fr) 40px;
flex: 0 0 142px;
float: none !important;
margin: 0 !important;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
overflow: hidden;
}
.single-product .woocommerce div.product form.cart .quantity .qty {
width: 100%;
min-height: 48px;
border-width: 0 1px;
border-color: var(--ayatent-border);
border-radius: 0;
background: var(--ayatent-white);
padding-inline: 3px;
-moz-appearance: textfield;
}
.single-product .woocommerce div.product form.cart .quantity .qty::-webkit-inner-spin-button,
.single-product .woocommerce div.product form.cart .quantity .qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.ayatent-single-qty-button {
min-height: 48px;
border: 0;
border-radius: 0;
background: var(--ayatent-surface);
color: var(--ayatent-dark);
font-size: 1.1rem;
padding: 0;
}
.ayatent-single-qty-button:hover {
background: rgba(237, 30, 36, 0.1);
color: var(--ayatent-primary);
}
.ayatent-single-action-grid {
display: grid !important;
width: 100%;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 12px;
}
.single-product .woocommerce div.product .ayatent-single-action-grid > .single_add_to_cart_button,
.single-product .woocommerce div.product .ayatent-single-action-grid > .ayatent-single-action {
display: inline-flex !important;
min-width: 0;
min-height: 48px;
align-items: center;
justify-content: center;
float: none !important;
gap: 8px;
width: 100%;
margin: 0 !important;
line-height: 1.2;
}
.single-product .woocommerce div.product .ayatent-single-action-grid > button.ayatent-single-action {
font-family: inherit;
cursor: pointer;
}
.single-product .woocommerce div.product .ayatent-single-action-grid > .single_add_to_cart_button.disabled,
.single-product .woocommerce div.product .ayatent-single-action-grid > .single_add_to_cart_button:disabled,
.single-product .woocommerce div.product .ayatent-single-action-grid > .ayatent-single-action:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.single-product .woocommerce div.product .ayatent-single-action-grid > .single_add_to_cart_button.is-ajax-loading {
position: relative;
cursor: wait;
}
.single-product .woocommerce div.product .ayatent-single-action-grid > .single_add_to_cart_button.is-ajax-loading > * {
opacity: 0;
}
.single-product .woocommerce div.product .ayatent-single-action-grid > .single_add_to_cart_button.is-ajax-loading::after {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
border: 2px solid rgba(255, 255, 255, 0.45);
border-top-color: var(--ayatent-white);
border-radius: 50%;
content: "";
transform: translate(-50%, -50%);
animation: ayatent-spin 700ms linear infinite;
}
@keyframes ayatent-spin {
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.ayatent-single-cart-icon,
.ayatent-single-cart-icon svg {
display: block;
width: 20px;
height: 20px;
}
.single-product .woocommerce div.product form.cart .variations,
.single-product .woocommerce div.product form.cart .single_variation_wrap,
.single-product .woocommerce div.product form.cart .group_table {
width: 100%;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table {
margin: 0 0 14px;
border: 1px solid var(--ayatent-border);
border-collapse: separate;
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
border-spacing: 0;
overflow: hidden;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table td {
border: 0;
border-bottom: 1px solid var(--ayatent-border);
padding: 12px 9px;
vertical-align: middle;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table tr:last-child td {
border-bottom: 0;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table td:first-child {
padding-left: 12px;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table td:last-child {
padding-right: 12px;
text-align: right;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table .quantity {
display: grid;
width: 112px;
grid-template-columns: 32px 48px 32px;
float: none;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
overflow: hidden;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table .quantity .qty,
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table .quantity .ayatent-single-qty-button {
min-height: 38px;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table .quantity .qty {
border-width: 0 1px;
border-radius: 0;
}
.ayatent-grouped-action-grid {
margin-top: 14px;
}
.single-product .woocommerce div.product form.ayatent-external-cart {
display: block !important;
}
.ayatent-single-action {
display: inline-flex;
min-height: 48px;
align-items: center;
justify-content: center;
gap: 8px;
border: 1px solid var(--ayatent-dark);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-dark);
color: var(--ayatent-white);
font-size: 0.83rem;
font-weight: 700;
letter-spacing: 0.25px;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
.ayatent-single-action svg {
width: 20px;
height: 20px;
}
.ayatent-single-action:hover {
border-color: var(--ayatent-primary-dark);
background: var(--ayatent-primary-dark);
color: var(--ayatent-white);
}
.ayatent-single-action--whatsapp {
border-color: #168b50;
background: #168b50;
}
.ayatent-single-action--call {
border-color: #243e91;
background: #243e91;
}
.ayatent-single-brand {
display: inline-flex;
width: auto;
max-width: 260px;
min-height: 48px;
align-items: center;
gap: 10px;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
margin: 0 0 18px;
padding: 7px 12px;
}
.ayatent-single-brand > span {
color: var(--ayatent-muted);
font-size: 0.86rem;
}
.ayatent-single-brand a {
display: inline-flex;
align-items: center;
color: var(--ayatent-dark);
}
.ayatent-single-brand__logo {
display: block !important;
width: auto !important;
max-width: 150px !important;
height: 34px !important;
object-fit: contain;
}
.single-product .woocommerce .ayatent-single-brand img.ayatent-single-brand__logo {
width: auto !important;
max-width: 150px !important;
height: 34px !important;
object-fit: contain !important;
}
.single-product .woocommerce div.product .product_meta {
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
border-top: 1px solid var(--ayatent-border);
color: var(--ayatent-muted);
font-size: 0.84rem;
padding-top: 17px;
}
.single-product .woocommerce div.product .woocommerce-tabs,
.single-product .woocommerce div.product .related,
.single-product .woocommerce div.product .upsells {
grid-column: 1 / -1;
}
.single-product .woocommerce div.product > :not(.images):not(.summary):not(.onsale) {
grid-column: 1 / -1;
}
.single-product .woocommerce div.product .woocommerce-tabs {
margin-top: 8px;
}
.single-product .woocommerce div.product .related > h2,
.single-product .woocommerce div.product .upsells > h2 {
font-size: clamp(1.35rem, 2.5vw, 1.8rem);
}
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
border: 1px solid var(--ayatent-primary);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-primary);
color: var(--ayatent-white);
font-weight: 700;
padding: 0.82rem 1.15rem;
}
.woocommerce div.product form.cart .button {
min-height: 48px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
border-color: var(--ayatent-primary-dark);
background: var(--ayatent-primary-dark);
color: var(--ayatent-white);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-color: var(--ayatent-border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-color: var(--ayatent-border);
background: var(--ayatent-surface);
}
.woocommerce div.product .woocommerce-tabs .panel {
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
padding: clamp(20px, 4vw, 38px);
} .woocommerce table.shop_table,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-checkout-review-order,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
}
.woocommerce table.shop_table {
border-collapse: separate;
padding: 8px;
}
.woocommerce-checkout-review-order,
.woocommerce-MyAccount-content {
padding: 22px;
} .woocommerce-checkout .ayatent-checkout-main {
overflow: hidden;
background: #f3f5f8;
padding-top: 0;
}
.woocommerce-checkout .ayatent-checkout-page {
border: 0;
border-radius: 0;
background: transparent;
padding: 0 0 20px;
}
.ayatent-checkout-page-header {
position: relative;
z-index: 0;
display: flex;
min-height: 100px;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 4px;
margin: 0 0 24px;
padding: 18px 0;
}
.ayatent-checkout-page-header::before {
position: absolute;
z-index: -1;
inset: 0 50%;
width: 100vw;
border-bottom: 1px solid var(--ayatent-border);
background: var(--ayatent-white);
content: "";
transform: translateX(-50%);
}
.ayatent-checkout-page-header .ayatent-entry-title {
margin: 0;
font-size: clamp(1.6rem, 3vw, 2rem) !important;
}
.ayatent-checkout-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
color: var(--ayatent-muted);
font-size: 0.82rem;
}
.ayatent-checkout-breadcrumb span:last-child,
.ayatent-checkout-breadcrumb a:hover {
color: var(--ayatent-primary);
}
.ayatent-checkout-account-prompt {
display: flex;
min-height: 52px;
align-items: center;
justify-content: space-between;
gap: 18px;
border: 1px solid #aeb3bb;
border-radius: var(--ayatent-radius-sm);
background: transparent;
margin-bottom: 18px;
padding: 8px 12px 8px 17px;
}
.ayatent-checkout-account-prompt p {
margin: 0;
font-size: 0.88rem;
}
.ayatent-checkout-account-actions {
display: flex;
align-items: center;
gap: 9px;
}
.ayatent-checkout-account-actions .ayatent-checkout-account-button {
min-width: 88px;
min-height: 36px;
border-radius: 5px;
font-size: 0.72rem !important;
padding: 7px 14px;
}
.ayatent-checkout-account-actions .ayatent-checkout-account-button--login {
border-color: var(--ayatent-primary) !important;
background: var(--ayatent-white) !important;
color: var(--ayatent-primary) !important;
}
.ayatent-checkout-account-actions .ayatent-checkout-account-button--login:hover {
background: rgba(237, 30, 36, 0.07) !important;
}
.ayatent-checkout-grid {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.95fr);
gap: 18px 20px;
align-items: start;
}
.ayatent-checkout-grid #customer_details,
.ayatent-checkout-grid #customer_details > .col-2,
.ayatent-checkout-grid #order_review,
.ayatent-checkout-grid #payment,
.ayatent-checkout-grid .woocommerce-checkout-review-order-table {
display: contents !important;
}
.ayatent-checkout-grid #customer_details::before,
.ayatent-checkout-grid #customer_details::after,
.ayatent-checkout-grid #customer_details > .col-2::before,
.ayatent-checkout-grid #customer_details > .col-2::after,
.ayatent-checkout-grid #order_review::before,
.ayatent-checkout-grid #order_review::after {
display: none !important;
content: none !important;
}
.ayatent-checkout-grid #customer_details > .col-1,
.ayatent-checkout-grid #customer_details > .col-2 {
float: none;
width: auto;
}
.ayatent-checkout-grid #customer_details > .col-1 {
grid-column: 1;
grid-row: 2;
}
.ayatent-checkout-grid .woocommerce-shipping-fields {
grid-column: 1;
grid-row: 3;
}
.ayatent-checkout-grid .woocommerce-additional-fields {
grid-column: 2;
grid-row: 4;
}
.ayatent-checkout-grid #order_review_heading {
z-index: 2;
align-self: start;
border-left: 3px solid var(--ayatent-primary);
margin: 19px 22px 0;
font-size: 1rem !important;
line-height: 1.2 !important;
padding-left: 9px;
}
.ayatent-checkout-grid #order_review_heading {
grid-column: 1;
grid-row: 1;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > thead {
display: none;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tbody,
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot,
.ayatent-checkout-grid #customer_details > .col-1,
.ayatent-checkout-grid .woocommerce-shipping-fields,
.ayatent-checkout-grid .woocommerce-additional-fields,
.ayatent-checkout-grid #payment > .wc_payment_methods {
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-lg);
background: var(--ayatent-white);
box-shadow: 0 5px 18px rgba(13, 20, 30, 0.035);
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tbody {
display: block;
grid-column: 1;
grid-row: 1;
min-width: 0;
padding: 54px 24px 17px;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tbody > tr.cart_item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
border-bottom: 1px solid var(--ayatent-border);
padding: 14px 6px;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tbody > tr.cart_item:first-child {
padding-top: 7px;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tbody > tr.cart_item:last-child {
border-bottom: 0;
padding-bottom: 7px;
}
.ayatent-checkout-grid td.product-name {
display: grid;
min-width: 0;
grid-template-columns: 62px minmax(0, 1fr);
grid-template-rows: auto auto auto;
gap: 3px 12px;
align-items: center;
border: 0;
color: var(--ayatent-text);
font-size: 0.8rem;
padding: 0;
}
.ayatent-checkout-product-media {
grid-column: 1;
grid-row: 1 / span 3;
}
.ayatent-checkout-product-media img {
width: 62px;
height: 62px;
border: 1px solid var(--ayatent-border);
border-radius: 7px;
background: var(--ayatent-white);
object-fit: contain;
padding: 4px;
}
.ayatent-checkout-product-copy {
min-width: 0;
grid-column: 2;
grid-row: 1;
}
.ayatent-checkout-product-copy strong {
display: -webkit-box;
overflow: hidden;
font-size: 0.82rem;
font-weight: 600;
line-height: 1.35;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.ayatent-checkout-grid td.product-name dl.variation {
display: flex;
grid-column: 2;
grid-row: 2;
flex-wrap: wrap;
gap: 2px 6px;
margin: 0;
color: var(--ayatent-muted);
font-size: 0.7rem;
}
.ayatent-checkout-grid td.product-name dl.variation dt,
.ayatent-checkout-grid td.product-name dl.variation dd,
.ayatent-checkout-grid td.product-name dl.variation p {
float: none;
margin: 0;
padding: 0;
}
.ayatent-checkout-product-controls {
display: flex;
grid-column: 2;
grid-row: 3;
align-items: center;
gap: 8px;
margin-top: 2px;
}
.ayatent-checkout-quantity {
display: grid;
width: 88px;
height: 30px;
grid-template-columns: 28px 32px 28px;
overflow: hidden;
border: 1px solid var(--ayatent-border);
border-radius: 999px;
background: var(--ayatent-white);
}
.ayatent-checkout-quantity button,
.ayatent-checkout-quantity input {
width: 100%;
min-width: 0;
min-height: 28px;
height: 28px;
border: 0 !important;
border-radius: 0;
background: transparent !important;
box-shadow: none !important;
color: var(--ayatent-dark) !important;
font-size: 0.76rem !important;
line-height: 1 !important;
padding: 0 !important;
text-align: center;
text-transform: none;
}
.ayatent-checkout-quantity button:hover {
background: var(--ayatent-surface) !important;
}
.ayatent-checkout-quantity button:disabled {
cursor: not-allowed;
opacity: 0.35;
}
.ayatent-checkout-quantity input::-webkit-inner-spin-button,
.ayatent-checkout-quantity input::-webkit-outer-spin-button {
margin: 0;
appearance: none;
}
.ayatent-checkout-remove {
display: grid;
width: 29px;
min-height: 29px;
place-items: center;
border: 0 !important;
border-radius: 50%;
background: rgba(237, 30, 36, 0.09) !important;
color: var(--ayatent-primary) !important;
padding: 0 !important;
}
.ayatent-checkout-remove:hover {
background: var(--ayatent-primary) !important;
color: var(--ayatent-white) !important;
}
.ayatent-checkout-remove svg {
width: 15px;
height: 15px;
}
.ayatent-checkout-grid td.product-total {
border: 0;
color: var(--ayatent-primary);
font-family: "Noto Sans Bengali", var(--ayatent-body-family);
font-size: 0.9rem;
font-weight: 700;
padding: 0;
white-space: nowrap;
}
.ayatent-checkout-grid #customer_details > .col-1,
.ayatent-checkout-grid .woocommerce-shipping-fields,
.ayatent-checkout-grid .woocommerce-additional-fields {
padding: 20px 24px 22px;
}
.ayatent-checkout-grid .woocommerce-billing-fields > h3,
.ayatent-checkout-grid .woocommerce-shipping-fields > h3,
.ayatent-checkout-grid .woocommerce-additional-fields > h3 {
border-left: 3px solid var(--ayatent-primary);
margin: 0 0 18px;
font-size: 1rem !important;
line-height: 1.2 !important;
padding-left: 9px;
}
.ayatent-checkout-grid .woocommerce-billing-fields__field-wrapper,
.ayatent-checkout-grid .woocommerce-shipping-fields__field-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 14px;
}
.ayatent-checkout-grid .form-row {
float: none;
width: auto;
margin: 0;
padding: 0;
}
.ayatent-checkout-grid .form-row.form-row-wide,
.ayatent-checkout-grid #billing_company_field,
.ayatent-checkout-grid #shipping_company_field {
grid-column: 1 / -1;
}
.ayatent-checkout-grid .form-row > label:not(.checkbox) {
display: block;
margin: 0 0 5px;
color: var(--ayatent-muted);
font-size: 0.71rem;
font-weight: 600;
}
.ayatent-checkout-grid .form-row .required {
color: var(--ayatent-primary);
}
.ayatent-checkout-grid .input-text,
.ayatent-checkout-grid select,
.ayatent-checkout-grid .select2-container .select2-selection--single {
min-height: 48px;
border: 1px solid #c9ccd1;
border-radius: 7px;
background: var(--ayatent-white);
box-shadow: none;
font-size: 0.8rem;
}
.ayatent-checkout-grid .input-text,
.ayatent-checkout-grid select {
padding: 10px 13px;
}
.ayatent-checkout-grid .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 46px;
padding-left: 13px;
}
.ayatent-checkout-grid .select2-container .select2-selection--single .select2-selection__arrow {
height: 46px;
right: 7px;
}
.ayatent-checkout-grid .woocommerce-shipping-fields > h3 label {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
font-weight: 700;
}
.ayatent-checkout-grid .woocommerce-shipping-fields > h3 input {
width: 18px;
height: 18px;
accent-color: var(--ayatent-primary);
}
.ayatent-checkout-grid .woocommerce-additional-fields textarea {
min-height: 94px;
}
.ayatent-checkout-notes-counter {
margin: 5px 0 0;
color: var(--ayatent-muted);
font-size: 0.66rem;
}
.ayatent-checkout-grid #payment > .wc_payment_methods {
display: grid;
grid-column: 2;
grid-row: 1;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
list-style: none;
margin: 0 !important;
padding: 18px 22px 20px !important;
}
.ayatent-checkout-grid #payment > .wc_payment_methods::before {
grid-column: 1 / -1;
border-left: 3px solid var(--ayatent-primary);
content: "Payment method";
font-size: 1rem;
font-weight: 700;
line-height: 1.2;
margin: 1px 0 8px;
padding-left: 9px;
}
.ayatent-checkout-grid #payment > .wc_payment_methods > li.wc_payment_method {
position: relative;
display: grid;
min-width: 0;
grid-template-columns: minmax(0, 1fr);
align-items: center;
border: 1px solid #c8cbd0;
border-radius: 7px;
background: var(--ayatent-white);
line-height: 1.35;
padding: 0 !important;
}
.ayatent-checkout-grid #payment > .wc_payment_methods > li.wc_payment_method:has(input:checked) {
border-color: var(--ayatent-primary);
box-shadow: inset 0 0 0 1px var(--ayatent-primary);
}
.ayatent-checkout-grid #payment > .wc_payment_methods input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
}
.ayatent-checkout-grid #payment > .wc_payment_methods label {
position: relative;
display: flex;
min-height: 48px;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 0.78rem;
font-weight: 500;
padding: 9px 38px 9px 12px;
}
.ayatent-checkout-grid #payment > .wc_payment_methods label::after {
position: absolute;
top: 50%;
right: 12px;
width: 18px;
height: 18px;
border: 2px solid #b8bdc5;
border-radius: 50%;
content: "";
transform: translateY(-50%);
}
.ayatent-checkout-grid #payment > .wc_payment_methods input:checked + label::after {
border-color: var(--ayatent-primary);
background: radial-gradient(circle, var(--ayatent-primary) 0 43%, transparent 47%);
}
.ayatent-checkout-grid #payment > .wc_payment_methods label img {
width: auto;
max-width: 72px;
height: 24px;
margin-left: auto;
object-fit: contain;
}
.ayatent-checkout-grid #payment div.payment_box {
grid-column: 1 / -1;
width: auto;
border-radius: 0 0 7px 7px;
background: #f7f8fa;
color: var(--ayatent-muted);
font-size: 0.72rem;
margin: 0;
padding: 10px 12px;
}
.ayatent-checkout-grid #payment div.payment_box::before {
display: none;
}
.ayatent-checkout-coupon {
grid-column: 2;
grid-row: 2;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
}
.ayatent-checkout-coupon summary {
position: relative;
list-style: none;
cursor: pointer;
font-size: 0.82rem;
font-weight: 600;
padding: 14px 42px 14px 15px;
}
.ayatent-checkout-coupon summary::-webkit-details-marker {
display: none;
}
.ayatent-checkout-coupon summary::after {
position: absolute;
top: 50%;
right: 17px;
width: 8px;
height: 8px;
border-right: 1.5px solid var(--ayatent-primary);
border-bottom: 1.5px solid var(--ayatent-primary);
content: "";
transform: translateY(-65%) rotate(45deg);
transition: transform var(--ayatent-transition);
}
.ayatent-checkout-coupon[open] summary::after {
transform: translateY(-25%) rotate(225deg);
}
.ayatent-checkout-coupon__body {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 9px;
border-top: 1px solid var(--ayatent-border);
padding: 13px 15px 15px;
}
.ayatent-checkout-coupon__body input,
.ayatent-checkout-coupon__body button {
min-height: 42px;
}
.ayatent-checkout-coupon__body button {
font-size: 0.7rem !important;
padding: 8px 13px;
}
.ayatent-checkout-coupon__status {
grid-column: 1 / -1;
margin: 0;
color: var(--ayatent-success);
font-size: 0.72rem;
}
.ayatent-checkout-coupon__status.is-error {
color: var(--ayatent-danger);
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot {
display: block;
grid-column: 2;
grid-row: 3;
padding: 13px 15px;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot > tr {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
border: 0;
padding: 7px 0;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot th,
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot td {
border: 0;
color: var(--ayatent-muted);
font-size: 0.78rem;
font-weight: 500;
padding: 0;
text-align: right;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot th {
text-align: left;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot .order-total {
border-top: 1px solid var(--ayatent-border);
margin-top: 6px;
padding-top: 12px;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot .order-total th,
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot .order-total td {
color: var(--ayatent-dark);
font-size: 0.9rem;
font-weight: 700;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot .amount {
font-family: "Noto Sans Bengali", var(--ayatent-body-family);
}
.ayatent-checkout-grid .woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
}
.ayatent-checkout-grid .woocommerce-shipping-methods li {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 6px;
}
.ayatent-checkout-grid .woocommerce-shipping-methods input {
margin-top: 4px;
accent-color: var(--ayatent-primary);
}
.ayatent-checkout-grid #payment > .place-order {
display: block;
grid-column: 2;
grid-row: 5;
margin: 0 !important;
padding: 0 !important;
}
.ayatent-checkout-grid #payment > .place-order .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 14px;
font-size: 0.72rem;
line-height: 1.5;
}
.ayatent-checkout-grid #payment > .place-order .woocommerce-privacy-policy-text p {
margin: 0 0 10px;
}
.ayatent-checkout-grid #payment > .place-order .woocommerce-form__label-for-checkbox {
display: flex;
align-items: flex-start;
gap: 8px;
}
.ayatent-checkout-grid #payment > .place-order input[type="checkbox"] {
width: 18px;
height: 18px;
flex: 0 0 18px;
margin-top: 1px;
accent-color: var(--ayatent-primary);
}
.ayatent-checkout-grid #payment > .place-order #place_order {
float: none;
width: 100%;
min-height: 50px;
border-radius: 6px;
font-size: 0.76rem !important;
}
.ayatent-checkout-grid .blockUI.blockOverlay {
position: fixed !important;
z-index: 2050 !important;
} .woocommerce-checkout .wc-block-checkout {
max-width: var(--ayatent-container);
margin-inline: auto;
}
.woocommerce-checkout .wc-block-components-sidebar-layout {
gap: 20px;
}
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
padding: 0;
}
.woocommerce-checkout .wc-block-checkout__main .wc-block-components-checkout-step,
.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-totals-wrapper {
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-lg);
background: var(--ayatent-white);
box-shadow: 0 5px 18px rgba(13, 20, 30, 0.035);
margin-bottom: 16px;
padding: 20px;
}
.woocommerce-checkout .wc-block-components-checkout-step__heading {
border-left: 3px solid var(--ayatent-primary);
padding-left: 10px;
}
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
width: 100%;
border-color: var(--ayatent-primary);
background: var(--ayatent-primary);
color: var(--ayatent-white);
}
.woocommerce-MyAccount-navigation {
overflow: hidden;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-navigation a {
display: flex;
min-height: 52px;
align-items: center;
gap: 11px;
border-bottom: 1px solid var(--ayatent-border);
font-weight: 700;
padding: 12px 16px;
}
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a:hover {
background: var(--ayatent-primary);
color: var(--ayatent-white);
}
.woocommerce-MyAccount-navigation li:last-child a {
border-bottom: 0;
}
.ayatent-account-nav-icon {
display: grid;
width: 25px;
height: 25px;
flex: 0 0 25px;
place-items: center;
}
.ayatent-account-nav-icon svg {
width: 21px;
height: 21px;
stroke-width: 1.8;
}
.woocommerce-account.logged-in .ayatent-entry-title {
margin-bottom: 22px;
font-size: clamp(1.65rem, 3.5vw, 2.35rem);
}
.woocommerce-account.logged-in .ayatent-content-card > .woocommerce {
display: grid;
grid-template-columns: minmax(230px, 290px) minmax(0, 1fr);
align-items: start;
gap: 20px;
}
.woocommerce-account.logged-in .ayatent-content-card > .woocommerce::before,
.woocommerce-account.logged-in .ayatent-content-card > .woocommerce::after {
display: none;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
float: none;
width: auto;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
min-width: 0;
}
.ayatent-account-shortcuts {
margin-top: 26px;
}
.ayatent-account-shortcuts h2 {
margin: 0 0 15px;
font-size: 1.28rem;
}
.ayatent-account-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.ayatent-account-card {
position: relative;
display: flex;
min-height: 165px;
flex-direction: column;
gap: 9px;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
color: var(--ayatent-text);
padding: 18px 42px 18px 18px;
transition: border-color var(--ayatent-transition), box-shadow var(--ayatent-transition), transform var(--ayatent-transition);
}
.ayatent-account-card:hover {
border-color: var(--ayatent-primary);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
color: var(--ayatent-text);
transform: translateY(-2px);
}
.ayatent-account-card__icon {
display: grid;
width: 46px;
height: 46px;
place-items: center;
border-radius: 50%;
background: rgba(237, 30, 36, 0.1);
color: var(--ayatent-primary);
}
.ayatent-account-card__icon svg {
width: 25px;
height: 25px;
}
.ayatent-account-card strong {
font-size: 1rem;
}
.ayatent-account-card small {
color: var(--ayatent-muted);
font-size: 0.78rem;
line-height: 1.45;
}
.ayatent-account-card__arrow {
position: absolute;
top: 20px;
right: 17px;
color: var(--ayatent-primary);
font-size: 1.2rem;
}
.woocommerce-MyAccount-content .woocommerce-Addresses {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 18px;
} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::after {
display: none !important;
content: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
float: none !important;
width: auto !important;
min-width: 0;
margin: 0 !important;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius);
background: var(--ayatent-white);
padding: 18px;
}
.woocommerce-MyAccount-content .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2 {
margin: 0 !important;
font-family: var(--ayatent-heading-family, inherit) !important;
font-size: 1.18rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
white-space: nowrap;
}
.woocommerce-MyAccount-content .woocommerce-Address-title a.edit {
display: inline-flex;
min-height: 40px;
align-items: center;
justify-content: center;
float: none;
border: 1px solid var(--ayatent-primary);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-primary);
color: var(--ayatent-white);
font-size: 0.78rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
padding: 9px 14px;
}
.woocommerce-MyAccount-content .woocommerce-Address-title a.edit:hover {
border-color: var(--ayatent-primary-dark);
background: var(--ayatent-primary-dark);
color: var(--ayatent-white);
}
.woocommerce-MyAccount-content .woocommerce-Address address {
margin: 17px 0 0;
color: var(--ayatent-muted);
line-height: 1.65;
}
.woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--actions,
.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.ayatent-payment-method-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px 16px;
margin-top: 18px;
}
.ayatent-payment-method-actions .ayatent-add-payment-method,
.woocommerce-MyAccount-content > a.button[href*="add-payment-method"] {
display: inline-flex;
min-height: 46px;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid var(--ayatent-primary);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-primary);
color: var(--ayatent-white);
font-size: 0.8rem;
font-weight: 700;
padding: 10px 16px;
text-transform: uppercase;
}
.ayatent-payment-method-actions .ayatent-add-payment-method:hover,
.woocommerce-MyAccount-content > a.button[href*="add-payment-method"]:hover {
border-color: var(--ayatent-primary-dark);
background: var(--ayatent-primary-dark);
color: var(--ayatent-white);
}
.ayatent-add-payment-method__icon,
.ayatent-add-payment-method__icon svg {
display: block;
width: 19px;
height: 19px;
}
.ayatent-payment-method-actions p {
max-width: 520px;
margin: 0;
color: var(--ayatent-muted);
font-size: 0.78rem;
line-height: 1.5;
}
.ayatent-account-intro {
margin-top: 0;
color: var(--ayatent-muted);
font-size: 1rem;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}
.woocommerce-message,
.woocommerce-info {
border-top-color: var(--ayatent-primary);
}
.woocommerce-message::before,
.woocommerce-info::before {
color: var(--ayatent-primary);
}
.select2-container--default .select2-selection--single {
height: 44px;
border-color: var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px;
} .ayatent-floating-cart {
position: fixed;
top: 48%;
right: 0;
z-index: 880;
display: flex;
width: 82px;
min-height: 96px;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 5px;
border: 0;
border-radius: 12px 0 0 12px;
background: var(--ayatent-primary);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
color: var(--ayatent-white);
font-size: 0.68rem;
padding: 9px 5px;
transform: translateY(-50%);
}
.ayatent-floating-cart:hover {
border-color: var(--ayatent-primary-dark);
background: var(--ayatent-primary-dark);
}
.ayatent-floating-cart svg {
width: 25px;
height: 25px;
}
.ayatent-floating-cart-summary,
.ayatent-floating-cart-count,
.ayatent-floating-cart-total {
display: block;
}
.ayatent-floating-cart-count {
font-weight: 700;
}
.ayatent-floating-cart-total {
margin: 6px -5px -9px;
border-radius: 0 0 0 12px;
background: var(--ayatent-white);
color: var(--ayatent-primary-dark);
font-size: 0.72rem;
font-weight: 700;
padding: 5px 4px;
}
.ayatent-cart-overlay {
position: fixed;
inset: 0;
z-index: 1980;
visibility: hidden;
background: rgba(0, 0, 0, 0.64);
opacity: 0;
transition: opacity 220ms ease, visibility 220ms ease;
}
.ayatent-cart-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 1990;
display: flex;
width: min(92vw, 420px);
flex-direction: column;
background: var(--ayatent-white);
box-shadow: -18px 0 48px rgba(0, 0, 0, 0.22);
transform: translateX(105%);
transition: transform 240ms ease;
}
.ayatent-cart-open .ayatent-cart-overlay {
visibility: visible;
opacity: 1;
}
.ayatent-cart-open .ayatent-cart-drawer {
transform: translateX(0);
}
.ayatent-cart-drawer-header {
display: flex;
min-height: 88px;
align-items: center;
justify-content: space-between;
gap: 20px;
border-bottom: 1px solid var(--ayatent-border);
padding: 16px 20px;
}
.ayatent-cart-drawer-header span {
color: var(--ayatent-muted);
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ayatent-cart-drawer-header h2 {
margin: 1px 0 0;
font-size: 1.35rem;
}
.ayatent-cart-drawer-header button {
display: grid;
width: 40px;
min-height: 40px;
place-items: center;
border: 1px solid var(--ayatent-border);
border-radius: 50%;
background: var(--ayatent-surface);
color: var(--ayatent-dark);
padding: 0;
}
.ayatent-cart-drawer-header button:hover {
border-color: var(--ayatent-primary);
background: var(--ayatent-primary);
color: var(--ayatent-white);
}
.ayatent-cart-drawer-header svg {
width: 18px;
height: 18px;
}
.ayatent-cart-drawer > .widget_shopping_cart_content {
display: flex;
min-height: 0;
flex: 1;
flex-direction: column;
overflow-y: auto;
padding: 18px 20px 22px;
}
.ayatent-cart-drawer .woocommerce-mini-cart {
display: grid;
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
.ayatent-cart-drawer .woocommerce-mini-cart-item {
position: relative;
min-height: 102px;
overflow: hidden;
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
font-size: 0.9rem;
padding: 13px 40px 13px 13px !important;
transition: border-color var(--ayatent-transition), box-shadow var(--ayatent-transition);
}
.ayatent-cart-drawer .woocommerce-mini-cart-item:hover {
border-color: #cccccc;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.ayatent-cart-drawer .woocommerce-mini-cart-item > a:not(.remove) {
display: grid !important;
min-height: 72px;
grid-template-columns: 72px minmax(0, 1fr);
align-items: start;
gap: 12px;
clear: both;
color: var(--ayatent-dark);
font-weight: 600;
line-height: 1.42;
}
.ayatent-cart-drawer .woocommerce-mini-cart-item img {
position: static !important;
display: block !important;
float: none !important;
width: 72px !important;
max-width: 72px !important;
height: 72px !important;
margin: 0 !important;
border: 1px solid var(--ayatent-border);
border-radius: 7px;
background: var(--ayatent-surface);
object-fit: cover;
}
.ayatent-cart-drawer .woocommerce-mini-cart-item .remove {
position: absolute;
top: 8px;
right: 8px;
display: grid;
width: 22px;
height: 22px;
place-items: center;
border-radius: 50%;
background: var(--ayatent-surface);
color: var(--ayatent-danger) !important;
font-size: 18px;
line-height: 1;
z-index: 2;
}
.ayatent-cart-drawer .woocommerce-mini-cart-item .remove:hover {
background: var(--ayatent-danger);
color: var(--ayatent-white) !important;
}
.ayatent-cart-drawer .woocommerce-mini-cart-item .quantity {
display: block;
margin: 7px 0 0 84px;
color: var(--ayatent-primary-dark);
font-size: 0.8rem;
font-weight: 600;
}
.ayatent-cart-drawer .woocommerce-mini-cart-item dl.variation {
display: grid;
grid-template-columns: auto 1fr;
gap: 2px 5px;
margin: 6px 0 0 84px;
color: var(--ayatent-muted);
font-size: 0.72rem;
}
.ayatent-cart-drawer .woocommerce-mini-cart-item dl.variation dt,
.ayatent-cart-drawer .woocommerce-mini-cart-item dl.variation dd,
.ayatent-cart-drawer .woocommerce-mini-cart-item dl.variation p {
float: none;
margin: 0;
padding: 0;
}
.ayatent-cart-drawer .woocommerce-mini-cart__total {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid var(--ayatent-border);
margin: auto 0 0;
padding: 18px 0 12px;
}
.ayatent-cart-drawer .woocommerce-mini-cart__total strong {
color: var(--ayatent-dark);
font-weight: 600;
}
.ayatent-cart-drawer .woocommerce-mini-cart__buttons {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin: 0;
}
.ayatent-cart-drawer .woocommerce-mini-cart__buttons .button {
display: flex;
min-height: 45px;
align-items: center;
justify-content: center;
border: 1px solid var(--ayatent-dark);
border-radius: var(--ayatent-radius-sm);
background: var(--ayatent-white);
color: var(--ayatent-dark);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.3px;
padding: 8px;
text-align: center;
text-transform: uppercase;
}
.ayatent-cart-drawer .woocommerce-mini-cart__buttons .checkout {
border-color: var(--ayatent-primary);
background: var(--ayatent-primary);
color: var(--ayatent-white);
}
.ayatent-cart-drawer .woocommerce-mini-cart__buttons .button:hover {
border-color: var(--ayatent-primary-dark);
background: var(--ayatent-primary-dark);
color: var(--ayatent-white);
}
.ayatent-cart-drawer .woocommerce-mini-cart__empty-message {
margin: auto;
color: var(--ayatent-muted);
text-align: center;
} .ayatent-site-footer {
background: var(--ayatent-dark);
color: rgba(255, 255, 255, 0.76);
}
.ayatent-footer-widgets {
display: grid;
grid-template-columns: 1.35fr repeat(3, 1fr);
gap: clamp(28px, 5vw, 64px);
padding-block: 58px;
}
.ayatent-site-footer h2,
.ayatent-site-footer h3,
.ayatent-site-footer .widget-title {
color: var(--ayatent-white);
font-size: 1rem;
}
.ayatent-site-footer a {
color: inherit;
}
.ayatent-site-footer a:hover {
color: var(--ayatent-primary);
}
.ayatent-site-footer ul {
list-style: none;
margin: 0;
padding: 0;
}
.ayatent-site-footer li {
margin-bottom: 8px;
}
.ayatent-footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.ayatent-footer-bottom-inner {
display: flex;
min-height: 72px;
align-items: center;
justify-content: space-between;
gap: 22px;
font-size: 0.84rem;
}
.ayatent-footer-menu {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.ayatent-mobile-commerce-bar {
display: none;
}
.ayatent-ajax-notice {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 1200;
visibility: hidden;
max-width: 320px;
border-radius: var(--ayatent-radius);
background: var(--ayatent-dark);
box-shadow: var(--ayatent-shadow);
color: var(--ayatent-white);
opacity: 0;
padding: 14px 18px;
transform: translateY(12px);
transition: opacity var(--ayatent-transition), transform var(--ayatent-transition), visibility var(--ayatent-transition);
}
.ayatent-ajax-notice.is-visible {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.ayatent-ajax-notice.is-error {
background: var(--ayatent-primary-dark);
} .elementor-page .ayatent-content-card {
border: 0;
border-radius: 0;
background: transparent;
padding: 0;
}
.elementor-widget-woocommerce-products ul.products,
.elementor-widget-wc-archive-products ul.products,
.elementor-products-grid ul.products.elementor-grid {
margin-bottom: 0;
}
.elementor-widget-woocommerce-products ul.products li.product .ayatent-archive-quantity,
.elementor-widget-wc-archive-products ul.products li.product .ayatent-archive-quantity,
.elementor-products-grid ul.products.elementor-grid li.product .ayatent-archive-quantity {
width: 100%;
}
@media (max-width: 1100px) {
:root {
--ayatent-shop-columns: 3 !important;
}
.ayatent-header-main {
grid-template-columns: minmax(130px, 0.55fr) minmax(240px, 1.25fr) auto;
gap: 10px;
}
.ayatent-header-action {
min-width: 52px;
font-size: 0.64rem;
padding-inline: 3px;
}
.ayatent-header-action svg {
width: 21px;
height: 21px;
}
body ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.ayatent-footer-widgets {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} .ayatent-checkout-left,
.ayatent-checkout-right {
min-width: 0;
}
.ayatent-checkout-left {
display: flex;
flex-direction: column;
gap: 18px;
}
.ayatent-checkout-right {
position: sticky;
top: 18px;
}
.ayatent-checkout-order-items {
border: 1px solid var(--ayatent-border);
border-radius: var(--ayatent-radius-lg);
background: var(--ayatent-white);
box-shadow: 0 5px 18px rgba(13, 20, 30, 0.035);
padding: 20px 24px;
}
.ayatent-checkout-order-items > h3 {
border-left: 3px solid var(--ayatent-primary);
margin: 0 0 13px;
font-size: 1rem !important;
line-height: 1.2 !important;
padding-left: 9px;
}
.ayatent-checkout-order-item {
display: grid;
grid-template-columns: 62px minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
border-bottom: 1px solid var(--ayatent-border);
padding: 13px 0;
}
.ayatent-checkout-order-item:first-child {
padding-top: 6px;
}
.ayatent-checkout-order-item:last-child {
border-bottom: 0;
padding-bottom: 2px;
}
.ayatent-checkout-order-item .ayatent-checkout-product-media {
grid-column: 1;
grid-row: 1;
}
.ayatent-checkout-order-item .ayatent-checkout-product-copy {
display: flex;
min-width: 0;
grid-column: 2;
grid-row: 1;
align-items: flex-start;
flex-direction: column;
gap: 4px;
}
.ayatent-checkout-order-item .ayatent-checkout-product-copy strong {
display: -webkit-box;
overflow: hidden;
font-size: 0.82rem;
font-weight: 600;
line-height: 1.35;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.ayatent-checkout-order-item .variation {
display: flex;
flex-wrap: wrap;
gap: 2px 6px;
margin: 0;
color: var(--ayatent-muted);
font-size: 0.68rem;
}
.ayatent-checkout-order-item .variation dt,
.ayatent-checkout-order-item .variation dd,
.ayatent-checkout-order-item .variation p {
float: none;
margin: 0;
padding: 0;
}
.ayatent-checkout-order-item .ayatent-checkout-product-controls {
display: flex;
grid-column: auto;
grid-row: auto;
align-items: center;
gap: 8px;
margin-top: 2px;
}
.ayatent-checkout-product-total {
grid-column: 3;
grid-row: 1;
color: var(--ayatent-primary);
font-family: "Noto Sans Bengali", var(--ayatent-body-family);
font-size: 0.88rem;
font-weight: 700;
white-space: nowrap;
}
.ayatent-checkout-grid #customer_details {
display: grid !important;
grid-template-columns: minmax(0, 1fr);
gap: 18px;
}
.ayatent-checkout-grid #customer_details > .col-1,
.ayatent-checkout-grid #customer_details > .col-2 {
display: block !important;
grid-column: auto;
grid-row: auto;
}
.ayatent-checkout-grid #customer_details > .col-2:empty {
display: none !important;
}
.ayatent-checkout-grid .woocommerce-shipping-fields {
grid-column: auto;
grid-row: auto;
}
.ayatent-checkout-grid .woocommerce-shipping-fields:empty {
display: none;
}
.ayatent-checkout-grid #order_review_heading {
display: none !important;
}
.ayatent-checkout-grid #order_review {
display: flex !important;
flex-direction: column;
gap: 18px;
border: 0;
border-radius: 0;
background: transparent;
padding: 0;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table {
display: table !important;
width: 100%;
order: 3;
border: 1px solid var(--ayatent-border) !important;
border-collapse: separate !important;
border-radius: var(--ayatent-radius) !important;
background: var(--ayatent-white);
box-shadow: 0 5px 18px rgba(13, 20, 30, 0.035);
padding: 8px 15px !important;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > thead,
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tbody {
display: none !important;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot {
display: table-footer-group !important;
padding: 0;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot > tr {
display: table-row !important;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot th,
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot td {
border: 0;
padding: 7px 0;
}
.ayatent-checkout-grid .woocommerce-checkout-review-order-table > tfoot td {
text-align: right;
}
.ayatent-checkout-grid #payment {
display: contents !important;
}
.ayatent-checkout-grid #payment > .wc_payment_methods {
order: 1;
grid-column: auto;
grid-row: auto;
}
.ayatent-checkout-coupon {
order: 2;
grid-column: auto;
grid-row: auto;
}
.ayatent-checkout-grid .woocommerce-additional-fields {
order: 4;
grid-column: auto;
grid-row: auto;
}
.ayatent-checkout-grid #payment > .place-order {
order: 5;
grid-column: auto;
grid-row: auto;
}
@media (max-width: 960px) {
.single-product .woocommerce div.product {
grid-template-columns: minmax(0, 1fr);
gap: 24px;
}
.woocommerce-account.logged-in .ayatent-content-card > .woocommerce {
grid-template-columns: 220px minmax(0, 1fr);
}
.ayatent-account-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ayatent-shop-layout {
grid-template-columns: minmax(0, 1fr);
}
body.woocommerce-shop:not(.search) .ayatent-shop-results > ul.products {
grid-template-columns: minmax(0, 1fr) !important;
}
.ayatent-shop-filters {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 2020;
width: min(88vw, 330px);
max-height: none;
background: var(--ayatent-surface);
box-shadow: 14px 0 42px rgba(0, 0, 0, 0.22);
padding: 16px;
transform: translateX(-105%);
transition: transform 220ms ease;
}
.ayatent-filter-open .ayatent-shop-filters {
transform: translateX(0);
}
.ayatent-filter-overlay {
position: fixed;
inset: 0;
z-index: 2010;
visibility: hidden;
display: block;
background: rgba(0, 0, 0, 0.62);
opacity: 0;
transition: opacity 220ms ease, visibility 220ms ease;
}
.ayatent-filter-open .ayatent-filter-overlay {
visibility: visible;
opacity: 1;
}
.ayatent-mobile-filter-header {
display: flex;
min-height: 52px;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 10px;
}
.ayatent-mobile-filter-header strong {
color: var(--ayatent-dark);
font-size: 1rem;
}
.ayatent-mobile-filter-header button {
display: grid;
width: 40px;
min-height: 40px;
place-items: center;
border: 1px solid var(--ayatent-border);
border-radius: 50%;
background: var(--ayatent-white);
color: var(--ayatent-dark);
padding: 0;
}
.ayatent-mobile-filter-header svg {
width: 18px;
height: 18px;
}
.ayatent-filter-toggle {
display: inline-flex;
min-height: 42px;
align-items: center;
gap: 6px;
border: 1px solid var(--ayatent-border);
background: var(--ayatent-white);
color: var(--ayatent-dark);
font-size: 0.78rem;
padding: 7px 10px;
}
.ayatent-filter-toggle:hover {
border-color: var(--ayatent-primary);
background: rgba(237, 30, 36, 0.08);
color: var(--ayatent-primary-dark);
}
.ayatent-filter-toggle svg {
width: 17px;
height: 17px;
}
}
@media (min-width: 768px) {
.ayatent-main-menu a, .ayatent-mobile-menu a {
color: var(--ayat-menu-red-bg-text-color) !important;
}
}
@media (max-width: 820px) {
body {
padding-bottom: 66px;
}
.ayatent-utility-bar,
.ayatent-shop-navigation,
.ayatent-header-actions {
display: none;
}
.ayatent-site-header {
position: relative;
}
.woocommerce-account.logged-in .ayatent-content-card > .woocommerce {
grid-template-columns: minmax(0, 1fr);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:nth-child(odd) a {
border-right: 1px solid var(--ayatent-border);
}
.ayatent-header-main {
position: relative;
grid-template-columns: auto 1fr auto;
min-height: 62px;
}
.ayatent-mobile-toggle {
display: inline-flex;
width: 42px;
min-height: 42px;
border: 0;
border-radius: 0;
}
.ayatent-search {
display: none;
}
.ayatent-mobile-search-open .ayatent-search {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 940;
display: block;
border: 1px solid var(--ayatent-border);
background: var(--ayatent-white);
box-shadow: var(--ayatent-shadow);
padding: 10px;
}
.ayatent-branding {
justify-content: center;
}
.custom-logo {
max-height: 42px;
}
.ayatent-mobile-header-cart {
display: inline-flex;
}
.ayatent-mobile-header-cart .ayatent-cart-count {
top: -2px;
right: -2px;
}
.ayatent-post-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ayatent-mobile-commerce-bar {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 950;
display: block;
border-top: 1px solid var(--ayatent-border);
background: var(--ayatent-primary);
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
}
.ayatent-mobile-bar {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.ayatent-mobile-bar a,
.ayatent-mobile-bar button {
position: relative;
display: flex;
min-width: 0;
min-height: 64px;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 3px;
border: 0;
border-radius: 0;
background: transparent;
color: var(--ayatent-white);
font-size: 0.68rem;
font-weight: 700;
padding: 5px 2px;
}
.ayatent-mobile-bar svg {
width: 21px;
height: 21px;
}
.ayatent-mobile-bar .ayatent-cart-count {
top: 5px;
right: calc(50% - 20px);
}
.ayatent-mobile-bar a:hover,
.ayatent-mobile-bar button:hover {
background: rgba(0, 0, 0, 0.14);
color: var(--ayatent-white);
}
.ayatent-floating-cart {
top: auto;
right: 10px;
bottom: 78px;
width: 68px;
min-height: 76px;
border-radius: 12px;
transform: none;
}
.ayatent-floating-cart-total {
margin-inline: -5px;
border-radius: 0 0 8px 8px;
}
}
@media (max-width: 620px) {
:root {
--ayatent-shop-columns: 2 !important;
}
body.woocommerce-shop:not(.search) ul.products li.product-category.ayatent-shop-category-card {
min-height: 176px;
grid-template-columns: minmax(112px, 39%) minmax(0, 1fr);
gap: 12px;
padding: 9px !important;
}
body.woocommerce-shop:not(.search) ul.products li.product-category .ayatent-shop-category-card__image img {
min-height: 156px;
padding: 7px;
}
.ayatent-shop-category-card__content {
padding: 5px 3px 5px 0;
}
body.woocommerce-shop:not(.search) ul.products li.product-category .ayatent-shop-category-card__title {
margin-bottom: 9px !important;
font-size: 1rem !important;
}
.ayatent-shop-category-card__children {
gap: 5px;
}
.ayatent-shop-category-card__children a {
grid-template-columns: 14px minmax(0, 1fr);
gap: 6px;
font-size: 0.76rem;
}
.ayatent-shop-category-card__children a::before {
width: 13px;
height: 10px;
}
.ayatent-container {
width: min(100% - 22px, var(--ayatent-container));
}
.ayatent-site-main {
padding-block: 24px 44px;
}
.single-product .woocommerce div.product {
border-radius: var(--ayatent-radius);
padding: 12px;
}
.single-product .woocommerce div.product div.summary {
padding: 18px 15px;
}
.single-product .woocommerce div.product div.images .flex-control-thumbs li,
.single-product .woocommerce div.product div.images .flex-control-thumbs img {
width: 76px !important;
height: 76px;
flex-basis: 76px;
}
.single-product .woocommerce div.product form.cart:not(.variations_form) {
display: block !important;
}
.single-product .woocommerce div.product form.cart .variations {
padding: 0;
}
.single-product .woocommerce div.product form.cart .variations tr {
grid-template-columns: 1fr;
gap: 8px;
padding: 12px 0;
}
.single-product .woocommerce div.product form.cart .variations th.label {
padding-top: 0;
}
.single-product .woocommerce div.product form.ayatent-grouped-cart .group_table {
display: block;
overflow-x: auto;
}
.single-product .woocommerce div.product .ayatent-single-quantity-row > .quantity {
width: 132px;
flex-basis: 132px;
grid-template-columns: 37px minmax(50px, 1fr) 37px;
}
.ayatent-single-quantity-row {
gap: 8px;
}
.ayatent-single-quantity-row .ayatent-single-quantity-label {
min-width: 74px;
}
.ayatent-single-action-grid {
gap: 8px;
}
.ayatent-single-action {
font-size: 0.73rem;
}
.ayatent-wishlist-button--loop {
top: 11px;
right: 11px;
width: 38px;
height: 38px;
}
.ayatent-product-flags {
top: 54px;
}
.ayatent-wishlist-page__header {
align-items: flex-start;
flex-direction: column;
}
.woocommerce-account.logged-in .ayatent-content-card {
padding: 14px;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul,
.ayatent-account-card-grid,
.woocommerce-MyAccount-content .woocommerce-Addresses {
grid-template-columns: minmax(0, 1fr);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:nth-child(odd) a {
border-right: 0;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
padding: 17px;
}
.ayatent-account-card {
min-height: 142px;
}
.ayatent-shop-toolbar {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 7px;
margin-bottom: 14px;
padding: 8px;
}
.ayatent-sort-control > span,
.ayatent-column-control > span {
display: none;
}
.ayatent-sort-control,
.ayatent-column-control,
.ayatent-shop-toolbar select {
width: 100%;
min-width: 0;
}
.ayatent-column-control {
display: none;
}
.ayatent-per-page-control select {
width: auto;
min-width: 94px;
}
.ayatent-per-page-control {
grid-column: 1;
grid-row: 2;
}
.woocommerce nav.woocommerce-pagination ul {
flex-wrap: wrap;
justify-content: center;
}
.ayatent-cart-drawer {
width: 100%;
}
.ayatent-live-search {
max-height: 65vh;
}
.ayatent-live-search-link {
grid-template-columns: 50px minmax(0, 1fr);
gap: 9px;
padding: 9px;
}
.ayatent-live-search-link img {
width: 50px;
height: 50px;
}
.ayatent-search-match,
.ayatent-search-product-stock {
display: none;
}
.ayatent-account-modal {
align-items: end;
padding: 0;
}
.ayatent-account-dialog {
width: 100%;
max-height: 92vh;
border-radius: var(--ayatent-radius-lg) var(--ayatent-radius-lg) 0 0;
padding: 22px 18px max(24px, env(safe-area-inset-bottom));
}
body ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.woocommerce ul.products li.product,
.elementor-widget-woocommerce-products ul.products li.product,
.elementor-widget-wc-archive-products ul.products li.product,
.elementor-products-grid ul.products.elementor-grid li.product {
padding: 8px 8px 10px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title {
font-size: 0.82rem !important;
}
.woocommerce ul.products li.product .price,
.elementor-widget-woocommerce-products ul.products li.product .price,
.elementor-widget-wc-archive-products ul.products li.product .price,
.elementor-products-grid ul.products.elementor-grid li.product .price {
gap: 3px 6px;
font-size: 0.94rem !important;
}
.woocommerce span.onsale,
.ayatent-sale-badge {
top: 0 !important;
left: 0 !important;
min-height: 25px;
font-size: 0.62rem;
line-height: 25px;
padding-inline: 7px;
}
.ayatent-product-flags {
top: 54px;
right: 12px;
}
.ayatent-product-flag {
font-size: 0.56rem;
padding: 5px 6px;
}
.ayatent-archive-quantity {
grid-template-columns: 34px minmax(38px, 1fr) 34px;
}
.ayatent-post-list,
.ayatent-footer-widgets {
grid-template-columns: 1fr;
}
.ayatent-footer-bottom-inner {
align-items: flex-start;
flex-direction: column;
justify-content: center;
padding-block: 18px;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-ordering select {
width: 100%;
}
}
@media (max-width: 960px) {
.ayatent-checkout-grid {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
}
.ayatent-checkout-right {
position: static;
}
}
@media (max-width: 620px) {
.ayatent-checkout-page-header {
min-height: 82px;
margin-bottom: 16px;
}
.ayatent-checkout-account-prompt {
align-items: stretch;
flex-direction: column;
gap: 10px;
padding: 13px;
}
.ayatent-checkout-account-actions,
.ayatent-checkout-account-actions .ayatent-checkout-account-button {
width: 100%;
}
.ayatent-checkout-account-actions .ayatent-checkout-account-button {
min-width: 0;
}
.ayatent-checkout-order-items,
.ayatent-checkout-grid #customer_details > .col-1,
.ayatent-checkout-grid .woocommerce-shipping-fields,
.ayatent-checkout-grid .woocommerce-additional-fields,
.ayatent-checkout-grid #payment > .wc_payment_methods {
border-radius: var(--ayatent-radius);
}
.ayatent-checkout-order-items,
.ayatent-checkout-grid #customer_details > .col-1,
.ayatent-checkout-grid .woocommerce-shipping-fields,
.ayatent-checkout-grid .woocommerce-additional-fields {
padding-right: 15px;
padding-left: 15px;
}
.ayatent-checkout-order-item {
grid-template-columns: 58px minmax(0, 1fr);
gap: 8px 11px;
}
.ayatent-checkout-order-item .ayatent-checkout-product-total {
grid-column: 2;
grid-row: 2;
text-align: left;
}
.ayatent-checkout-grid .woocommerce-billing-fields__field-wrapper,
.ayatent-checkout-grid .woocommerce-shipping-fields__field-wrapper,
.ayatent-checkout-grid #payment > .wc_payment_methods,
.ayatent-checkout-coupon__body {
grid-template-columns: minmax(0, 1fr);
}
.ayatent-checkout-grid .form-row.form-row-first,
.ayatent-checkout-grid .form-row.form-row-last,
.ayatent-checkout-coupon__body button,
.ayatent-checkout-coupon__status {
grid-column: 1;
}
.ayatent-checkout-grid #payment > .wc_payment_methods {
padding-right: 15px !important;
padding-left: 15px !important;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
} @media (min-width: 961px) {
.ayatent-shop-navigation {
background: #df0b08;
box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
}
.ayatent-main-menu .sub-menu,
.ayatent-main-menu .children {
padding: 8px 0;
border-color: #e4e4e4;
border-top: 0;
border-radius: 0 0 10px 10px;
background: #fff;
box-shadow: 0 14px 28px rgb(0 0 0 / 14%);
}
.ayatent-main-menu .sub-menu a,
.ayatent-main-menu .children a {
padding: 10px 19px;
border-radius: 0;
}
.ayatent-main-menu .sub-menu a:hover,
.ayatent-main-menu .children a:hover {
background: #f4f4f4;
}
} body ul.products { align-items: stretch !important; }
body ul.products:not(.ayatentew-track) { grid-auto-rows: 1fr; }
body ul.products > li.product:not(.product-category) {
display: flex !important;
flex-direction: column !important;
align-self: stretch !important;
height: auto !important;
box-sizing: border-box;
}
body ul.products > li.product:not(.product-category) a.woocommerce-loop-product__link {
position: relative;
display: block;
}
body ul.products > li.product:not(.product-category) a.woocommerce-loop-product__link img {
display: block;
width: 100%;
height: auto !important;
aspect-ratio: 1 / 1;
object-fit: contain;
}
body ul.products > li.product:not(.product-category) .woocommerce-loop-product__title {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.4 !important;
height: 2.8em !important;
min-height: 2.8em !important;
max-height: 2.8em !important;
overflow: hidden;
}
body ul.products > li.product:not(.product-category) .price { min-height: 1.75em; }
body ul.products > li.product:not(.product-category) > .button {
margin-top: auto !important;
margin-bottom: 0 !important;
min-height: 42px !important;
box-sizing: border-box;
}
body ul.products > li.product:not(.product-category) .onsale {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
z-index: 4;
margin: 0 !important;
} body .ayatentew-product-carousel > ul.products.ayatentew-products.ayatentew-track {
display: flex !important;
flex-flow: row nowrap !important;
grid-template-columns: none !important;
gap: var(--ayatentew-gap, 14px) !important;
width: 100% !important;
overflow-x: auto;
overflow-y: hidden;
margin: 0 !important;
padding: 0;
list-style: none;
}
body .ayatentew-product-carousel > ul.products.ayatentew-track > li.product {
flex: 0 0 calc((100% - (var(--ayatentew-items, 5) - 1) * var(--ayatentew-gap, 14px)) / var(--ayatentew-items, 5)) !important;
min-width: 0 !important;
max-width: none !important;
clear: none !important;
} .ayatent-results-columns-3 { --ayatent-shop-columns: 3; }
.ayatent-results-columns-4 { --ayatent-shop-columns: 4; }
.ayatent-results-columns-5 { --ayatent-shop-columns: 5; } @media (min-width: 768px) and (max-width: 1024px) {
body .ayatent-shop-content .ayatent-shop-results ul.products:not(.ayatentew-track),
body.woocommerce ul.products:not(.ayatentew-track),
body.woocommerce-page ul.products:not(.ayatentew-track),
body .elementor-widget-wc-archive-products ul.products:not(.ayatentew-track) {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 14px !important;
}
.ayatent-shop-toolbar { flex-wrap: wrap; }
.ayatent-column-control { display: none; }
}
@media (max-width: 767px) {
body .ayatent-shop-content .ayatent-shop-results ul.products:not(.ayatentew-track),
body.woocommerce ul.products:not(.ayatentew-track),
body.woocommerce-page ul.products:not(.ayatentew-track),
body .elementor-widget-wc-archive-products ul.products:not(.ayatentew-track) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.ayatent-shop-layout, .ayatent-shop-results { min-width: 0; max-width: 100%; }
.ayatent-shop-toolbar { display: flex; flex-wrap: wrap; gap: 8px; }
.ayatent-shop-toolbar label { min-width: 0; max-width: 100%; margin-left: 0; }
.ayatent-shop-toolbar select { min-width: 0; max-width: 100%; }
.ayatent-column-control { display: none; }
.ayatent-shop-archive-header { flex-wrap: wrap; overflow-wrap: anywhere; }
}
@media (max-width: 820px) {
.ayatent-mobile-commerce-bar {
position: fixed;
inset: auto 0 0;
width: 100%;
max-width: 100vw;
box-sizing: border-box;
padding: 0 0 env(safe-area-inset-bottom, 0px);
}
.ayatent-mobile-commerce-bar ul.ayatent-mobile-bar {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
width: 100%;
margin: 0;
padding: 0;
gap: 0;
list-style: none;
}
.ayatent-mobile-commerce-bar .ayatent-mobile-bar > li {
min-width: 0;
width: auto;
margin: 0;
padding: 0;
}
.ayatent-mobile-commerce-bar .ayatent-mobile-bar > li > a,
.ayatent-mobile-commerce-bar .ayatent-mobile-bar > li > button {
width: 100%;
min-width: 0;
box-sizing: border-box;
margin: 0;
padding: 5px 0;
font-size: 10px;
line-height: 1.3;
white-space: nowrap;
}
body { padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
} .ayatent-swatches[data-ready="true"] > select { display: none !important; }
.ayatent-swatch-options { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 16px; }
body .variations_form .ayatent-swatch {
display: inline-flex; align-items: center; justify-content: center;
min-width: 58px; min-height: 46px; max-width: 100%;
margin: 0; padding: 8px 14px; border: 1px solid #d7d7d7;
border-radius: 28px; background: #fff; color: #222; font-size: 14px;
line-height: 1.3; cursor: pointer; overflow-wrap: anywhere;
}
body .variations_form .ayatent-swatch.has-image { width: 70px; height: 70px; padding: 4px; border-radius: 5px; }
.ayatent-swatch img { display: block; width: 100%; height: 100%; object-fit: contain; }
body .variations_form .ayatent-swatch[aria-pressed="true"] { border: 2px solid #111; background: #f7f7f7; }
body .variations_form .ayatent-swatch:disabled { opacity: .35; cursor: not-allowed; text-decoration: line-through; }
body .variations_form .ayatent-swatch:focus-visible { outline: 2px solid var(--ayatent-primary); outline-offset: 3px; }
.ayatent-selected-attribute { font-weight: 400; color: #555; }
.ayatent-size-guide { margin: 8px 0; }
.variations th.label .ayatent-size-guide, .variations td.label .ayatent-size-guide { display: inline-block; margin-left: 16px; }
.ayatent-size-guide > a { color: inherit; font-weight: 400; text-decoration: underline; font-size: 14px; }
.ayatent-size-dialog { width: min(900px, 94vw); max-width: 94vw; max-height: 88dvh; padding: 44px 16px 16px; border: 0; border-radius: 12px; overflow: auto; }
.ayatent-size-dialog::backdrop { background: rgb(0 0 0 / 65%); }
.ayatent-size-dialog img { display: block; width: 100%; height: auto; }
.ayatent-size-dialog .ayatent-size-close { position: absolute; right: 8px; top: 6px; width: 36px; height: 36px; padding: 0; border: 0; background: #fff; color: #111; font-size: 28px; cursor: pointer; }
@media(max-width:767px) { body .variations_form .ayatent-swatch.has-image { width: 60px; height: 60px; } .ayatent-swatch-options { gap: 6px; } } body.single-product .variations_form table.variations { display: block !important; width: 100% !important; }
body.single-product .variations_form table.variations tbody { display: flex !important; flex-direction: column; width: 100%; gap: 20px; }
body.single-product .variations_form table.variations tr.ayatent-attribute-row { display: flex !important; flex-direction: column; width: 100%; margin: 0; padding: 0; }
body.single-product .variations_form table.variations tr.ayatent-attribute-row > .label { display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; width: 100% !important; padding: 0 0 10px !important; text-align: left; }
body.single-product .variations_form table.variations tr.ayatent-attribute-row > .value { display: block !important; width: 100% !important; padding: 0 !important; }
body.single-product .variations_form .ayatent-attribute-row label { margin: 0; text-align: left; }
.ayatent-attribute-row .ayatent-selected-attribute { margin-left: 5px; }
body.single-product .variations_form .ayatent-attribute-row .ayatent-size-guide { margin: 0 0 0 auto; }
body.single-product .variations_form .ayatent-swatch-options { margin: 0; gap: 8px; }
body.single-product .variations_form .ayatent-swatch { position: relative; min-width: 82px; min-height: 40px; padding: 8px 16px; font-weight: 400; background: #fff; }
body.single-product .variations_form .ayatent-swatch.has-image { min-width: 0; width: 72px; height: 72px; border-radius: 0; padding: 3px; }
body.single-product .variations_form .ayatent-swatch[aria-pressed="true"] { border: 1px solid #111; background: #fff; }
.ayatent-unavailable-symbol { display: none; }
body.single-product .variations_form .ayatent-swatch:disabled { opacity: 1; color: #c3c3c3; border-color: #e5e5e5; text-decoration: none; cursor: not-allowed; }
.ayatent-swatch:disabled .ayatent-unavailable-symbol { display: inline-flex; margin-left: 9px; }
.ayatent-swatch:disabled::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(45deg, transparent calc(50% - .5px), #e5e5e5 50%, transparent calc(50% + .5px)); }
.ayatent-swatch.has-image:disabled img { opacity: .3; }
.ayatent-swatch.has-image:disabled .ayatent-unavailable-symbol { position: absolute; right: 4px; bottom: 4px; }
@media(max-width:767px) { body.single-product .variations_form .ayatent-swatch { min-width: 66px; } body.single-product .variations_form .ayatent-swatch.has-image { min-width: 0; width: 62px; height: 62px; } } body.single-product .product_meta .tagged_as { display: none !important; } body .ayatent-shop-content .ayatent-shop-results ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title {
display: block !important;
-webkit-line-clamp: unset !important;
line-clamp: unset !important;
-webkit-box-orient: initial;
height: auto !important;
min-height: 2.8em !important;
max-height: none !important;
overflow: visible !important;
white-space: normal !important;
overflow-wrap: anywhere;
line-height: 1.4 !important;
margin-bottom: 10px !important;
}
:root{--ayatent-primary:#ed1e24;--ayatent-dark:#000000;--ayatent-surface:#f5f5f5;--ayatent-container:1280px;--ayatent-shop-columns:4;--ayatent-button-bg:#ed1e24;--ayatent-button-hover-bg:#c91319;--ayatent-button-hover-color:#ffffff;--ayatent-menu-hover-color:#ed1e24;--ayatent-body-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ayatent-body-size:16px;--ayatent-body-weight:400;--ayatent-body-line-height:1.65;--ayatent-body-letter-spacing:0px;--ayatent-body-style:normal;--ayatent-body-transform:none;--ayatent-body-color:#171717;--ayatent-menu-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ayatent-menu-size:14px;--ayatent-menu-weight:600;--ayatent-menu-line-height:1.35;--ayatent-menu-letter-spacing:0.1px;--ayatent-menu-style:normal;--ayatent-menu-transform:uppercase;--ayatent-menu-color:#171717;--ayatent-button-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ayatent-button-size:13px;--ayatent-button-weight:700;--ayatent-button-line-height:1.2;--ayatent-button-letter-spacing:0.35px;--ayatent-button-style:normal;--ayatent-button-transform:uppercase;--ayatent-button-color:#ffffff;--ayatent-h1-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ayatent-h1-size:30px;--ayatent-h1-weight:600;--ayatent-h1-line-height:1.2;--ayatent-h1-letter-spacing:-0.6px;--ayatent-h1-style:normal;--ayatent-h1-transform:none;--ayatent-h1-color:#111111;--ayatent-h2-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ayatent-h2-size:32px;--ayatent-h2-weight:700;--ayatent-h2-line-height:1.25;--ayatent-h2-letter-spacing:-0.4px;--ayatent-h2-style:normal;--ayatent-h2-transform:none;--ayatent-h2-color:#111111;--ayatent-h3-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ayatent-h3-size:24px;--ayatent-h3-weight:700;--ayatent-h3-line-height:1.3;--ayatent-h3-letter-spacing:-0.2px;--ayatent-h3-style:normal;--ayatent-h3-transform:none;--ayatent-h3-color:#111111;--ayatent-h4-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ayatent-h4-size:20px;--ayatent-h4-weight:700;--ayatent-h4-line-height:1.35;--ayatent-h4-letter-spacing:0px;--ayatent-h4-style:normal;--ayatent-h4-transform:none;--ayatent-h4-color:#111111;}body{font-family:var(--ayatent-body-family);font-size:var(--ayatent-body-size);font-weight:var(--ayatent-body-weight);line-height:var(--ayatent-body-line-height);letter-spacing:var(--ayatent-body-letter-spacing);font-style:var(--ayatent-body-style);text-transform:var(--ayatent-body-transform);color:var(--ayatent-body-color);}button,input,select,textarea{font-family:var(--ayatent-body-family);}.ayatent-main-menu a{font-family:var(--ayatent-menu-family);font-size:var(--ayatent-menu-size);font-weight:var(--ayatent-menu-weight);line-height:var(--ayatent-menu-line-height);letter-spacing:var(--ayatent-menu-letter-spacing);font-style:var(--ayatent-menu-style);text-transform:var(--ayatent-menu-transform);color:var(--ayatent-menu-color);}.ayatent-mobile-menu a{font-family:var(--ayatent-menu-family);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0;font-style:normal;text-transform:none;color:var(--ayatent-menu-color);}.ayatent-action-dropdown a{font-family:var(--ayatent-menu-family);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;font-style:normal;text-transform:none;color:var(--ayatent-menu-color);}.ayatent-drawer-shortcuts a,.ayatent-drawer-shortcuts button{font-family:var(--ayatent-menu-family);font-size:12px;font-weight:600;line-height:1.25;letter-spacing:0;font-style:normal;text-transform:uppercase;color:var(--ayatent-menu-color);}.ayatent-main-menu a:hover,.ayatent-mobile-menu a:hover,.ayatent-action-dropdown a:hover,.ayatent-drawer-shortcuts a:hover,.ayatent-drawer-shortcuts button:hover{color:var(--ayatent-menu-hover-color);}body h1{font-family:var(--ayatent-h1-family);font-size:var(--ayatent-h1-size);font-weight:var(--ayatent-h1-weight);line-height:var(--ayatent-h1-line-height);letter-spacing:var(--ayatent-h1-letter-spacing);font-style:var(--ayatent-h1-style);text-transform:var(--ayatent-h1-transform);color:var(--ayatent-h1-color);}body h2{font-family:var(--ayatent-h2-family);font-size:var(--ayatent-h2-size);font-weight:var(--ayatent-h2-weight);line-height:var(--ayatent-h2-line-height);letter-spacing:var(--ayatent-h2-letter-spacing);font-style:var(--ayatent-h2-style);text-transform:var(--ayatent-h2-transform);color:var(--ayatent-h2-color);}body h3{font-family:var(--ayatent-h3-family);font-size:var(--ayatent-h3-size);font-weight:var(--ayatent-h3-weight);line-height:var(--ayatent-h3-line-height);letter-spacing:var(--ayatent-h3-letter-spacing);font-style:var(--ayatent-h3-style);text-transform:var(--ayatent-h3-transform);color:var(--ayatent-h3-color);}body h4{font-family:var(--ayatent-h4-family);font-size:var(--ayatent-h4-size);font-weight:var(--ayatent-h4-weight);line-height:var(--ayatent-h4-line-height);letter-spacing:var(--ayatent-h4-letter-spacing);font-style:var(--ayatent-h4-style);text-transform:var(--ayatent-h4-transform);color:var(--ayatent-h4-color);}.ayatent-button,button[type="submit"],input[type="submit"],.woocommerce button.button,.woocommerce input.button,.woocommerce a.button,.woocommerce ul.products li.product a.button,.ayatent-single-action,.ayatent-buy-now,.ayatent-wishlist-button{font-family:var(--ayatent-button-family)!important;font-size:var(--ayatent-button-size)!important;font-weight:var(--ayatent-button-weight)!important;line-height:var(--ayatent-button-line-height)!important;letter-spacing:var(--ayatent-button-letter-spacing)!important;font-style:var(--ayatent-button-style)!important;text-transform:var(--ayatent-button-transform)!important;}.ayatent-button,button[type="submit"]:not(.ayatent-single-action),input[type="submit"],.woocommerce button.button,.woocommerce input.button,.woocommerce a.checkout-button,.woocommerce .single_add_to_cart_button,.woocommerce ul.products li.product a.button{border-color:var(--ayatent-button-bg)!important;background:var(--ayatent-button-bg)!important;color:var(--ayatent-button-color)!important;}.ayatent-button:hover,button[type="submit"]:not(.ayatent-single-action):hover,input[type="submit"]:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.checkout-button:hover,.woocommerce .single_add_to_cart_button:hover,.woocommerce ul.products li.product a.button:hover{border-color:var(--ayatent-button-hover-bg)!important;background:var(--ayatent-button-hover-bg)!important;color:var(--ayatent-button-hover-color)!important;}.ayatent-search button[type="submit"],.ayatent-search button[type="submit"]:hover{border-color:transparent!important;background:transparent!important;color:var(--ayatent-dark)!important;}body .woocommerce ul.products li.product .woocommerce-loop-product__title,body .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,body .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title{font-family:var(--ayatent-body-family)!important;font-size:.95rem!important;font-weight:600!important;line-height:1.45!important;letter-spacing:0!important;font-style:normal!important;text-transform:none!important;color:var(--ayatent-dark)!important;}@media(max-width:767px){body h1{font-size:23px;}body h2{font-size:26px;}body h3{font-size:20px;}body h4{font-size:18px;}}@media(max-width:620px){body .woocommerce ul.products li.product .woocommerce-loop-product__title,body .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,body .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title{font-size:.88rem!important;line-height:1.4!important;}}