/* Lozan PP — one continuous sticky National Day ticker */salla-advertisement {  display: block !important;  position: sticky !important;  top: 0 !important;  z-index: 99999 !important;  height: 44px !important;  overflow: hidden !important;  isolation: isolate;  background: #0B3D2E !important;}salla-advertisement > .s-advertisement {  display: none !important;}salla-advertisement > .s-advertisement:first-child {  position: absolute !important;  inset: 0 !important;  width: 100% !important;  height: 44px !important;  display: flex !important;  align-items: center !important;  overflow: hidden !important;  background: transparent !important;}salla-advertisement .s-advertisement-content {  width: 100% !important;  height: 44px !important;  display: flex !important;  align-items: center !important;  overflow: hidden !important;  padding: 0 !important;}salla-advertisement .s-advertisement-content-main {  position: relative !important;  width: 100% !important;  height: 44px !important;  overflow: hidden !important;  padding: 0 !important;  color: transparent !important;  font-size: 0 !important;  line-height: 44px !important;}salla-advertisement .s-advertisement-content-main::after {  content: "🇸🇦 عرض اليوم الوطني: تظليل نانو سيراميك كامل + درع حماية الزجاج الأمامي هدية بـ299 ريال   •   درع حماية الزجاج الأمامي هدية مع باقة التظليل — لفترة محدودة   •   🇸🇦 عرض اليوم الوطني: تظليل نانو سيراميك كامل + درع حماية الزجاج الأمامي هدية بـ299 ريال   •   درع حماية الزجاج الأمامي هدية مع باقة التظليل — لفترة محدودة   •   🇸🇦 عرض اليوم الوطني: تظليل نانو سيراميك كامل + درع حماية الزجاج الأمامي هدية بـ299 ريال   •   درع حماية الزجاج الأمامي هدية مع باقة التظليل — لفترة محدودة   •   🇸🇦 عرض اليوم الوطني: تظليل نانو سيراميك كامل + درع حماية الزجاج الأمامي هدية بـ299 ريال   •   درع حماية الزجاج الأمامي هدية مع باقة التظليل — لفترة محدودة   •   🇸🇦 عرض اليوم الوطني: تظليل نانو سيراميك كامل + درع حماية الزجاج الأمامي هدية بـ299 ريال   •   درع حماية الزجاج الأمامي هدية مع باقة التظليل — لفترة محدودة   •   🇸🇦 عرض اليوم الوطني: تظليل نانو سيراميك كامل + درع حماية الزجاج الأمامي هدية بـ299 ريال   •   درع حماية الزجاج الأمامي هدية مع باقة التظليل — لفترة محدودة   •   ";  position: absolute !important;  top: 0 !important;  left: 0 !important;  display: block !important;  width: max-content !important;  white-space: pre !important;  direction: rtl !important;  color: #F7F0DA !important;  font-size: 13px !important;  font-weight: 700 !important;  line-height: 44px !important;  animation: lozan-nd-continuous 24s linear infinite;  will-change: transform;}salla-advertisement .s-advertisement-action {  display: none !important;}@keyframes lozan-nd-continuous {  from { transform: translateX(0); }  to   { transform: translateX(-16.6666667%); }}@media (min-width: 768px) {  salla-advertisement,  salla-advertisement > .s-advertisement:first-child,  salla-advertisement .s-advertisement-content,  salla-advertisement .s-advertisement-content-main {    height: 40px !important;  }  salla-advertisement .s-advertisement-content-main,  salla-advertisement .s-advertisement-content-main::after {    line-height: 40px !important;  }  salla-advertisement .s-advertisement-content-main::after {    font-size: 14px !important;  }}@media (prefers-reduced-motion: reduce) {  salla-advertisement .s-advertisement-content-main::after {    animation: none !important;  }}


/* Lozan PP — premium USP section */
.s-block--features-list {
  background: transparent !important;
  padding: 14px 0 22px !important;
}

.s-block--features-list .container {
  padding-inline: 14px !important;
}

.s-block--features-list .s-block--features {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.s-block--features-list .s-block--features::before {
  content: "ليه لوزان مختلفة؟";
  grid-column: 1 / -1;
  display: block;
  margin: 0 0 2px;
  padding-inline-start: 12px;
  border-inline-start: 4px solid #e5252a;
  color: #082f27;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.35;
}

.s-block--features-list .s-block--features__item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 154px !important;
  margin: 0 !important;
  padding: 18px 16px !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(229,37,42,.18), transparent 34%),
    linear-gradient(145deg, #075040 0%, #033228 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(3,50,40,.16) !important;
}

.s-block--features-list .s-block--features__item::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 46%;
  height: 4px;
  border-radius: 0 0 999px 0;
  background: linear-gradient(90deg, #e5252a, #ff6b6f);
}

.s-block--features-list .s-block--features__item::after {
  content: "";
  position: absolute;
  inset-inline-end: -28px;
  bottom: -34px;
  width: 104px;
  height: 104px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  pointer-events: none;
}

.s-block--features-list .feature-icon {
  position: relative;
  z-index: 1;
  width: 52px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 52px !important;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 16px;
  background: rgba(255,255,255,.1);
  color: #fff !important;
  font-size: 27px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.s-block--features-list .s-block--features__item > :not(.feature-icon) {
  position: relative;
  z-index: 1;
}

.s-block--features-list .s-block--features__item > :not(.feature-icon) > :first-child {
  margin: 0 0 6px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.s-block--features-list .s-block--features__item > :not(.feature-icon) > :last-child {
  margin: 0 !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

@media (max-width: 767px) {
  .s-block--features-list {
    padding: 12px 0 18px !important;
  }

  .s-block--features-list .s-block--features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .s-block--features-list .s-block--features::before {
    font-size: 21px;
    margin-bottom: 4px;
  }

  .s-block--features-list .s-block--features__item {
    min-height: 180px !important;
    padding: 16px 13px !important;
    border-radius: 18px !important;
  }

  .s-block--features-list .s-block--features__item:first-of-type {
    grid-column: 1 / -1;
    min-height: 112px !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 16px !important;
  }

  .s-block--features-list .feature-icon {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    border-radius: 14px;
    font-size: 24px !important;
  }

  .s-block--features-list .s-block--features__item > :not(.feature-icon) > :first-child {
    font-size: 16px !important;
  }

  .s-block--features-list .s-block--features__item > :not(.feature-icon) > :last-child {
    font-size: 12px !important;
    line-height: 1.65 !important;
  }
}
/* Lozan PP — permanent red USP identity */
.s-block--features-list .s-block--features::before {
  content: "ليش تطلب من لوزان؟" !important;
  color: #171717 !important;
  border-inline-start-color: #e5252a !important;
}
.s-block--features-list .s-block--features__item {
  border-color: rgba(229,37,42,.22) !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(229,37,42,.20), transparent 36%),
    linear-gradient(145deg, #242424 0%, #0e0e0e 100%) !important;
  box-shadow: 0 12px 30px rgba(16,16,16,.18) !important;
}
.s-block--features-list .s-block--features__item:first-of-type {
  border-color: rgba(255,255,255,.20) !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(145deg, #e5252a 0%, #a40f17 100%) !important;
  box-shadow: 0 14px 34px rgba(190,18,27,.24) !important;
}
.s-block--features-list .s-block--features__item::before {
  width: 56% !important;
  background: linear-gradient(90deg, #e5252a, #ff686e) !important;
}
.s-block--features-list .s-block--features__item:first-of-type::before {
  background: linear-gradient(90deg, rgba(255,255,255,.85), rgba(255,255,255,.18)) !important;
}
.s-block--features-list .feature-icon {
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.12) !important;
}
/* Lozan PP — four evergreen USP cards */
.s-block--features-list .s-block--features {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.s-block--features-list .s-block--features::after {
  content: "✦\Aنانو سيراميك يجمع العزل مع وضوح الرؤية";
  white-space: pre-line;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 154px;
  margin: 0;
  padding: 18px 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 20px;
  background:
    radial-gradient(circle at 8% 10%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(145deg, #e5252a 0%, #a40f17 100%);
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.7;
  box-shadow: 0 14px 34px rgba(190,18,27,.24);
}
@media (max-width: 767px) {
  .s-block--features-list .s-block--features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .s-block--features-list .s-block--features__item,
  .s-block--features-list .s-block--features__item:first-of-type,
  .s-block--features-list .s-block--features::after {
    grid-column: auto !important;
    min-height: 188px !important;
    padding: 15px 13px !important;
    border-radius: 18px !important;
  }
  .s-block--features-list .s-block--features__item:first-of-type {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .s-block--features-list .s-block--features::after {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}
/* Lozan PP — unified charcoal cards + nano atom icon */
.s-block--features-list .s-block--features__item,
.s-block--features-list .s-block--features__item:first-of-type {
  border-color: rgba(229,37,42,.30) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(229,37,42,.22), transparent 38%),
    linear-gradient(145deg, #2a2021 0%, #151313 48%, #090909 100%) !important;
  box-shadow: 0 12px 30px rgba(16,16,16,.20) !important;
}
.s-block--features-list .s-block--features__item:first-of-type::before {
  background: linear-gradient(90deg, #e5252a, #ff686e) !important;
}
.s-block--features-list .s-block--features::after {
  content: "نانو سيراميك يجمع العزل مع وضوح الرؤية" !important;
  padding-top: 78px !important;
  border-color: rgba(229,37,42,.30) !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Crect x='1' y='1' width='50' height='50' rx='14' fill='white' fill-opacity='.10' stroke='white' stroke-opacity='.24'/%3E%3Cg fill='none' stroke='white' stroke-width='1.8'%3E%3Cellipse cx='26' cy='26' rx='17' ry='7'/%3E%3Cellipse cx='26' cy='26' rx='17' ry='7' transform='rotate(60 26 26)'/%3E%3Cellipse cx='26' cy='26' rx='17' ry='7' transform='rotate(120 26 26)'/%3E%3C/g%3E%3Ccircle cx='26' cy='26' r='3.2' fill='white'/%3E%3C/svg%3E") no-repeat right 13px top 14px / 52px 52px,
    radial-gradient(circle at 12% 8%, rgba(229,37,42,.22), transparent 38%),
    linear-gradient(145deg, #2a2021 0%, #151313 48%, #090909 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(16,16,16,.20) !important;
}
/* Lozan PP — alternating titanium USP cards */
.s-block--features-list .s-block--features__item:nth-of-type(2),
.s-block--features-list .s-block--features__item:nth-of-type(3) {
  border-color: rgba(255,255,255,.14) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(229,37,42,.16), transparent 36%),
    linear-gradient(145deg, #474343 0%, #292626 48%, #181616 100%) !important;
  box-shadow: 0 12px 30px rgba(16,16,16,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
/* Lozan PP — nano card title and description */
.s-block--features-list .s-block--features::after {
  content: "نانو سيراميك\Aيجمع العزل مع وضوح الرؤية" !important;
  white-space: pre-line !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}
.s-block--features-list .s-block--features::after::first-line {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 2.2 !important;
}
/* Lozan PP — high-contrast light alternate cards */
.s-block--features-list .s-block--features__item:nth-of-type(2),
.s-block--features-list .s-block--features__item:nth-of-type(3) {
  border-color: rgba(229,37,42,.20) !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(229,37,42,.10), transparent 38%),
    linear-gradient(145deg, #fffdfc 0%, #f7f1f1 54%, #eee4e5 100%) !important;
  box-shadow: 0 12px 28px rgba(46,28,29,.12), inset 0 1px 0 #fff !important;
}
.s-block--features-list .s-block--features__item:nth-of-type(2) .feature-icon,
.s-block--features-list .s-block--features__item:nth-of-type(3) .feature-icon {
  border-color: rgba(229,37,42,.22) !important;
  background: rgba(229,37,42,.08) !important;
  color: #d91f28 !important;
}
.s-block--features-list .s-block--features__item:nth-of-type(2) > :not(.feature-icon) > :first-child,
.s-block--features-list .s-block--features__item:nth-of-type(3) > :not(.feature-icon) > :first-child {
  color: #171313 !important;
}
.s-block--features-list .s-block--features__item:nth-of-type(2) > :not(.feature-icon) > :last-child,
.s-block--features-list .s-block--features__item:nth-of-type(3) > :not(.feature-icon) > :last-child {
  color: #6b595b !important;
}
/* Lozan PP — refined warm-blush contrast */
.s-block--features-list .s-block--features__item:nth-of-type(2),
.s-block--features-list .s-block--features__item:nth-of-type(3) {
  border-color: rgba(155,64,69,.26) !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(229,37,42,.12), transparent 38%),
    linear-gradient(145deg, #f3eaea 0%, #e4d7d7 55%, #cfbfc0 100%) !important;
  box-shadow: 0 12px 28px rgba(46,28,29,.14), inset 0 1px 0 rgba(255,255,255,.76) !important;
}
.s-block--features-list .s-block--features::after {
  content: "نانو سيراميك\Aيجمع العزل مع وضوح الرؤية" !important;
  justify-content: flex-start !important;
  padding-top: 78px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.7 !important;
  text-align: start !important;
}

/* Lozan PP — permanent brand styling for announcement ticker */
salla-advertisement {
  background: linear-gradient(100deg, #51080d 0%, #8f111a 48%, #c51c27 100%) !important;
  border-bottom: 2px solid #16704f !important;
  box-shadow: inset 0 -1px 0 rgba(104, 193, 148, .38), 0 4px 12px rgba(66, 4, 9, .18) !important;
}
salla-advertisement > .s-advertisement:first-child,
salla-advertisement .s-advertisement-content,
salla-advertisement .s-advertisement-content-main {
  background: transparent !important;
}
salla-advertisement .s-advertisement-content-main::after {
  color: #fff8ec !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .24) !important;
}

/* lozan-mobile-portrait-hero — keep the first mobile banner vertical */
@media (max-width: 767px) {
  body.index main > .s-block--fixed-banner:first-of-type {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }

  body.index main > .s-block--fixed-banner:first-of-type .container {
    padding-inline: 12px !important;
  }

  body.index main > .s-block--fixed-banner:first-of-type .banner--fixed {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 720 / 899 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }

  body.index main > .s-block--fixed-banner:first-of-type .banner--fixed img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 720 / 899 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* lozan-mobile-portrait-source — use the uploaded portrait artwork on phones */
@media (max-width: 767px) {
  body.index main > .s-block--fixed-banner:first-of-type .banner--fixed img {
    content: url("https://cdn.files.salla.network/other/617133753/6cba5209-589b-4e1e-a114-e97e428cc6a1-original.webp") !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 720 / 899 !important;
    object-fit: contain !important;
  }
}