/* Add custom CSS styles below */ 
.saji-pdp__desc [style*="background-color: rgb(255, 255, 0)"], .saji-pdp__desc [style*="background-color: rgb(255, 255, 0)"] * { color: #1976D2 !important; }
.saji-pdp__gallery.has-one-image .saji-pdp__slide:only-child { opacity: 1 !important; } .saji-pdp__gallery.has-one-image .saji-pdp__slider { aspect-ratio: 1 / 1; }
html.dark #more-content [style*="background-color: rgb(241, 244, 99)"], html.dark #more-content [style*="background-color: rgb(241, 244, 99)"] *, html.dark .saji-pdp__desc [style*="background-color: rgb(241, 244, 99)"], html.dark .saji-pdp__desc [style*="background-color: rgb(241, 244, 99)"] * { color: #111 !important; }
custom-salla-product-card {
    border: 1px solid #ff2124;
    border-radius: 13px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
html:root { --color-primary: #e3121b; --color-primary-dark: #b80d14; --color-primary-light: #ff3b3b; --s-radius: 20px; --store-background: #f6f6f8; --store-background-secondary: #ffffff; --store-title: #16161a; --store-description: #5f5f68; --product-btns-bg: #e3121b; --header-bg: #ffffff; --footer-bg: #0c0c0e; }
html.dark { --color-primary: #e3121b; --store-background: #050505; --store-background-secondary: #0c0c0e; --header-bg: #050505; --product-background: #0c0c0e; --product-btns-bg: #e3121b; --bottom-menu-bg: #050505; --footer-bg: #050505; --subcategory-bg-color: #16161a; --data-breadcrumbs-bg: #050505; }
.saji-header-bar { border-bottom: 1px solid rgba(227, 18, 27, .25); box-shadow: 0 4px 30px rgba(227, 18, 27, .10); }
custom-salla-product-card { border: 1px solid rgba(227, 18, 27, .35); border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, .15); transition: transform .25s ease, box-shadow .25s ease; } custom-salla-product-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(227, 18, 27, .30); }
[class*="s-button-primary"], .saji-add-btn-theme button { background-image: linear-gradient(135deg, #b80d14, #e3121b 50%, #ff3b3b) !important; border-color: transparent !important; box-shadow: 0 8px 22px rgba(227, 18, 27, .35); }
html.dark body { background-image: radial-gradient(60% 40% at 80% 0%, rgba(227, 18, 27, .14), transparent 70%); background-repeat: no-repeat; }
html.dark { --store-title: #ffffff; --store-description: #d4d4da; --product-color: #ffffff; --product-price-color: #ffffff; }
html.dark .s-block__title h2, html.dark .s-block__title h3, html.dark .saji-main-title { color: #ffffff !important; }
@media (prefers-reduced-motion: no-preference) { .hx-orb { animation: hxf 6s ease-in-out infinite; } .hx-o2 { animation-delay: -2s; } .hx-o3 { animation-delay: -4s; } .hx-core { animation: hxp 4s ease-in-out infinite; } .hx-copy > * { animation: hxu .7s cubic-bezier(.2, .8, .2, 1) backwards; } .hx-copy > *:nth-child(2) { animation-delay: .08s; } .hx-copy > *:nth-child(3) { animation-delay: .16s; } .hx-copy > *:nth-child(4) { animation-delay: .24s; } .hx-copy > *:nth-child(5) { animation-delay: .32s; } @keyframes hxf { 50% { transform: translateY(-10px); } } @keyframes hxp { 50% { transform: scale(1.04); } } @keyframes hxu { from { transform: translateY(16px); } } @supports (animation-timeline: view()) { .hx-card, .hx-tile { animation: hxr linear both; animation-timeline: view(); animation-range: entry 0% entry 45%; } @keyframes hxr { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } } } }
.saji-pdp__gallery .saji-pdp__slider { border-radius: 24px; overflow: hidden; border: 1px solid rgba(227, 18, 27, .28); box-shadow: 0 20px 60px rgba(227, 18, 27, .12); }
html.dark .saji-pdp__info-col { background: #0c0c0e; border: 1px solid rgba(255, 255, 255, .08); border-radius: 24px; }
.saji-pdp__buybox { border-radius: 20px; border: 1px solid rgba(227, 18, 27, .35); box-shadow: 0 14px 40px rgba(0, 0, 0, .3); }
.store-footer { border-top: 1px solid rgba(227, 18, 27, .35); box-shadow: 0 -20px 60px rgba(227, 18, 27, .12); } .footer-title { position: relative; } .footer-title:after { content: ''; display: block; width: 34px; height: 3px; margin-top: 8px; border-radius: 3px; background: linear-gradient(90deg, #e3121b, #ff3b3b); } .store-footer a:hover { color: #ff3b3b; }
::selection { background: #e3121b; color: #ffffff; } html.dark { scrollbar-color: #e3121b #0c0c0e; }
.saji-main-title { font-weight: 900; letter-spacing: -.3px; } .saji-main-subtitle { opacity: .85; }
.saji-common-questions__item { border-radius: 18px !important; border: 1px solid rgba(227, 18, 27, .28) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .08); transition: box-shadow .25s ease, border-color .25s ease; } .saji-common-questions__item.saji-accordion-active { border-color: #e3121b !important; box-shadow: 0 12px 34px rgba(227, 18, 27, .22); } .saji-common-questions__question { font-weight: 800; padding: 16px 20px !important; }
.statistics-list__item { border-radius: 20px; border: 1px solid rgba(227, 18, 27, .28); background: var(--store-background-secondary); box-shadow: 0 10px 30px rgba(0, 0, 0, .1); } .saji-statistics__title { color: #e3121b; font-weight: 900; }
.saji-testimonials__card { border-radius: 24px !important; border: 1px solid rgba(227, 18, 27, .3) !important; box-shadow: 0 14px 40px rgba(0, 0, 0, .18) !important; }
.s-block--fixed-banner .container { max-width: 1240px; padding: 0 14px; } .s-block--fixed-banner img { border-radius: 24px; } .s-block--fixed-banner a { display: block; border-radius: 24px; overflow: hidden; border: 1px solid rgba(227, 18, 27, .3); }
@media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: view()) { .saji-common-questions__item, .statistics-list__item, .saji-testimonials__card { animation: hxr linear both; animation-timeline: view(); animation-range: entry 0% entry 45%; } } }
html:not(.dark) .hx-hero { color: #16161a; background: radial-gradient(70% 90% at 100% 0%, rgba(227, 18, 27, .16), transparent 60%), linear-gradient(160deg, #ffffff, #fff6f6 70%, #ffeaea); border-color: rgba(227, 18, 27, .3); box-shadow: 0 30px 80px rgba(227, 18, 27, .13); } html:not(.dark) .hx-hero:before { background-image: radial-gradient(rgba(0, 0, 0, .07) 1px, transparent 1px); } html:not(.dark) .hx-title { color: #16161a; } html:not(.dark) .hx-sub { color: #5f5f68; }
html:not(.dark) .hx-btn-g { color: #16161a !important; border-color: rgba(0, 0, 0, .18); background: rgba(0, 0, 0, .03); } html:not(.dark) .hx-chips span { color: #16161a; background: #ffffff; border-color: rgba(0, 0, 0, .1); } html:not(.dark) .hx-pill { background: rgba(227, 18, 27, .08); } html:not(.dark) .hx-ob { background: #ffffff; box-shadow: 0 10px 24px rgba(0, 0, 0, .14), 0 0 16px rgba(227, 18, 27, .18); } html:not(.dark) .hx-core { box-shadow: 0 0 60px rgba(227, 18, 27, .35), inset 0 0 30px rgba(255, 255, 255, .6); } html:not(.dark) .hx-ob[style*="#fffc00"] { --c: #e0a800; } html:not(.dark) .hx-ob[style*="#ffffff"] { --c: #16161a; }
html:not(.dark) .hx-ob[style*="#fffc00"] { color: #e0a800 !important; } html:not(.dark) .hx-ob[style*="#ffffff"] { color: #16161a !important; }
body.index .app-inner::before { content: ''; position: fixed; inset: -10%; z-index: -1; pointer-events: none; background: radial-gradient(38% 30% at 22% 28%, rgba(227, 18, 27, .17), transparent 70%), radial-gradient(34% 28% at 78% 82%, rgba(255, 59, 59, .12), transparent 70%); }
body.index .app-inner::after { content: ''; position: fixed; inset: 0 0 -300px 0; z-index: -1; pointer-events: none; background-image: radial-gradient(3px 3px at 40px 60px, rgba(255, 90, 90, .8), transparent), radial-gradient(2px 2px at 190px 140px, rgba(255, 255, 255, .55), transparent), radial-gradient(2.5px 2.5px at 120px 230px, rgba(227, 18, 27, .75), transparent), radial-gradient(2px 2px at 260px 40px, rgba(255, 255, 255, .4), transparent); background-size: 300px 300px; } html:not(.dark) body.index .app-inner::after { display: none; }
@media (prefers-reduced-motion: no-preference) { body.index .app-inner::before { animation: hxg1 16s ease-in-out infinite alternate; } body.index .app-inner::after { animation: hxrs 16s linear infinite; } @keyframes hxg1 { to { transform: translate3d(5%, 4%, 0) scale(1.08); } } @keyframes hxrs { to { transform: translateY(-300px); } } }
.subcategory-item { position: relative; display: flex !important; flex-direction: column; align-items: center; gap: 10px; padding: 18px 12px !important; border-radius: 22px; border: 1px solid rgba(227, 18, 27, .3); background: var(--store-background-secondary); box-shadow: 0 10px 30px rgba(0, 0, 0, .08); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .subcategory-item:hover { transform: translateY(-5px); border-color: #e3121b; box-shadow: 0 18px 44px rgba(227, 18, 27, .28); }
.subcategory-item > div { display: none !important; } .subcategory-item::before { content: '\e924'; font-family: 'sallaicons'; flex: none; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; font-size: 30px; line-height: 1; color: #e3121b; background: rgba(227, 18, 27, .1); border: 1px solid rgba(227, 18, 27, .28); } .subcategory-item[href*="NrRRpq"]::before { content: '\e95e'; color: #e0a800; } .subcategory-item strong { width: auto !important; font-size: 16px !important; font-weight: 800; }
body.product-index .saji_titles_data { position: relative; margin-top: 18px !important; padding: 38px 16px 30px; border-radius: 28px; border: 1px solid rgba(227,18,27,.28); background: radial-gradient(60% 120% at 50% 0%, rgba(227,18,27,.22), transparent 70%); } html:not(.dark) body.product-index .saji_titles_data { background: radial-gradient(60% 120% at 50% 0%, rgba(227,18,27,.12), transparent 70%), #fff; }
body.product-index .saji-page-title { font-weight: 900 !important; font-size: clamp(30px,5vw,46px) !important; } body.product-index .subcategory-item { border-color: rgba(227,18,27,.4) !important; transition: transform .25s, box-shadow .25s; } body.product-index .subcategory-item:hover { transform: translateY(-5px); box-shadow: 0 16px 34px rgba(227,18,27,.28); }
body.product-index #product-filter { border-radius: 999px !important; border: 1px solid rgba(227,18,27,.45) !important; font-weight: 700; } body.product-index custom-salla-product-card { transition: transform .25s, box-shadow .25s, border-color .25s; } body.product-index custom-salla-product-card:hover { transform: translateY(-6px); border-color: rgba(227,18,27,.7) !important; box-shadow: 0 18px 40px rgba(227,18,27,.28); }
.hx-ob { color: #ff3b3b !important; } html:not(.dark) .hx-ob, html:not(.dark) .hx-ob[style] { color: #e3121b !important; }
.container--breadcrumbs, salla-breadcrumb { min-height: 100px; } @media (min-width: 768px) { .container--breadcrumbs, salla-breadcrumb { min-height: 142px; } }
html.dark .thankyou-block .rounded-icon { background: rgba(227,18,27,.15) !important; border: 1px solid rgba(227,18,27,.4); } html.dark .thankyou-block .rounded-icon, html.dark .thankyou-block .rounded-icon * { color: #ff3b3b !important; }
html.dark .thankyou-block .rounded-full { background: rgba(227,18,27,.15) !important; border: 1px solid rgba(227,18,27,.4); } html.dark .thankyou-block .rounded-full, html.dark .thankyou-block .rounded-full * { color: #ff3b3b !important; }
.container.mb-20 > .bg-white, .thankyou-block, .s-next-order-coupon-wrapper, .s-next-order-coupon-card { border-radius: 24px !important; border-color: rgba(227,18,27,.28) !important; } .container.mb-20 > .bg-white { box-shadow: 0 20px 60px rgba(227,18,27,.12); }
html.dark .container.mb-20 > .bg-white, html.dark .thankyou-block, html.dark .s-next-order-coupon-card { background: #0c0c0e !important; color: #f2f2f2 !important; } html.dark .s-next-order-coupon-wrapper { background: rgba(227,18,27,.14) !important; color: #f2f2f2 !important; } html.dark .container.mb-20 :is(h1, h2, h3, h4, p, span, strong, b, small, label, div) { color: #f2f2f2; } html.dark .thankyou-block input { background: #050505 !important; color: #fff !important; border-color: rgba(227,18,27,.4) !important; } html.dark .h-52.bg-primary { background: radial-gradient(60% 120% at 50% 0%, rgba(227,18,27,.4), transparent 70%) !important; }
.h-52.bg-primary { background: linear-gradient(135deg, #b80d14, #e3121b 55%, #ff3b3b); }
.content--single-page { border-radius: 26px !important; border: 1px solid rgba(227,18,27,.3); box-shadow: 0 20px 60px rgba(227,18,27,.12); padding: 28px !important; line-height: 2; } .content--single-page h2 { font-size: 22px; font-weight: 900; margin: 24px 0 10px; padding-inline-start: 12px; border-inline-start: 4px solid #e3121b; } .content--single-page li::marker { color: #e3121b; }
html.dark .content--single-page { background: #0c0c0e !important; color: #e8e8ec !important; } html.dark .content--single-page :is(p, li, span, strong, em, td, th, div, h1, h3, h4) { color: #e8e8ec !important; } html.dark .content--single-page [style*='152, 0, 0'], html.dark .content--single-page h2 * { color: #ff3b3b !important; } html.dark .content--single-page :is(textarea, select, input) { background: #050505 !important; color: #fff !important; border-color: rgba(227,18,27,.4) !important; }
html:not(.dark) .content--single-page [style*='152, 0, 0'], html:not(.dark) .content--single-page h2 * { color: #e3121b !important; }
.subcategory-item[href*=qZQzWb]::before { content: '\e9b3'; } .subcategory-item[href*=zYvrag]::before { content: '\e9a3'; } .subcategory-item[href*=XWeKXy]::before { content: '\e954'; } .subcategory-item[href*=mxQoKb]::before { content: '\e938'; } .subcategory-item[href*=oxnzEZ]::before { content: '\e950'; }
html:not(.dark) .hx-pf .hx-pb { background: linear-gradient(135deg, #b80d14, #e3121b 55%, #ff3b3b) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 10px 24px rgba(227,18,27,.35) !important; }
html:not(.dark) .hx-tile { background: linear-gradient(160deg, #fff, #fff1f2) !important; border-color: rgba(227,18,27,.28) !important; box-shadow: 0 14px 34px rgba(227,18,27,.12) !important; } html:not(.dark) .hx-tile b { color: #16161a !important; } html:not(.dark) .hx-tile span { color: #5f5f68 !important; } html:not(.dark) .hx-tile em, html:not(.dark) .hx-tile .hx-ti { color: #e3121b !important; }
html:not(.dark) .hx4-in, html:not(.dark) .hx3-in { background: linear-gradient(160deg, #fff, #fff1f2) !important; border-color: rgba(227,18,27,.28) !important; box-shadow: 0 14px 34px rgba(227,18,27,.12) !important; } html:not(.dark) .hx4-tx, html:not(.dark) .hx4-tx b, html:not(.dark) .hx3-t, html:not(.dark) .hx3-tx { color: #16161a !important; } html:not(.dark) .hx4-tx span, html:not(.dark) .hx3-tx p { color: #5f5f68 !important; } html:not(.dark) .hx3-s { background: #fff !important; color: #16161a !important; border: 1px solid rgba(0,0,0,.14) !important; }
body.product-single .saji-pdp__desc :is(h1, h2, h3) { font-size: 19px !important; line-height: 1.6 !important; font-weight: 800 !important; margin-bottom: 8px; }
body.product-single .saji-wishlist-link-btn, body.product-single .saji-wishlist-link-btn [class*=s-button] { background: transparent !important; box-shadow: none !important; color: #ff3b3b !important; border-radius: 999px !important; }
body.product-single .product-title, body.product-single .saji-pdp__header h1 { font-weight: 900 !important; line-height: 1.45; } body.product-single .saji-pdp__price-display strong { color: #ff3b3b !important; font-size: 30px !important; font-weight: 900; } html:not(.dark) body.product-single .saji-pdp__price-display strong { color: #e3121b !important; }
body.product-single .saji-pdp__countdown { padding: 12px 16px; border-radius: 18px; border: 1px solid rgba(227,18,27,.35); background: rgba(227,18,27,.07); } body.product-single .saji-pdp__stock-status { padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(41,182,60,.4); background: rgba(41,182,60,.08); }
body.product-single .saji-pdp__payments { padding: 14px; border-radius: 18px; border: 1px dashed rgba(227,18,27,.3); background: rgba(227,18,27,.04); } body.product-single .saji-tabs--pills button, body.product-single .saji-tabs--pills a { border-radius: 999px !important; font-weight: 800; }
body.product-single [class*=cashback] { background: rgba(227,18,27,.08) !important; border: 1px solid rgba(227,18,27,.35) !important; border-radius: 16px; } body.product-single [class*=cashback] * { color: #ff3b3b !important; } body.product-single custom-salla-product-card { transition: transform .25s, box-shadow .25s; } body.product-single custom-salla-product-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(227,18,27,.28); }
.hx6-i:has(> .sicon-chat-bubbles), .hx6-i:has(> .sicon-users) { position: relative; overflow: hidden; } .hx6-i:has(> .sicon-chat-bubbles) s, .hx6-i:has(> .sicon-users) s { display: none; } .hx6-i:has(> .sicon-chat-bubbles)::before, .hx6-i:has(> .sicon-users)::before { content: ''; position: absolute; inset: 0; }
.hx6-i:has(> .sicon-chat-bubbles)::before { background: url(https://cdn.salla.sa/lvEmd/w8tU3YFrG1A91pneGdvhOJ5Uj9XSi06TgRc2Wmr6.webp) center/cover; }
.hx6-i:has(> .sicon-users)::before { background: url(https://cdn.salla.sa/lvEmd/MqoriG21kvYalGsi0SRpV1AHVcG9IYrXQRr6Jjn4.webp) center/cover; }
body.product-index .subcategory-item::before { color: #ff3b3b !important; }
section:first-of-type {
    margin-top: 0px !important;
}
.s-block--fixed-banner .container {
    max-width:100%;
    padding:0px;
    
}
.saji-breadcrumb .s-breadcrumb-wrapper {
    padding: 1rem;
    margin-top: 34px;
}
.dark div#more-content * {
    color: #fff !important;
}
.dark h2.ql-direction-rtl * {
    color: red !important;
}
.dark h3.ql-direction-rtl * {
    color: #ffffff !important;
}
.dark strong.product-entry__sub-title.text-base.lg\:text-base {
    color: #fff !important;
}
.dark .s-product-options-grid-mode-span {
    color:#fff !important;
}

.dark .product-form-data ul {
    padding: revert;
    color: #fff;
}

.dark h3.ql-direction-rtl span  ,.dark h2.ql-direction-rtl  span{
    color: red !important;
}
.dark p.ql-direction-rtl *{color:#fff !important;}

a.subcategory-item div {
    width: 4rem;
}
.footer-menu.text-center {
    text-align: right;
}
.saji-footer-menu--cols-2 .s-menu-footer-list {
    -moz-columns: 1;
    column-count: 1;
}
salla-contacts.saji-anime-item{
    text-align: right;
}
.saji-menu-links a {
    font-size: 17px;
}
.dark .content.content--single-page  p.ql-direction-rtl * {
    color:#000 !important;
}
.dark article.saji-rich-content.blog-article__body ol *  ,.dark article.saji-rich-content.blog-article__body ul *{
    color: #fff !important;
}

nav#big--menunavbig {
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
}
.itme-categories-image {
    border: 2px solid #ff5a66;
    border-radius: 20px;
    box-shadow: 0 0 5px #ff5a66, 0 0 10px rgba(255, 60, 80, 0.7), inset 0 0 8px rgba(255, 60, 80, 0.15);
}
nav#big--menunavbig [href="https://i7xstore.com/blog"] {
    display: none;
}

[href="https://i7xstore.com/category/EydgYv"] {
    color: #d71b1f;
}
span.s-button-text {
    font-size: 14px !important;
}

.product-entry.product-entry--vertical form.product-form.content-wrap .product-entry__title {
    font-size: 15px;
}
.s-product-options-grid-mode-span {

    font-size: 14px;
}
body.font-apple .btn--add-to-cart {
    background: #b61314;
}
.custom-header-currency {
    display: flex !important;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.custom-header-currency > strong {
    display: flex !important;
    align-items: center;
  justify-content
: end;
}

.custom-header-currency .sicon-dollar-coin-stack {
    font-size: 18px;
}

.custom-header-currency .text-xs {
    font-size: 11px;
}
.top-navbar {
    display: none;
}
.saji-breadcrumb .s-breadcrumb-wrapper {
    padding: 1rem;
    margin-top: 90px;
}
.dark div#more-content a {
    color: #1155cc !important;
}

.national-offer-countdown {
  width: 100%;
  max-width: 700px;
  margin: 15px auto;
  padding: 18px 25px 15px;
  box-sizing: border-box;
  background: #000;
  border-radius: 17px;
  color: #ff2b2b;
  font-family: Arial, Tahoma, sans-serif;
  text-align: center;
}

.countdown-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.countdown-title {
  font-size: 18px;
  font-weight: bold;
  color: #ff2b2b;
}

.countdown-heading img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}

.countdown-line {
  height: 1px;
  background: #292929;
  margin: 14px 0 11px;
}

.countdown-timer {
  direction: ltr;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.countdown-item {
  min-width: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.countdown-item span {
  font-size: 25px;
  line-height: 1;
  font-weight: bold;
  color: #ff2b2b;
  font-variant-numeric: tabular-nums;
}

.countdown-item small {
  font-size: 11px;
  color: #ff2b2b;
}

.countdown-separator {
  color: #ff2b2b;
  font-size: 22px;
  font-weight: normal;
  margin: 0 9px;
  align-self: center;
}

@media (max-width: 480px) {

  .national-offer-countdown {
    padding: 15px 8px 13px;
    border-radius: 15px;
  }

  .countdown-title {
    font-size: 14px;
  }

  .countdown-heading img {
    width: 37px;
    height: 37px;
  }

  .countdown-item {
    min-width: 48px;
  }

  .countdown-item span {
    font-size: 21px;
  }

  .countdown-item small {
    font-size: 10px;
  }

  .countdown-separator {
    font-size: 18px;
    margin: 0 3px;
  }
}

/*بنر خصم كود المنتخب*/
/* ==============================
   HAKS STORE - SAUDI POPUP
================================ */

.saudi96-overlay {
    position: fixed;
    inset: 0;

    background: rgba(0, 0, 0, .65);

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 999999999;

    padding: 20px;

    box-sizing: border-box;

    animation: saudi96Fade .35s ease;
}


/* ==============================
   POPUP
================================ */

.saudi96-popup {
    width: 100%;
    max-width: 430px;

    background: #fff;

    border-radius: 22px;

    padding: 35px 25px 30px;

    text-align: center;

    position: relative;
    overflow: hidden;

    box-shadow:
        0 20px 60px rgba(0, 0, 0, .25);

    animation:
        saudi96Popup .45s ease;

    direction: rtl;

    box-sizing: border-box;

    font-family:
        "Tajawal",
        Arial,
        sans-serif;
}


/* الخط الأخضر العلوي */

.saudi96-popup::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    left: 0;

    height: 6px;

    background: #006c35;
}


/* ==============================
   CLOSE BUTTON
================================ */

.saudi96-close {
    position: absolute;

    top: 10px;
    left: 12px;

    width: 32px;
    height: 32px;

    border: 0;

    border-radius: 50%;

    background: #f3f3f3;

    color: #333;

    font-size: 24px;

    line-height: 30px;

    cursor: pointer;

    padding: 0;

    transition:
        background .2s ease,
        transform .2s ease;
}


.saudi96-close:hover {
    background: #e8e8e8;

    transform: rotate(90deg);
}


/* ==============================
   SAUDI FLAG
================================ */

.saudi96-flag {
    font-size: 55px;

    margin-bottom: 8px;

    animation:
        saudi96Flag
        1.5s
        ease-in-out
        infinite;
}


/* ==============================
   TITLE
================================ */

.saudi96-title {
    color: #006c35;

    font-size: 27px;

    font-weight: 800;

    margin-bottom: 12px;
}


/* ==============================
   DESCRIPTION
================================ */

.saudi96-text {
    color: #555;

    font-size: 16px;

    line-height: 1.8;

    margin-bottom: 22px;
}


/* ==============================
   DISCOUNT CODE
================================ */

.saudi96-code-box {
    display: flex;

    align-items: center;

    gap: 8px;

    background: #f4f8f5;

    border:
        2px dashed #006c35;

    border-radius: 12px;

    padding: 7px;
}


.saudi96-code-box span {
    flex: 1;

    color: #006c35;

    font-size: 20px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* ==============================
   COPY BUTTON
================================ */

.saudi96-copy {
    border: 0;

    background: #006c35;

    color: #fff;

    border-radius: 9px;

    padding: 11px 17px;

    font-family: inherit;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    transition: .25s;
}


.saudi96-copy:hover {
    background: #004d27;
}


/* ==============================
   COPIED MESSAGE
================================ */

.saudi96-copied {
    display: none;

    color: #006c35;

    font-size: 14px;

    font-weight: 700;

    margin-top: 12px;
}


/* ==============================
   CLOSE ANIMATION
================================ */

.saudi96-overlay.saudi96-closing {
    opacity: 0;

    transition: opacity .25s ease;
}


.saudi96-overlay.saudi96-closing
.saudi96-popup {
    transform:
        scale(.92)
        translateY(15px);

    opacity: 0;

    transition:
        transform .25s ease,
        opacity .25s ease;
}


/* ==============================
   ANIMATIONS
================================ */

@keyframes saudi96Fade {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}


@keyframes saudi96Popup {

    from {
        opacity: 0;

        transform:
            scale(.85)
            translateY(20px);
    }

    to {
        opacity: 1;

        transform:
            scale(1)
            translateY(0);
    }

}


@keyframes saudi96Flag {

    0%,
    100% {
        transform:
            rotate(-3deg)
            scale(1);
    }

    50% {
        transform:
            rotate(3deg)
            scale(1.08);
    }

}


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

@media (max-width: 480px) {

    .saudi96-overlay {
        padding: 15px;
    }


    .saudi96-popup {
        padding:
            32px
            18px
            25px;

        border-radius: 18px;
    }


    .saudi96-flag {
        font-size: 48px;
    }


    .saudi96-title {
        font-size: 23px;
    }


    .saudi96-text {
        font-size: 14px;
    }


    .saudi96-code-box span {
        font-size: 17px;
    }


    .saudi96-copy {
        padding:
            10px
            12px;

        font-size: 13px;
    }

}

.i7x-plus-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e60000;
    color: #fff !important;
    padding: 8px 15px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none !important;
    margin-inline-end: 8px;
    transition: .3s;
}

.i7x-plus-button:hover {
    background: #b80000;
    color: #fff !important;
}
@media (max-width:900px){
  li.main-menu__item.i7x-plus-menu-item {
    background: #b71414;
    width: 61%;
    margin: 10px auto;
    border-radius: 20px;
    padding: 0px;
    height: 33px;
}
}

/* === CLS fix (2026-11-04): reserve space for late-rendered HTML blocks on mobile === */
@media (max-width:767px){
  section[component-id="1331591679"]{min-height:2790px}
  section[component-id="1223772251"]{min-height:920px}
  section[component-id="861770069"]{min-height:155px}
  section[component-id="1735478113"]{min-height:680px}
  section[component-id="1054864363"]{min-height:1575px}
  section[component-id="918473507"]{min-height:880px}
  section[component-id="954820780"]{min-height:865px}
  section[component-id="10218028"]{min-height:670px}
  section[component-id="1382025517"]{min-height:335px}
  #testimonials-slider-11-block{min-height:1040px}
}

/* FAQ contrast fix 2026-11-05: overrides .dark ... p.ql-direction-rtl * {color:#000} */
.content--single-page .content-entry { font-size: 16.5px; line-height: 2; max-width: 860px; margin-inline: auto; }
.content--single-page .content-entry h2 { font-size: 22px; font-weight: 900; margin: 32px 0 12px; line-height: 1.6; }
.content--single-page .content-entry h3 { font-size: 18px; font-weight: 800; margin: 22px 0 6px; line-height: 1.7; }
.content--single-page .content-entry p { margin: 0 0 10px; }
.content--single-page .content-entry a { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px; font-weight: 700; }
.content--single-page .content-entry :is(h2, h3) + p { margin-top: 2px; }
html:not(.dark) .content--single-page { background: #ffffff !important; }
html:not(.dark) .content--single-page .content-entry :is(p, li, span, em, td, th, div) { color: #231f1e !important; }
html:not(.dark) .content--single-page .content-entry :is(h2, h3, h4, strong, b) { color: #121010 !important; }
html:not(.dark) .content--single-page .content-entry a,
html:not(.dark) .content--single-page .content-entry a * { color: #b30d14 !important; }
html:not(.dark) .content--single-page .content-entry h3 { border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: 6px; }
html.dark .content--single-page { background: #0c0c0e !important; }
html.dark .content--single-page .content-entry :is(p, li, span, em, td, th, div) { color: #ececf0 !important; }
html.dark .content--single-page .content-entry :is(h2, h3, h4) { color: #ffffff !important; }
html.dark body .content.content--single-page .content-entry p.ql-direction-rtl strong,
html.dark body .content.content--single-page .content-entry :is(strong, b) { color: #ffffff !important; }
html.dark body .content.content--single-page .content-entry p.ql-direction-rtl a,
html.dark body .content.content--single-page .content-entry p.ql-direction-rtl a *,
html.dark body .content.content--single-page .content-entry a,
html.dark body .content.content--single-page .content-entry a * { color: #ff7a7f !important; }
html.dark .content--single-page .content-entry h3 { border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 6px; }

/* anim-limit 2026-11-05: stop home background animations after 3 cycles (48s) to cut main-thread load */
@media (prefers-reduced-motion: no-preference) {
  body.index .app-inner::before { animation-iteration-count: 3; animation-fill-mode: forwards; }
  body.index .app-inner::after { animation-iteration-count: 3; }
}

/* pdp-mobile-speed 2026-11-05: footer deferred paint + square gallery slide reserve (mobile only) */
@media (max-width: 767px) {
  footer.store-footer { content-visibility: auto; contain-intrinsic-size: auto 610px; }
  .saji-pdp__slide { aspect-ratio: 1 / 1; }
}

/* blog-contrast 2026-11-06: dark-mode readability for blog articles + footer certificate link */
html.dark body.blog-single article.blog-article__body :is(p, li, span, em, td, th, div, blockquote) { color: #ececf0 !important; }
html.dark body.blog-single article.blog-article__body :is(h1, h2, h3, h4, strong, b) { color: #ffffff !important; }
html.dark body.blog-single article.blog-article__body a,
html.dark body.blog-single article.blog-article__body a * { color: #ff7a7f !important; text-decoration: underline; text-underline-offset: 4px; }
html.dark body.blog-single main h1,
html.dark body.blog-single main aside h2 { color: #ffffff !important; }
html.dark body.blog-single main .text-primary,
html.dark body.blog-single main .text-primary * { color: #ff7a7f !important; }
.footer-certificate-data,
.footer-certificate-data * { color: #ececf0 !important; }
body.blog-single article.blog-article__body { font-size: 17px; line-height: 2; }
body.blog-single article.blog-article__body :is(h2, h3) { line-height: 1.6; margin-top: 1.6em; }

/* pdp-description-colors 2026-11-06: product description headings/links in brand red (light + dark) */
html.dark #main-content .saji-pdp__desc h3 { color: #ff3b3b !important; }
html.dark #main-content .saji-pdp__desc a,
html.dark #main-content .saji-pdp__desc a * { color: #ff3b3b !important; }
html:not(.dark) #main-content .saji-pdp__desc h3 { color: #c8101a !important; }
html:not(.dark) #main-content .saji-pdp__desc a,
html:not(.dark) #main-content .saji-pdp__desc a * { color: #b30d14 !important; }
#main-content .saji-pdp__desc h3 { font-weight: 800; line-height: 1.7; margin-top: 1.4em; }
#main-content .saji-pdp__desc a { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px; font-weight: 700; }