:root {
–al-navy: #07111f;
–al-ink: #101827;
–al-muted: #667085;
–al-soft: #f5fbfb;
–al-line: #e7edf3;
–al-teal: #0f9a94;
–al-coral: #ff6b57;
–al-pink: #df3476;
–al-gold: #ffd56a;
}

body {
overflow-x: hidden;
}

.site-main,
#main-container,
.ct-container-full {
padding-top: 0 !important;
}

.entry-content,
.ct-container,
.content-area {
margin-top: 0 !important;
}

.entry-content > .wp-block-html:first-child,
.entry-content > *:first-child {
margin-top: 0 !important;
}

.alenaya-page {
direction: rtl;
color: var(–al-ink);
font-family: inherit;
width: 100%;
max-width: 100%;
overflow-x: hidden;
}

.alenaya-wrap {
width: min(1180px, calc(100% – 32px));
margin-inline: auto;
}

.alenaya-pill {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 18px;
border-radius: 999px;
background: rgba(223, 52, 118, .10);
color: var(–al-pink);
font-weight: 900;
line-height: 1;
}

.alenaya-btns {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: flex-start;
}

.alenaya-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 24px;
border-radius: 18px;
text-decoration: none !important;
font-weight: 900;
border: 1px solid transparent;
box-shadow: 0 14px 28px rgba(7, 17, 31, .12);
}

.alenaya-btn.primary {
background: var(–al-navy);
color: #fff !important;
}

.alenaya-btn.light {
background: #fff;
color: var(–al-navy) !important;
border-color: var(–al-line);
}

.alenaya-hero {
position: relative;
isolation: isolate;
overflow: hidden;
padding: clamp(34px, 5vw, 70px) 0 clamp(34px, 5vw, 74px);
background:
radial-gradient(circle at 14% 16%, rgba(223, 52, 118, .18), transparent 30%),
radial-gradient(circle at 85% 10%, rgba(15, 154, 148, .18), transparent 34%),
linear-gradient(135deg, #fff7fb 0%, #eefafa 48%, #fff8df 100%);
}

.alenaya-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(280px, .75fr);
gap: clamp(22px, 4vw, 48px);
align-items: center;
}

.alenaya-hero h1 {
margin: 18px 0 14px;
font-size: clamp(38px, 6vw, 82px);
line-height: 1.05;
letter-spacing: 0;
color: var(–al-navy);
max-width: 820px;
}

.alenaya-hero p {
margin: 0 0 24px;
color: #4c5868;
font-size: clamp(18px, 2vw, 25px);
line-height: 1.9;
max-width: 760px;
}

.alenaya-hero-card {
position: relative;
min-height: 420px;
border-radius: 34px;
padding: 28px;
background: rgba(255, 255, 255, .78);
border: 1px solid rgba(255, 255, 255, .9);
box-shadow: 0 30px 70px rgba(7, 17, 31, .13);
overflow: hidden;
}

.alenaya-hero-card::before {
content: “”;
position: absolute;
inset: 28px;
border-radius: 28px;
background:
linear-gradient(160deg, rgba(255, 255, 255, .86), rgba(245, 251, 251, .72)),
radial-gradient(circle at 70% 22%, rgba(223, 52, 118, .20), transparent 28%);
border: 1px solid var(–al-line);
}

.alenaya-product-stage {
position: relative;
z-index: 1;
height: 100%;
display: grid;
align-content: center;
gap: 18px;
text-align: center;
}

.alenaya-product-bottle {
width: min(280px, 76%);
aspect-ratio: 3 / 4;
margin-inline: auto;
border-radius: 34px;
background:
linear-gradient(180deg, rgba(15,154,148,.12), transparent),
#fff;
border: 1px solid var(–al-line);
box-shadow: inset 0 0 0 18px #f8fbfb, 0 24px 48px rgba(7,17,31,.10);
display: grid;
place-items: center;
color: var(–al-muted);
font-weight: 900;
line-height: 1.6;
}

.alenaya-mini-products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}

.alenaya-mini-products span {
min-height: 72px;
border-radius: 20px;
background: #fff;
border: 1px solid var(–al-line);
display: grid;
place-items: center;
font-weight: 900;
color: var(–al-navy);
}

.alenaya-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 28px;
}

.alenaya-stat {
border-radius: 20px;
padding: 18px;
background: rgba(255, 255, 255, .80);
border: 1px solid var(–al-line);
}

