:root { --btn-border: #000; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { height: 100%; direction: rtl; /* غيّرها لltr للإنجليزي لو حبيت */ /*background: #fff;*/ } /* الحاوية الرئيسية */ .promo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 1200px; margin: 0 auto; } /* عنصر البانر */ .promo-item { position: relative; overflow: hidden; border-radius: 0px; aspect-ratio: 1 / 1; /* مربع */ display: grid; } /* الخلفية */ .promo-bg { position: absolute; inset: 0; overflow: hidden; } .promo-bg img { width: 100%; height: 100%; object-fit: cover; /* تغطي العنصر بالكامل */ object-position: center; /* تركز الصورة في المنتصف */ transition: transform .6s ease; will-change: transform; } /* محتوى البانر */ .promo-content { position: absolute; inset-inline-start: 10px; bottom: 10px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; text-align: start; gap: 4px; padding: 6px 10px; border-radius: 6px; max-width: 80%; } /* نصوص */ .promo-heading { font-size: clamp(14px,2.5vw,18px); color: #fff; margin: 0; } .promo-sub { font-size: clamp(11px,2vw,14px); color: #fff; opacity: .9; margin: 0; } /* زر CTA */ .promo-cta { display: inline-block; padding: 6px 0; border: none; text-decoration: underline; color: #fff; background: transparent; font-size: 12px; transition: all .2s ease; margin-top: 4px; align-self: flex-start; } /* موبايل */ @media (max-width: 768px) { .promo-grid { grid-template-columns: 1fr; } }

Best Sellers

Jeans abaya 54

RAN 4