/* ===== LAWHAH HERO ===== */

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;700&display=swap');

/* ===================================================
إزالة padding/margin من كونتينر Salla
=================================================== */
section.s-block.s-block--bundle-html-content,
section.s-block.s-block--bundle-html-content > [class*="s-block-html-content"] {
padding: 0 !important;
margin: 0 !important;
}
img[src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/oKGKb/cgHophrgn1nAzi2iXKlcIFkYKe2b1HG9gPJ68s9C.png"]{
content:url("https://i.postimg.cc/26c1LrJb/LOGO.png") !important;
}
.dark .da-bgm {
background-color: #34356a !important;
}
/* ===================================================
Reset محلي داخل lw-hero بس
=================================================== */
.lw-hero,
.lw-hero *,
.lw-hero *::before,
.lw-hero *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
font-weight: unset;
border: 0;
}

.lw-hero strong { font-weight: 700; }
.lw-hero b { font-weight: 700; }

.lw-hero {
position: relative;
width: 100%;
font-family: 'Alexandria', sans-serif;
overflow: hidden;
margin-top: 0 !important;
padding-top: 0 !important;
}

/* ===== DESKTOP ===== */
.lw-hero__desktop {
display: block;
width: 100%;
position: relative;
background-image: url('https://i.postimg.cc/kGMyw7vv/lwht-stayl-2.webp');
background-size: cover;
background-position: center center;
aspect-ratio: 1920 / 1007;
min-height: 400px;
margin: 0 !important;
padding: 0 !important;
}

.lw-hero__desktop::before {
content: '';
position: absolute;
inset: 0;
background: rgba(10, 8, 50, 0.15);
pointer-events: none;
border: none !important;
}

/* ===== Badge (Desktop) ===== */
.lw-hero__badge {
position: absolute;
top: 16%;
left: 4%;
width: 21%;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
filter: drop-shadow(8px 8px 16px rgba(0,0,0,0.35));
transform: translate(-20%, -20%);
}

.lw-hero__badge-img {
width: 100%;
height: auto;
display: block;
}

.lw-hero__badge-text-wrap {
position: absolute;
left: 35%;
bottom: 49%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 2px;
}

.lw-hero__badge-count {
font-family: 'Alexandria', sans-serif;
font-size: clamp(14px, 1.7vw, 32px);
font-weight: 700;
color: #fff;
line-height: 1;
}

.lw-hero__badge-label {
font-family: 'Alexandria', sans-serif;
font-size: clamp(7px, 0.75vw, 13px);
font-weight: 500;
color: #fff;
line-height: 1.3;
}

/* ===== Content (Desktop) ===== */
.lw-hero__desktop-content {position: absolute;top: 50%;right: 5%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: flex-start;gap: 24px;}

.lw-hero__title {
font-family: 'Alexandria', sans-serif;
font-size: clamp(36px, 5vw, 96px);
font-weight: 400;
color: #ffffff;
line-height: 1.1;
text-align: right;
direction: rtl;
margin-bottom: 4px;
width: 100%;
}

.lw-hero__subtitle {
font-family: 'Alexandria', sans-serif;
font-size: clamp(28px, 4vw, 75px);
font-weight: 400;
color: #F2BF21;
line-height: 1.2;
text-align: right;
direction: rtl;
margin-bottom: 18px;
width: 100%;
}

.lw-hero__features {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3px;
margin-bottom: 16px;
width: 100%;
}

.lw-hero__features p {
font-family: 'Alexandria', sans-serif;
font-size: clamp(12px, 1.3vw, 22px);
color: #ffffff;
text-align: right;
direction: rtl;
line-height: 1.7;
width: 100%;
}

.lw-hero__price {
font-family: 'Alexandria', sans-serif;
font-size: clamp(22px, 2.8vw, 52px);
font-weight: 400;
color: #ffffff;
text-align: right;
direction: rtl;
margin-bottom: 24px;
width: 100%;
}

.lw-hero__price strong {
font-weight: 700;
}