.alenaya-stat strong {
display: block;
font-size: 24px;
color: var(–al-navy);
}

.alenaya-stat span {
color: var(–al-muted);
font-weight: 700;
}

.alenaya-section {
padding: clamp(42px, 6vw, 82px) 0;
background: #fff;
}

.alenaya-section.alt {
background: linear-gradient(180deg, #f7fbfc 0%, #fff 100%);
}

.alenaya-title {
text-align: center;
margin: 0 auto 34px;
max-width: 860px;
}

.alenaya-title h2 {
margin: 12px 0;
font-size: clamp(30px, 4vw, 58px);
line-height: 1.2;
color: var(–al-navy);
}

.alenaya-title p {
color: var(–al-muted);
font-size: clamp(17px, 1.6vw, 22px);
line-height: 1.8;
margin: 0;
}

.alenaya-benefits,
.alenaya-categories {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}

.alenaya-benefit,
.alenaya-category {
border: 1px solid var(–al-line);
background: #fff;
border-radius: 26px;
padding: 24px;
box-shadow: 0 18px 45px rgba(7, 17, 31, .06);
}

.alenaya-benefit {
text-align: center;
}

.alenaya-icon {
width: 54px;
height: 54px;
margin: 0 auto 14px;
border-radius: 18px;
display: grid;
place-items: center;
color: #fff;
font-size: 26px;
font-weight: 900;
background: linear-gradient(135deg, var(–al-teal), var(–al-pink));
}

.alenaya-benefit h3,
.alenaya-category h3 {
margin: 0 0 8px;
font-size: 22px;
color: var(–al-navy);
}

.alenaya-benefit p,
.alenaya-category p {
margin: 0;
color: var(–al-muted);
line-height: 1.75;
font-weight: 700;
}

.alenaya-category {
min-height: 230px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
position: relative;
}

.alenaya-category::after {
content: “”;
position: absolute;
width: 160px;
height: 160px;
left: -40px;
top: -36px;
border-radius: 46px;
transform: rotate(14deg);
background: linear-gradient(135deg, rgba(223,52,118,.18), rgba(15,154,148,.18));
}

.alenaya-category a {
position: relative;
z-index: 1;
color: var(–al-pink) !important;
font-weight: 900;
text-decoration: none !important;
}

.alenaya-offer {
border-radius: 34px;
padding: clamp(28px, 5vw, 58px);
background: linear-gradient(135deg, var(–al-navy), #0e6d69);
color: #fff;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 22px;
align-items: center;
box-shadow: 0 30px 70px rgba(7, 17, 31, .16);
}

.alenaya-offer h2 {
margin: 0 0 10px;
color: #fff;
font-size: clamp(30px, 4vw, 56px);
}

.alenaya-offer p {
margin: 0;
color: rgba(255,255,255,.82);
font-size: 20px;
line-height: 1.8;
}

.alenaya-shop-intro {
direction: rtl;
margin: 0 auto clamp(28px, 4vw, 48px);
padding: clamp(28px, 5vw, 58px);
width: min(1180px, calc(100% – 32px));
border-radius: 34px;
background:
radial-gradient(circle at 12% 14%, rgba(223,52,118,.18), transparent 30%),
radial-gradient(circle at 88% 10%, rgba(15,154,148,.18), transparent 30%),
linear-gradient(135deg, #fff7fb, #f3fbfb 55%, #fff9e2);
border: 1px solid var(–al-line);
box-shadow: 0 22px 60px rgba(7,17,31,.08);
}

.alenaya-shop-intro h1 {
margin: 12px 0 10px;
color: var(–al-navy);
font-size: clamp(34px, 5vw, 64px);
line-height: 1.15;
}

.alenaya-shop-intro p {
color: #4c5868;
font-size: clamp(17px, 1.7vw, 23px);
line-height: 1.8;
max-width: 780px;
margin: 0;
}

.alenaya-chip-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
}

.alenaya-chip-row a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 18px;
border-radius: 999px;
background: #fff;
border: 1px solid var(–al-line);
color: var(–al-navy) !important;
font-weight: 900;
text-decoration: none !important;
}

body.woocommerce.archive .site-main,
body.tax-product_cat .site-main,
body.single-product .site-main {
padding-top: 0 !important;
}

body.woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
gap: 22px !important;
align-items: stretch;
}

body.woocommerce ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 0 18px !important;
border: 1px solid var(–al-line);
border-radius: 24px;
background: #fff;
overflow: hidden;
box-shadow: 0 18px 44px rgba(7,17,31,.07);
display: flex !important;
flex-direction: column;
}

