:root {
--ayatentew-primary: var(--ayatent-primary, #ed1e24);
--ayatentew-primary-dark: var(--ayatent-primary-dark, #c91319);
--ayatentew-dark: var(--ayatent-dark, #111111);
--ayatentew-text: var(--ayatent-text, #20242b);
--ayatentew-muted: var(--ayatent-muted, #68707b);
--ayatentew-border: var(--ayatent-border, #e3e5e8);
--ayatentew-surface: var(--ayatent-surface, #f6f7f8);
--ayatentew-white: #ffffff;
--ayatentew-radius: var(--ayatent-radius, 10px);
--ayatentew-gap: 14px;
--ayatentew-button-hover: #b5090e;
--ayatentew-variable-button-color: #000000
}
.ayatentew-section-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
margin: 0 0 14px;
}
.ayatentew-section-header h2 {
margin: 0 !important;
color: var(--ayatentew-text);
font-size: clamp(1.12rem, 1.6vw, 1.45rem) !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
.ayatentew-section-header > div > span {
display: block;
width: 34px;
height: 2px;
margin-top: 7px;
background: var(--ayatentew-primary);
}
.ayatentew-section-header > a {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--ayatentew-primary);
font-size: .76rem;
font-weight: 700;
letter-spacing: .02em;
text-transform: uppercase;
}
.ayatentew-section-header > a:hover { color: var(--ayatentew-primary-dark); }
.ayatentew-section-header > a span { font-size: 1rem; }
.ayatentew-slider { position: relative; overflow: hidden; }
.ayatentew-slider .ayatentew-track {
display: flex;
overflow-x: auto;
overflow-y: hidden;
gap: var(--ayatentew-gap);
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.ayatentew-slider .ayatentew-track::-webkit-scrollbar { display: none; }
.ayatentew-slider .ayatentew-track > * { scroll-snap-align: start; }
.ayatentew-slider-arrows {
position: absolute;
top: 50%;
right: 8px;
left: 8px;
z-index: 8;
display: flex;
justify-content: space-between;
pointer-events: none;
transform: translateY(-50%);
}
.ayatentew-slider-arrows button {
display: grid;
width: 36px;
height: 36px;
place-items: center;
border: 0;
border-radius: 50%;
background: var(--ayatentew-primary);
box-shadow: 0 5px 16px rgb(0 0 0 / 14%);
color: #fff;
cursor: pointer;
font-size: 1.55rem;
line-height: 1;
padding: 0 0 3px;
pointer-events: auto;
}
.ayatentew-slider-arrows button:disabled { cursor: default; opacity: .35; }
.ayatentew-slider-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 13px;
}
.ayatentew-slider-pagination[hidden] { display: none; }
.ayatentew-slider-pagination button {
width: 7px;
height: 7px;
min-width: 0;
min-height: 0;
border: 0;
border-radius: 999px;
background: color-mix(in srgb, var(--ayatentew-primary) 35%, transparent);
cursor: pointer;
padding: 0;
transition: width 180ms ease, background 180ms ease;
}
.ayatentew-slider-pagination button.is-active {
width: 20px;
background: var(--ayatentew-primary);
}
.ayatentew-button,
.ayatentew-buy-now {
display: inline-flex;
min-height: 40px;
align-items: center;
justify-content: center;
border-radius: 5px;
background: var(--ayatentew-primary);
color: #fff !important;
font-size: .8rem;
font-weight: 700;
line-height: 1;
padding: 11px 18px;
text-transform: uppercase;
}
.ayatentew-button:hover { background: var(--ayatentew-primary-dark); } .ayatentew-hero .ayatentew-track { gap: 0; }
.ayatentew-hero-slide {
position: relative;
display: flex;
min-width: 100%;
align-items: center;
border-radius: var(--ayatentew-radius);
background-image: linear-gradient(var(--hero-overlay), var(--hero-overlay)), var(--hero-image);
background-position: center;
background-size: cover;
color: var(--hero-color);
overflow: hidden;
padding: clamp(24px, 5vw, 72px);
}
.ayatentew-hero-slide__content { position: relative; z-index: 2; }
.ayatentew-hero-slide__content > span { display: block; margin-bottom: 10px; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ayatentew-hero-slide h2 { margin: 0 0 13px !important; color: inherit !important; font-size: clamp(2rem, 4.5vw, 4.4rem) !important; font-weight: 800 !important; line-height: 1.04 !important; }
.ayatentew-hero-slide p { max-width: 620px; margin: 0 0 22px; color: inherit; font-size: clamp(.95rem, 1.3vw, 1.15rem); line-height: 1.65; } .ayatentew-promo-banner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
border: 1px solid var(--ayatentew-border);
border-radius: var(--ayatentew-radius);
color: var(--ayatentew-text);
overflow: hidden;
padding: clamp(20px, 4vw, 46px);
}
.ayatentew-promo-banner--left { flex-direction: row-reverse; }
.ayatentew-promo-banner__content { position: relative; z-index: 2; max-width: 58%; }
.ayatentew-promo-banner h2 { margin: 0 0 8px !important; color: inherit !important; font-size: clamp(1.5rem, 3vw, 3rem) !important; line-height: 1.1 !important; }
.ayatentew-promo-banner p { margin: 0 0 18px; }
.ayatentew-promo-banner__image { align-self: stretch; flex: 1 1 42%; }
.ayatentew-promo-banner__image img { width: 100%; height: 100%; object-fit: contain; }
.ayatentew-promo-banner--center .ayatentew-promo-banner__image { position: absolute; inset: 0; }
.ayatentew-promo-banner--center .ayatentew-promo-banner__image::after { position: absolute; inset: 0; background: rgb(0 0 0 / 28%); content: ""; }
.ayatentew-promo-banner--center .ayatentew-promo-banner__image img { object-fit: cover; }
.ayatentew-promo-banner--center .ayatentew-promo-banner__content { max-width: 650px; color: #fff; } .ayatentew-category-carousel,
.ayatentew-brand-carousel,
.ayatentew-testimonials { --ayatentew-items: 5; }
.ayatentew-category-carousel .ayatentew-track > *,
.ayatentew-brand-carousel .ayatentew-track > *,
.ayatentew-testimonials .ayatentew-track > * {
min-width: calc((100% - (var(--ayatentew-items) - 1) * var(--ayatentew-gap)) / var(--ayatentew-items));
flex: 0 0 calc((100% - (var(--ayatentew-items) - 1) * var(--ayatentew-gap)) / var(--ayatentew-items));
}
.ayatentew-category-card {
display: flex;
align-items: center;
flex-direction: column;
color: var(--ayatentew-text);
text-align: center;
}
.ayatentew-category-card__image {
display: grid;
place-items: center;
margin-bottom: 9px;
border: 1px solid var(--ayatentew-border);
border-radius: 12px;
background: #fff;
overflow: hidden;
}
.ayatentew-category-card__image img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.ayatentew-category-card strong { font-size: .88rem; line-height: 1.3; }
.ayatentew-category-card small { margin-top: 3px; color: var(--ayatentew-muted); font-size: .7rem; }
.ayatentew-brand-card {
display: flex;
min-height: 104px;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 6px;
border: 1px solid var(--ayatentew-border);
border-radius: 7px;
background: #fff;
color: var(--ayatentew-text);
padding: 14px;
}
.ayatentew-brand-card img { width: 100%; object-fit: contain; }
.ayatentew-brand-card span { font-size: 14px; font-weight: 600; } .ayatentew-product-promos {
display: grid;
grid-template-columns: repeat(var(--ayatentew-promo-columns, 2), minmax(0, 1fr));
gap: 30px;
}
.ayatentew-product-promo {
position: relative;
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 26px);
border: 0px solid var(--ayatentew-border);
border-radius: var(--ayatentew-radius);
overflow: hidden;
padding: clamp(14px, 2vw, 24px);
}
.ayatentew-product-promo--image-right { flex-direction: row-reverse; }
.ayatentew-product-promo__image { display: flex; min-width: 0; align-self: stretch; align-items: center; justify-content: center; }
.ayatentew-product-promo__image img { width: 100%; height: 100%; max-height: 250px; object-fit: contain; }
.ayatentew-product-promo__content { min-width: 0; flex: 1 1 55%; }
.ayatentew-product-promo h3 { margin: 0 0 8px !important; font-size: clamp(.96rem, 1.4vw, 1.2rem) !important; line-height: 1.3 !important; }
.ayatentew-product-promo h3 a { color: var(--ayatentew-text); }
.ayatentew-product-promo .price { margin-bottom: 14px; color: var(--ayatentew-primary); font-size: 1rem; font-weight: 700; }
.ayatentew-product-promo .price del { color: #9a9ea5; font-size: .82em; font-weight: 500; }
.ayatentew-product-promo .price ins { background: transparent; text-decoration: none; }
.ayatentew-product-promo__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.ayatentew-product-promo__actions .button,
.ayatentew-product-promo__actions .ayatentew-buy-now { min-height: 38px; margin: 0 !important; border: 1px solid var(--ayatentew-primary) !important; border-radius: 4px !important; font-size: 12px !important; padding: 8px !important; text-align: center; text-transform: uppercase; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
.ayatentew-product-promo__actions .button { display: inline-flex; align-items: center; justify-content: center; background: #fff !important; color: var(--ayatentew-variable-button-color) !important; border: 1px solid var(--ayatentew-variable-button-color) !important; }
.ayatentew-buy-now { background: var(--ayatentew-primary); }
.ayatentew-buy-now:hover { background: var(--ayatentew-button-hover); }
.ayatentew-save-badge { position: absolute; top: 0; right: 0; z-index: 3; border-radius: 0 0 0 12px; background: var(--ayatentew-primary); color: #fff; font-size: .68rem; font-weight: 700; padding: 6px 9px; } .ayatentew-products,
.elementor-widget-woocommerce-products ul.products,
.elementor-widget-wc-archive-products ul.products,
.elementor-products-grid ul.products.elementor-grid {
gap: var(--ayatentew-gap) !important;
}
.ayatentew-products:not(.ayatentew-track) {
display: grid !important;
grid-template-columns: repeat(var(--ayatentew-columns, 5), minmax(0, 1fr)) !important;
}
.ayatentew-product-carousel { --ayatentew-items: 5; }
.ayatentew-product-carousel .ayatentew-track { display: flex !important; margin: 0 !important; }
.ayatentew-product-carousel .ayatentew-track > li.product {
min-width: calc((100% - (var(--ayatentew-items) - 1) * var(--ayatentew-gap)) / var(--ayatentew-items)) !important;
flex: 0 0 calc((100% - (var(--ayatentew-items) - 1) * var(--ayatentew-gap)) / var(--ayatentew-items)) !important;
}
.ayatentew-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 !important;
width: auto !important;
min-width: 0;
height: 100%;
flex-direction: column;
float: none !important;
margin: 0 !important;
border: 1px solid var(--ayatentew-border);
border-radius: var(--ayatentew-radius);
background: #fff;
box-shadow: 0 4px 14px rgb(0 0 0 / 4%);
overflow: hidden;
padding: 10px !important;
}
.ayatentew-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,
.elementor-products-grid ul.products.elementor-grid li.product a img {
width: 100%;
margin: 0 0 12px !important;
aspect-ratio: 1 / 1;
object-fit: contain;
}
.ayatentew-products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products li.product .woocommerce-loop-product__title,
.elementor-widget-wc-archive-products li.product .woocommerce-loop-product__title {
min-height: 2.7em;
margin: 0 0 8px !important;
color: var(--ayatentew-text) !important;
font-size: .9rem !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
.ayatentew-products li.product .price,
.elementor-widget-woocommerce-products li.product .price,
.elementor-widget-wc-archive-products li.product .price {
display: flex;
align-items: baseline;
gap: 7px;
margin: 0 0 10px !important;
color: var(--ayatentew-primary) !important;
font-size: 1rem !important;
font-weight: 700 !important;
}
.ayatentew-products li.product .price ins { order: -1; background: transparent; text-decoration: none; }
.ayatentew-products li.product .price del { color: #959aa2; font-size: .78em; font-weight: 500; }
.ayatentew-products li.product .button,
.elementor-widget-woocommerce-products li.product .button,
.elementor-widget-wc-archive-products li.product .button {
display: inline-flex;
width: 100%;
min-height: 40px;
align-items: center;
justify-content: center;
margin: auto 0 7px !important;
border: 1px solid var(--ayatentew-primary) !important;
border-radius: 5px !important;
background: var(--ayatentew-primary) !important;
color: #fff !important;
font-size: .78rem !important;
font-weight: 700 !important;
padding: 9px 10px !important;
text-align: center;
text-transform: uppercase;
} .ayatentew-testimonial { border: 1px solid var(--ayatentew-border); border-radius: var(--ayatentew-radius); background: #fff; padding: 20px; }
.ayatentew-stars { color: #ff9f1a; letter-spacing: 2px; }
.ayatentew-testimonial blockquote { min-height: 78px; margin: 12px 0 18px; color: var(--ayatentew-muted); font-size: .9rem; font-style: normal; line-height: 1.65; }
.ayatentew-testimonial footer { display: flex; align-items: center; gap: 10px; }
.ayatentew-testimonial footer img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; }
.ayatentew-testimonial footer div { display: flex; flex-direction: column; }
.ayatentew-testimonial footer strong { color: var(--ayatentew-text); font-size: .85rem; }
.ayatentew-testimonial footer span { color: var(--ayatentew-muted); font-size: .72rem; }
.ayatentew-empty { border: 1px dashed var(--ayatentew-border); border-radius: 8px; background: var(--ayatentew-surface); color: var(--ayatentew-muted); padding: 24px; text-align: center; }
@media (max-width: 767px) {
.ayatentew-section-header { align-items: center; }
.ayatentew-hero-slide { padding: 28px 24px; }
.ayatentew-promo-banner { padding: 18px; }
.ayatentew-promo-banner__content { max-width: 64%; }
.ayatentew-product-promo { align-items: stretch; flex-direction: column; }
.ayatentew-product-promo__image { flex-basis: auto !important; min-height: 120px; }
.ayatentew-product-promo__image img { max-height: 180px; }
.ayatentew-product-promo__actions { grid-template-columns: 1fr; }
.ayatentew-products li.product { padding: 8px !important; }
.ayatentew-products li.product .woocommerce-loop-product__title { font-size: .82rem !important; }
}
@media (prefers-reduced-motion: reduce) {
.ayatentew-slider .ayatentew-track { scroll-behavior: auto; }
} .ayatentew-brand-grid {
display: grid;
grid-template-columns: repeat(var(--ayatentew-brand-columns, 5), minmax(0, 1fr));
gap: 14px;
}
.ayatentew-brand-grid > .ayatentew-brand-card {
min-width: 0;
text-align: center;
overflow-wrap: anywhere;
}
.ayatentew-brand-grid .ayatentew-brand-card img { max-height: 76px; }
@media (max-width: 1024px) {
.ayatentew-brand-grid { --ayatentew-brand-columns: 4; }
}
@media (max-width: 767px) {
.ayatentew-brand-grid { --ayatentew-brand-columns: 2; }
} 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) !important;
width: 100% !important;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
margin: 0 !important;
padding: 0;
list-style: none;
}
body .ayatentew-product-carousel > ul.products.ayatentew-products.ayatentew-track::before,
body .ayatentew-product-carousel > ul.products.ayatentew-products.ayatentew-track::after {
content: none !important;
display: none !important;
}
body .ayatentew-product-carousel > ul.products.ayatentew-products.ayatentew-track > li.product {
box-sizing: border-box;
flex: 0 0 calc((100% - (var(--ayatentew-items) - 1) * var(--ayatentew-gap)) / var(--ayatentew-items)) !important;
min-width: 0 !important;
max-width: none !important;
float: none !important;
clear: none !important;
margin: 0 !important;
} body .ayatentew-products li.product a.woocommerce-loop-product__link {
position: relative;
display: block;
}
body .ayatentew-products li.product .onsale {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
z-index: 4;
margin: 0 !important;
} body .ayatentew-products li.product > .onsale {
top: 10px !important;
left: 10px !important;
}
@media (max-width: 767px) {
body .ayatentew-products li.product > .onsale {
top: 8px !important;
left: 8px !important;
}
} body .ayatentew-products li.product .ayatent-archive-quantity,
body .ayatentew-products li.product .ayatent-buy-now {
display: none !important;
}
body ul.ayatentew-products {
align-items: stretch !important;
}
body ul.ayatentew-products:not(.ayatentew-track) {
grid-auto-rows: 1fr;
}
body ul.ayatentew-products > li.product {
display: flex !important;
flex-direction: column !important;
align-self: stretch !important;
height: auto !important;
box-sizing: border-box;
}
body ul.ayatentew-products > li.product .woocommerce-loop-product__link img {
display: block;
width: 100%;
height: auto !important;
aspect-ratio: 1 / 1;
object-fit: contain;
}
body ul.ayatentew-products > li.product .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.ayatentew-products > li.product .price {
min-height: 1.75em;
line-height: 1.4;
}
body ul.ayatentew-products > li.product > .button {
margin-top: auto !important;
margin-bottom: 0 !important;
min-height: 42px !important;
box-sizing: border-box;
} .ayatentew-triple-banners {
display: grid;
grid-template-areas: "first third" "second third";
grid-auto-columns: minmax(0, 1fr);
grid-auto-rows: 280px;
gap: 24px;
}
.ayatentew-image-banner--first { grid-area: first; }
.ayatentew-image-banner--second { grid-area: second; }
.ayatentew-image-banner--third { grid-area: third; }
.ayatentew-image-banner {
position: relative;
display: block;
min-width: 0;
overflow: hidden;
border-radius: 10px;
background: var(--ayatentew-surface);
isolation: isolate;
}
.ayatentew-image-banner picture { display: block; width: 100%; height: 100%; }
.ayatentew-image-banner img {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
transition: transform 550ms cubic-bezier(.2,.65,.3,1);
}
.ayatentew-single-banner .ayatentew-image-banner img { height: auto; }
.ayatentew-image-banner:focus-visible { outline: 3px solid var(--ayatentew-primary); outline-offset: 3px; }
.ayatentew-effect--shine::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(110deg, transparent 30%, rgb(255 255 255 / 22%) 50%, transparent 70%);
transform: translateX(-130%);
transition: transform 700ms ease;
}
@media (hover: hover) and (pointer: fine) {
.ayatentew-image-banner:not(.ayatentew-effect--none):hover img { transform: scale(1.06); }
.ayatentew-effect--shine:hover::after { transform: translateX(130%); }
}
.ayatentew-image-banner:not(.ayatentew-effect--none):focus-visible img { transform: scale(1.06); }
.ayatentew-effect--shine:focus-visible::after { transform: translateX(130%); } [class*="elementor-widget-ayatent-"] { min-width: 0; }
.ayatentew-section-header > div,
.ayatentew-hero-slide__content,
.ayatentew-promo-banner__content { min-width: 0; overflow-wrap: anywhere; }
.ayatentew-slider { max-width: 100%; min-width: 0; }
.ayatentew-slider .ayatentew-track { min-width: 0; }
@media (max-width: 1024px) {
.ayatentew-triple-banners { grid-auto-rows: 200px; gap: 18px; }
.ayatentew-product-carousel, .ayatentew-category-carousel { --ayatentew-items: 3; }
.ayatentew-brand-carousel { --ayatentew-items: 4; }
.ayatentew-testimonials { --ayatentew-items: 2; }
.ayatentew-products { --ayatentew-columns: 3; }
}
@media (max-width: 767px) {
.ayatentew-triple-banners { grid-template-areas: "first" "second" "third"; grid-auto-rows: 190px; gap: 14px; }
.ayatentew-product-carousel, .ayatentew-category-carousel, .ayatentew-brand-carousel { --ayatentew-items: 2; }
.ayatentew-testimonials { --ayatentew-items: 1; }
.ayatentew-products { --ayatentew-columns: 2; }
.ayatentew-product-promos { --ayatentew-promo-columns: 1; gap: 14px; }
.ayatentew-section-header { flex-wrap: wrap; gap: 10px; }
.ayatentew-promo-banner:not(.ayatentew-promo-banner--center) { flex-direction: column; }
.ayatentew-promo-banner:not(.ayatentew-promo-banner--center) .ayatentew-promo-banner__content { max-width: 100%; }
.ayatentew-promo-banner__image { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
.ayatentew-image-banner img, .ayatentew-image-banner::after { transition: none !important; transform: none !important; }
.ayatentew-effect--shine::after { display: none; }
}
.ayatentew-category-card__image { max-width: 100%; }
.ayatentew-category-card, .ayatentew-brand-card { overflow-wrap: anywhere; } @media (max-width: 1024px) {
.ayatentew-triple-banners {
display: flex !important;
flex-direction: column;
grid-auto-rows: auto !important;
}
.ayatentew-triple-banners > .ayatentew-image-banner {
flex: none;
width: 100%;
height: auto !important;
min-height: 0 !important;
}
.ayatentew-triple-banners .ayatentew-image-banner picture { height: auto; }
.ayatentew-triple-banners .ayatentew-image-banner img {
width: 100%;
height: auto !important;
object-fit: contain !important;
}
}