.lw-hero__btn {
display: inline-block;
background: #F2BF21;
color: #201F4B !important;
font-family: 'Alexandria', sans-serif;
font-size: clamp(14px, 1.5vw, 26px);
font-weight: 700;
text-decoration: none !important;
padding: clamp(10px, 1.1vh, 16px) clamp(24px, 2.5vw, 44px);
border-radius: 8px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
white-space: nowrap;
}

.lw-hero__btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(242,191,33,0.45);
color: #201F4B !important;
text-decoration: none !important;
}

/* ===== Bar (Desktop) ===== */
.lw-hero__bar {
position: absolute;
bottom: 0;
right: 0;
left: 0;
display: flex;
align-items: center;
flex-direction: row;
padding: 8px 1% 10px;
flex-wrap: nowrap;
gap: clamp(10px, 1.5vw, 32px);
background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 100%);
direction: rtl;
}

.lw-bar-item {
display: flex;
align-items: center;
gap: 6px;
color: #fff;
font-family: 'Alexandria', sans-serif;
font-size: clamp(10px, 1vw, 19px);
white-space: nowrap;
direction: rtl;
flex-direction: row-reverse;
}

.lw-bar-item__icon {
width: clamp(18px, 1.6vw, 28px);
height: clamp(18px, 1.6vw, 28px);
flex-shrink: 0;
}

.lw-bar-item--push {
margin-right: auto;
}

/* ===== MOBILE ===== */

.lw-hero__mobile {display: none;width: 100%;position: relative;background-image:
url('https://i.postimg.cc/NfNH2831/i-Phone-16-17-Pro-Max-2-(1).webp');background-size: cover;background-position: center
top;aspect-ratio: 424 / 556;min-height: 120vh;margin: 0 !important;padding: 0 !important;overflow: hidden !important;}

.lw-hero__mobile-content {position: absolute;top: 39%;left: 50%;transform: translate(-50%, -50%);z-index: 2;display:
flex;flex-direction: column;align-items: center;text-align: center;padding: 0 5vw;width: 100%;direction: rtl;}

.lw-hero__mobile .lw-hero__title {
font-size: clamp(28px, 8.5vw, 52px);
text-align: center;
margin-bottom: 4px;
}

.lw-hero__mobile .lw-hero__subtitle {
font-size: clamp(22px, 7vw, 42px);
text-align: center;
margin-bottom: 14px;
}

.lw-hero__mobile .lw-hero__features {
align-items: center;
margin-bottom: 12px;
}

.lw-hero__mobile .lw-hero__features p {
font-size: clamp(12px, 3.5vw, 18px);
text-align: center;
}

.lw-hero__mobile .lw-hero__price {
font-size: clamp(20px, 6vw, 34px);
text-align: center;
margin-bottom: 18px;
}

/* ===== Badge (Mobile) ===== */
.lw-hero__mobile-badge {position: absolute;top: 67%;left: 12vw;width: 50%;z-index: 10;display: flex;align-items:
center;justify-content: center;transform: translate(-15%, -30%);}

.lw-hero__mobile-badge .lw-hero__badge-img {
width: 100%;
height: auto;
display: block;
}

.lw-hero__mobile-badge .lw-hero__badge-text-wrap {
position: absolute;
left: 0;
right: 22px;
bottom: 65px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 1px;
}

.lw-hero__mobile-badge .lw-hero__badge-count {
font-size: clamp(13px, 4.5vw, 26px);
}

.lw-hero__mobile-badge .lw-hero__badge-label {
font-size: clamp(6px, 2.2vw, 12px);
}

/* ===== Bar (Mobile) ===== */
.lw-hero__mobile-bar {position: relative;margin-top: 16px;left: 0;right: 0;z-index: 2;display:
grid;grid-template-columns: 2fr 1fr;gap: 8px 12px;padding: 4vw 2vw 6vw;width: 100%;direction: rtl;}