body.woocommerce ul.products li.product .ct-image-container,
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
display: block;
}

body.woocommerce ul.products li.product img {
width: 100% !important;
aspect-ratio: 1 / 1;
object-fit: contain !important;
padding: 22px;
margin: 0 !important;
background: #f6fbfb;
}

body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product h2 {
min-height: 54px;
padding: 18px 18px 0 !important;
margin: 0 0 10px !important;
font-size: 17px !important;
line-height: 1.55 !important;
color: var(–al-navy) !important;
font-weight: 900 !important;
}

body.woocommerce ul.products li.product .price {
display: block !important;
padding: 0 18px;
color: var(–al-pink) !important;
font-size: 21px !important;
font-weight: 950 !important;
margin-top: auto !important;
}

body.woocommerce ul.products li.product .button,
body.woocommerce ul.products li.product .added_to_cart {
margin: 14px 18px 0 !important;
min-height: 44px;
border-radius: 14px !important;
background: var(–al-navy) !important;
color: #fff !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-weight: 900 !important;
text-decoration: none !important;
}

body.woocommerce .woocommerce-result-count,
body.woocommerce .woocommerce-ordering {
margin-bottom: 24px !important;
}

body.woocommerce .woocommerce-ordering select {
min-height: 46px;
border-radius: 16px;
border: 1px solid var(–al-line);
padding: 0 18px;
background: #fff;
}

@media (max-width: 1024px) {
.alenaya-hero-grid,
.alenaya-offer {
grid-template-columns: 1fr;
}

.alenaya-benefits,
.alenaya-categories {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 768px) {
html,
body {
max-width: 100%;
overflow-x: hidden;
}

.alenaya-wrap,
.alenaya-shop-intro {
width: 100% !important;
max-width: 100% !important;
margin-inline: 0 !important;
padding-inline: 16px !important;
}

.alenaya-hero {
padding-top: 92px;
padding-inline: 0 !important;
text-align: center;
overflow: hidden;
width: 100vw !important;
max-width: 100vw !important;
margin-inline: calc(50% – 50vw) !important;
}

.alenaya-page,
.alenaya-page * {
box-sizing: border-box;
}

.alenaya-hero-grid {
display: flex;
flex-direction: column;
width: 100% !important;
max-width: 100% !important;
gap: 18px;
}

.alenaya-hero-grid > div:first-child {
order: 1;
width: 100%;
max-width: 100%;
}

.alenaya-hero-card {
order: 2;
width: 100%;
display: none;
}

.alenaya-hero h1,
.alenaya-shop-intro h1 {
font-size: 23px !important;
line-height: 1.22 !important;
width: calc(100% – 36px);
max-width: 340px;
overflow-wrap: anywhere;
text-align: center;
margin-inline: auto;
}

.alenaya-hero p {
font-size: 14px !important;
line-height: 1.85 !important;
width: calc(100% – 36px);
max-width: 340px;
text-align: center;
margin-inline: auto;
}

.alenaya-hero-card {
min-height: auto;
padding: 18px;
}

.alenaya-stats,
.alenaya-benefits,
.alenaya-categories {
grid-template-columns: 1fr;
}

.alenaya-stats {
display: none;
}

.alenaya-btns {
justify-content: center;
width: 100%;
}

.alenaya-hero .alenaya-pill {
display: none;
}

.alenaya-btn {
flex: 1 1 100%;
width: 100%;
max-width: 320px;
padding-inline: 16px;
}

.alenaya-offer {
border-radius: 24px;
}

body.woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}

body.woocommerce ul.products li.product {
border-radius: 18px;
}

body.woocommerce ul.products li.product img {
padding: 14px;
}

body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product h2 {
font-size: 14px !important;
min-height: 66px;
padding-inline: 12px !important;
}

body.woocommerce ul.products li.product .price {
font-size: 17px !important;
padding-inline: 12px;
}

body.woocommerce ul.products li.product .button,
body.woocommerce ul.products li.product .added_to_cart {
margin-inline: 12px !important;
font-size: 13px !important;
}
}

كل المنتجات

تسوقي منتجات العناية والبيت بسهولة

اختاري القسم، قارني السعر، وأكملي طلبك بخطوات واضحة. المنتجات تظهر هنا من كتالوج المتجر مباشرة.

البشرة
الشعر
الأم والطفل
المنزل والتنظيف