.lw-hero__mobile-bar .lw-bar-item {
font-size: clamp(11px, 3.2vw, 16px);
justify-content: flex-end;
flex-direction: row-reverse;
}

.lw-hero__mobile-bar .lw-bar-item__icon {
width: clamp(16px, 4.5vw, 24px);
height: clamp(16px, 4.5vw, 24px);
}

/* ===== Breakpoint ===== */
@media (max-width: 767px) {
.lw-hero__desktop { display: none; }
.lw-hero__mobile { display: flex; }
}



body.index .s-slider-block__title h2 {
color: #28274F;
background-image: url('https://i.postimg.cc/gjdzn2b7/Group-54.png');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
padding: 10px 25px;
width: 100%;
}
body.index .s-block__title h2 {
color: #28274F;
background-image: url('https://i.postimg.cc/gjdzn2b7/Group-54.png');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
padding: 10px 25px;
width: 20%;
}
@media(max-width:1224px){

body.index .s-block__title h2 {
color: #28274F;
background-image: url('https://i.postimg.cc/gjdzn2b7/Group-54.png');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
padding: 10px 25px;
width: 30%;
}

}
@media(max-width:992px){

body.index .s-block__title h2 {
color: #28274F;
background-image: url('https://i.postimg.cc/gjdzn2b7/Group-54.png');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
padding: 10px 25px;
width: 60%;
}

}


/**** start banners ***/
section.s-block.s-block--fixed-banner.wide-placeholder>.container {
padding: 0 !important;
margin: 0 !important;
max-width: unset !important;
}

.banner--fixed img {
border-radius: 0 !important;
}

/**** End banners ***/
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
background: #2B2A63 !important;
color:#fff !important;
border-radius:5px !important;
}
.s-angel-maps h3 {
color:#fff ;
}
@media (min-width: 768px) {
.tabs__flex {
justify-content: flex-start;
}
}
@media (min-width: 768px) {
.s-angel-maps .tabs__flex {
justify-content: center !important;
}
}


body.index .tabs__outline .tab-trigger.tab-trigger.is-active {
background-image: url('https://i.postimg.cc/gjdzn2b7/Group-54.png') !important;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-color: transparent !important;
color: #28274F !important;
border:none !important;
font-size:25px;
}

body.index .tabs__outline .tab-trigger.tab-trigger.inactive {
border:none !important;
}
.store-footer h3 {
color: #414042;
color: #FBBF24;
}
.dark .s-contacts-item {
background-color: #FBBF24;
color: #2b2a63;
}

.dark .s-contacts-item {
background-color: #FBBF24;
color: #2b2a63;
}
.dark .s-social-link a {
background-color: #FBBF24 !important;
color: #2b2a63 !important;
}


.dark .form-input, .dark .s-comment-form-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark
.s-verify-input, .dark .tel-input, .dark input, .dark select, .dark textarea {
background-color: #ffffff ;

}
.store-footer .dark .form-input::placeholder{
color: #2b2a63;
}


i.sicon-menu.text-primary.text-2xl{
color: #fff;
}
@media(max-width:992px){
.store-footer .store-links-items {


align-items: center;
display: flex !important;
justify-content: center !important;
flex-direction: column !important;
gap: 9px;
}

.store-footer .footer-vat.flex.justify-center.gap-6.px-8.md\:px-4 {
flex-direction: column;
align-items: center;
}
img[src="https://cdn.files.salla.network/homepage/612285105/a368f14e-59c1-4e8c-bc9f-828ba42e17f8.webp"]{
content: url("https://i.postimg.cc/1tzg3kfL/i-Phone-16-17-Pro-Max-3.webp")
}
img[src="https://cdn.files.salla.network/homepage/612285105/4da54165-a596-4750-b7c9-7f3e116c601b.webp"]{
content: url("https://i.postimg.cc/FRKfHM7B/i-Phone-16-17-Pro-Max-4.webp")

}
}



.store-footer .store-links-items {
   
    column-count: 1;
}
.store-footer img.logo-light.foo {
    height: 100px !important;
}