/* =========================================
   Global
========================================= */

.sw-announcement,
.sw-announcement *,
.sw-free-shipping-popup,
.sw-free-shipping-popup *,
.sw-sticky-cart,
.sw-sticky-cart * {
  box-sizing: border-box;
}


/* =========================================
   Main Slider Mobile Ratio Fix
   يحافظ على نسبة البانر الأصلية 2:1
========================================= */

@media (max-width: 767px) {

  img.img.sm-img[width="770"][height="500"],
  .s-slider-swiper-wrapper img.img.sm-img[width="770"][height="500"] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    aspect-ratio: 2 / 1 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  .s-slider-swiper-wrapper:has(img.img.sm-img[width="770"][height="500"]),
  .swiper:has(img.img.sm-img[width="770"][height="500"]),
  .swiper-wrapper:has(img.img.sm-img[width="770"][height="500"]),
  .swiper-slide:has(img.img.sm-img[width="770"][height="500"]) {
    height: auto !important;
    min-height: 0 !important;
  }

  .swiper-slide:has(img.img.sm-img[width="770"][height="500"]) > a,
  .swiper-slide:has(img.img.sm-img[width="770"][height="500"]) picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

}


/* =========================================
   National Day Opening Celebration
========================================= */

.sw-national-celebration {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  overflow: hidden;
  pointer-events: none;
  direction: rtl;
}

.sw-national-celebration__veil {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at center,
    rgba(11, 89, 68, .10),
    rgba(7, 61, 49, .02) 58%,
    transparent 78%
  );
  animation: swCelebrationVeil 4.2s ease forwards;
}

.sw-national-celebration__message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.88);
  min-width: min(86vw, 320px);
  padding: 16px 28px;
  border: 1px solid rgba(240, 216, 134, .75);
  border-radius: 999px;
  background: linear-gradient(135deg, #073d31, #0b5944);
  color: #fffdf5;
  box-shadow: 0 18px 45px rgba(3, 37, 29, .28);
  text-align: center;
  font-family: inherit;
  font-size: clamp(18px, 3vw, 27px);
  font-weight: 900;
  line-height: 1.5;
  white-space: nowrap;
  animation: swCelebrationMessage 4.2s ease forwards;
}

.sw-national-celebration__message strong {
  color: #f0d886;
}

.sw-national-celebration__piece {
  position: absolute;
  top: -12vh;
  left: var(--sw-left);
  width: var(--sw-size);
  height: calc(var(--sw-size) * 1.65);
  border-radius: 2px;
  background: var(--sw-color);
  opacity: 0;
  transform: rotate(var(--sw-rotate));
  animation: swCelebrationFall var(--sw-duration) linear var(--sw-delay) forwards;
}

@keyframes swCelebrationFall {
  0% {
    opacity: 0;
    transform: translate3d(0, -8vh, 0) rotate(var(--sw-rotate));
  }

  10% {
    opacity: .95;
  }

  100% {
    opacity: .15;
    transform: translate3d(var(--sw-drift), 116vh, 0) rotate(760deg);
  }
}

@keyframes swCelebrationMessage {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.88);
  }

  16%, 68% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -56%) scale(.98);
  }
}

@keyframes swCelebrationVeil {
  0%, 68% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 600px) {
  .sw-national-celebration__message {
    padding: 13px 20px;
    font-size: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sw-national-celebration {
    display: none !important;
  }
}


/* =========================================
   Announcement Bar - Infinite Moving
========================================= */

.sw-announcement {
  width: 100%;
  height: 42px;

  display: flex;
  align-items: center;

  overflow: hidden;

  background: linear-gradient(
    105deg,
    #073d31 0%,
    #0b5944 48%,
    #073d31 100%
  );

  color: #fff;

  border-top: 1px solid rgba(216, 180, 88, .45);
  border-bottom: 1px solid rgba(216, 180, 88, .65);

  box-shadow: 0 3px 12px rgba(5, 49, 39, .18);

  direction: rtl;

  position: relative;
  z-index: 9999;

  isolation: isolate;

  font-family: inherit;
}

.sw-announcement::before {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 0;

  pointer-events: none;

  background: linear-gradient(
    110deg,
    transparent 0%,
    transparent 38%,
    rgba(255, 244, 196, .14) 48%,
    transparent 58%,
    transparent 100%
  );

  transform: translateX(-120%);

  animation: swAnnouncementShine 7s ease-in-out infinite;
}

.sw-announcement__track {
  display: flex;
  align-items: center;

  flex: 0 0 auto;

  width: max-content;

  white-space: nowrap;

  animation:
    swTicker 34s linear infinite;

  -webkit-animation:
    swTicker 34s linear infinite;

  will-change: transform;

  position: relative;
  z-index: 1;
}

.sw-announcement__viewport {
  width: 100%;
  overflow: hidden;
}

.sw-announcement__item {
  flex: 0 0 auto;

  display: flex;
  align-items: center;

  gap: 14px;

  padding: 0 24px;

  height: 42px;

  font-size: 12px;
  font-weight: 800;

  letter-spacing: .05px;
}

.sw-announcement__message {
  flex: 0 0 auto;

  color: #fffdf5;

  line-height: 1;
}

.sw-announcement__offer {
  flex: 0 0 auto;

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

  padding: 7px 15px;

  border-radius: 999px;

  background: linear-gradient(
    135deg,
    #e7c76d,
    #cfa748
  );

  color: #073d31;

  font-size: 11px;
  font-weight: 900;

  line-height: 1;

  box-shadow:
    0 3px 10px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.40);

  border: 1px solid rgba(255, 239, 185, .55);
}


@keyframes swTicker {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(50%);
  }

}

@keyframes swAnnouncementShine {

  0%, 62% {
    transform: translateX(-120%);
  }

  82%, 100% {
    transform: translateX(120%);
  }

}


/* =========================================
   Announcement Mobile
========================================= */

@media (max-width: 767px) {

  .sw-announcement {
    height: 38px;
  }

  .sw-announcement__track {
    animation-duration: 28s;
    -webkit-animation-duration: 28s;
  }

  .sw-announcement__item {
    height: 38px;

    gap: 10px;

    padding: 0 16px;

    font-size: 10px;
  }

  .sw-announcement__message {
    font-size: 10px;
  }

  .sw-announcement__offer {
    padding: 6px 11px;

    font-size: 9px;
  }

}


/* =========================================
   Free Shipping Popup
========================================= */

.sw-free-shipping-popup {
  position: fixed;

  inset: 0;

  z-index: 999999;

  display: flex;

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

  padding: 20px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  direction: rtl;

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

.sw-free-shipping-popup.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sw-free-shipping-popup__backdrop {
  position: absolute;

  inset: 0;

  background:
    rgba(3, 37, 29,.62);
}

.sw-free-shipping-popup__box {
  position: relative;

  z-index: 2;

  width: 100%;
  max-width: 390px;

  padding:
    30px 24px 24px;

  border-radius: 24px;

  background: #fff;

  text-align: center;

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

  transform:
    translateY(14px)
    scale(.98);

  transition:
    transform .25s ease;
}

.sw-free-shipping-popup.is-visible
.sw-free-shipping-popup__box {

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

.sw-free-shipping-popup__close {
  position: absolute;

  top: 11px;
  left: 11px;

  width: 34px;
  height: 34px;

  display: grid;

  place-items: center;

  padding: 0;

  border: 0;

  border-radius: 50%;

  background: #edf5f1;

  color: #0b5944;

  font-family: inherit;

  font-size: 23px;

  cursor: pointer;
}

.sw-free-shipping-popup__icon {
  width: 64px;
  height: 64px;

  display: grid;

  place-items: center;

  margin:
    0 auto 10px;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      rgba(216, 180, 88,.12),
      rgba(11, 89, 68,.10)
    );

  font-size: 34px;
}

.sw-free-shipping-popup__badge {
  display: inline-flex;

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

  margin-bottom: 9px;

  padding: 5px 11px;

  border-radius: 999px;

  background:
    rgba(216, 180, 88,.10);

  color: #a77b1f;

  font-size: 11px;

  font-weight: 900;
}

.sw-free-shipping-popup__title {
  margin: 0 0 8px;

  color: #0b5944;

  font-size: 23px;

  font-weight: 900;

  line-height: 1.5;
}

.sw-free-shipping-popup__text {
  margin: 0 0 20px;

  color: #49635c;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.9;
}

.sw-free-shipping-popup__text strong {
  color: #d8b458;

  font-weight: 900;
}

.sw-free-shipping-popup__button {
  width: 100%;

  min-height: 46px;

  display: inline-flex;

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

  padding: 11px 20px;

  border: 0;

  border-radius: 13px;

  background:
    linear-gradient(
      135deg,
      #d8b458,
      #0b5944
    );

  color: #fff;

  font-family: inherit;

  font-size: 14px;

  font-weight: 900;

  cursor: pointer;
}

.sw-free-shipping-popup__button:active {
  transform: scale(.99);
}


/* =========================================
   Popup Mobile
========================================= */

@media (max-width: 600px) {

  .sw-free-shipping-popup {
    padding: 14px;
  }

  .sw-free-shipping-popup__box {
    max-width: 340px;

    padding:
      27px 18px 20px;

    border-radius: 20px;
  }

  .sw-free-shipping-popup__icon {
    width: 56px;
    height: 56px;

    font-size: 30px;
  }

  .sw-free-shipping-popup__title {
    font-size: 20px;
  }

  .sw-free-shipping-popup__text {
    font-size: 13px;

    line-height: 1.8;
  }

}


/* =========================================
   Mobile Sticky Add To Cart
========================================= */

.sw-sticky-cart {
  position: fixed;

  left: 0;
  right: 0;
  bottom: 0;

  z-index: 99998;

  display: none;

  padding: 10px 12px;

  background:
    rgba(255,255,255,.97);

  border-top:
    1px solid
    rgba(11, 89, 68,.10);

  box-shadow:
    0 -8px 24px
    rgba(0,0,0,.08);

  direction: rtl;
}

.sw-sticky-cart.is-visible {
  display: block;
}

.sw-sticky-cart__inner {
  width: 100%;
  max-width: 720px;

  display: flex;

  align-items: center;

  gap: 10px;

  margin: 0 auto;
}

.sw-sticky-cart__info {
  flex: 1;

  min-width: 0;
}

.sw-sticky-cart__title {
  display: block;

  margin-bottom: 2px;

  color: #073d31;

  font-size: 12px;

  font-weight: 800;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}

.sw-sticky-cart__price {
  display: block;

  color: #d8b458;

  font-size: 14px;

  font-weight: 900;
}

.sw-sticky-cart__button {
  flex: 0 0 auto;

  min-width: 135px;

  min-height: 44px;

  padding:
    10px 15px;

  border: 0;

  border-radius: 12px;

  background:
    linear-gradient(
      135deg,
      #d8b458,
      #0b5944
    );

  color: #fff;

  font-family: inherit;

  font-size: 13px;

  font-weight: 900;

  cursor: pointer;

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

.sw-sticky-cart__button:active {
  transform: scale(.98);
}

.sw-sticky-cart__button:disabled {
  opacity: .55;

  cursor: not-allowed;
}


/* =========================================
   Sticky Cart Desktop Off
========================================= */

@media (min-width: 768px) {

  .sw-sticky-cart {
    display: none !important;
  }

}


/* =========================================
   Reduce Motion
========================================= */

@media (prefers-reduced-motion: reduce) {

  .sw-announcement::before {
    animation: none !important;
  }

  .sw-free-shipping-popup,
  .sw-free-shipping-popup__box,
  .sw-sticky-cart__button {

    transition: none !important;
  }

}.sensory-section,
.sw-sensory-products,
section[class*="sensory"] {
  background: linear-gradient(180deg, #dfeee7 0%, #f8f4e6 100%);
  padding: 35px 25px 45px;
  border-radius: 24px;
  margin: 30px 0;
  position: relative;
  overflow: hidden;
}

.sensory-section::before,
.sw-sensory-products::before,
section[class*="sensory"]::before {
  content: "";
  position: absolute;
  top: -60px;
  left: -60px;
  width: 180px;
  height: 180px;
  background: rgba(11, 89, 68, 0.10);
  border-radius: 50%;
}

.sensory-section::after,
.sw-sensory-products::after,
section[class*="sensory"]::after {
  content: "";
  position: absolute;
  bottom: -50px;
  right: -50px;
  width: 160px;
  height: 160px;
  background: rgba(216, 180, 88, 0.10);
  border-radius: 50%;
}

.sensory-section .product,
.sw-sensory-products .product,
section[class*="sensory"] .product {
  background: #ffffff;
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 8px 22px rgba(11, 89, 68, 0.10);
  border: 1px solid rgba(11, 89, 68, 0.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.sensory-section .product:hover,
.sw-sensory-products .product:hover,
section[class*="sensory"] .product:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(11, 89, 68, 0.15);
}
/* =========================================
   Section - علوم ورياضيات / تعلم بالاكتشاف
========================================= */

.science-section,
.sw-learning-section,
section[class*="science"],
section[class*="math"],
section[class*="learning"] {
  background: linear-gradient(180deg, #dfeee7 0%, #f8f4e6 100%);
  padding: 40px 25px 50px;
  border-radius: 24px;
  margin: 30px 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.science-section::before,
.sw-learning-section::before,
section[class*="science"]::before,
section[class*="math"]::before,
section[class*="learning"]::before {
  content: "";
  position: absolute;
  top: -60px;
  left: -60px;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: rgba(11, 89, 68, 0.08);
}

.science-section::after,
.sw-learning-section::after,
section[class*="science"]::after,
section[class*="math"]::after,
section[class*="learning"]::after {
  content: "";
  position: absolute;
  bottom: -50px;
  right: -50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(216, 180, 88, 0.08);
}

/* عنوان القسم */
.science-section h2,
.sw-learning-section h2,
section[class*="science"] h2,
section[class*="math"] h2,
section[class*="learning"] h2 {
  color: #073d31;
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 12px;
}

.science-section h2 span,
.sw-learning-section h2 span,
section[class*="science"] h2 span,
section[class*="math"] h2 span,
section[class*="learning"] h2 span {
  color: #d8b458;
}

/* النص الوصفي */
.science-section p,
.sw-learning-section p,
section[class*="science"] p,
section[class*="math"] p,
section[class*="learning"] p {
  color: #49635c;
  font-size: 15px;
  line-height: 1.9;
  max-width: 850px;
  margin: 0 auto 24px;
}

/* التاج الصغير فوق */
.science-section .badge,
.sw-learning-section .badge,
section[class*="science"] .badge,
section[class*="math"] .badge,
section[class*="learning"] .badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(11, 89, 68, 0.12);
  color: #0b5944;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 20px;
}

/* أزرار أو العناصر الصغيرة */
.science-section .tag,
.sw-learning-section .tag,
section[class*="science"] .tag,
section[class*="math"] .tag,
section[class*="learning"] .tag,
.science-section .chip,
.sw-learning-section .chip,
section[class*="science"] .chip,
section[class*="math"] .chip,
section[class*="learning"] .chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  margin: 6px;
  border-radius: 14px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(11, 89, 68, 0.10);
  color: #073d31;
  font-size: 14px;
  font-weight: 800;
  transition: all .25s ease;
}

.science-section .tag:hover,
.sw-learning-section .tag:hover,
section[class*="science"] .tag:hover,
section[class*="math"] .tag:hover,
section[class*="learning"] .tag:hover,
.science-section .chip:hover,
.sw-learning-section .chip:hover,
section[class*="science"] .chip:hover,
section[class*="math"] .chip:hover,
section[class*="learning"] .chip:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(11, 89, 68, 0.10);
}

/* الدائرة/الأيقونة الصغيرة داخل التاج */
.science-section .tag::after,
.sw-learning-section .tag::after,
section[class*="science"] .tag::after,
section[class*="math"] .tag::after,
section[class*="learning"] .tag::after,
.science-section .chip::after,
.sw-learning-section .chip::after,
section[class*="science"] .chip::after,
section[class*="math"] .chip::after,
section[class*="learning"] .chip::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d8b458, #0b5944);
  display: inline-block;
}

/* زر تصفح القسم */
.science-section .btn,
.sw-learning-section .btn,
section[class*="science"] .btn,
section[class*="math"] .btn,
section[class*="learning"] .btn,
.science-section a.button,
.sw-learning-section a.button,
section[class*="science"] a.button,
section[class*="math"] a.button,
section[class*="learning"] a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 170px;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 16px;
  background: linear-gradient(135deg, #d8b458, #0b5944);
  color: #fff !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: 900;
  border: 0;
  box-shadow: 0 10px 24px rgba(11, 89, 68, 0.16);
  transition: all .25s ease;
}

.science-section .btn:hover,
.sw-learning-section .btn:hover,
section[class*="science"] .btn:hover,
section[class*="math"] .btn:hover,
section[class*="learning"] .btn:hover,
.science-section a.button:hover,
.sw-learning-section a.button:hover,
section[class*="science"] a.button:hover,
section[class*="math"] a.button:hover,
section[class*="learning"] a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(11, 89, 68, 0.20);
}

/* موبايل */
@media (max-width: 767px) {
  .science-section,
  .sw-learning-section,
  section[class*="science"],
  section[class*="math"],
  section[class*="learning"] {
    padding: 28px 16px 34px;
    border-radius: 18px;
  }

  .science-section h2,
  .sw-learning-section h2,
  section[class*="science"] h2,
  section[class*="math"] h2,
  section[class*="learning"] h2 {
    font-size: 28px;
  }

  .science-section p,
  .sw-learning-section p,
  section[class*="science"] p,
  section[class*="math"] p,
  section[class*="learning"] p {
    font-size: 13px;
  }

  .science-section .tag,
  .sw-learning-section .tag,
  section[class*="science"] .tag,
  section[class*="math"] .tag,
  section[class*="learning"] .tag,
  .science-section .chip,
  .sw-learning-section .chip,
  section[class*="science"] .chip,
  section[class*="math"] .chip,
  section[class*="learning"] .chip {
    font-size: 12px;
    padding: 10px 14px;
  }
}/* =========================================
   Outdoor Play Section
========================================= */

.sw-outdoor-section,
.outdoor-section,
section[class*="outdoor"],
section[class*="playground"] {
  background: linear-gradient(180deg, #dfeee7 0%, #f8f4e6 100%);

  padding: 36px 22px 44px;

  border-radius: 24px;

  margin: 28px 0;

  position: relative;

  overflow: hidden;

  text-align: center;
}


/* ديكور خفيف في الخلفية */

.sw-outdoor-section::before,
.outdoor-section::before,
section[class*="outdoor"]::before,
section[class*="playground"]::before {
  content: "";

  position: absolute;

  top: -60px;
  left: -60px;

  width: 170px;
  height: 170px;

  border-radius: 50%;

  background: rgba(11, 89, 68, 0.08);
}


.sw-outdoor-section::after,
.outdoor-section::after,
section[class*="outdoor"]::after,
section[class*="playground"]::after {
  content: "";

  position: absolute;

  right: -55px;
  bottom: -55px;

  width: 160px;
  height: 160px;

  border-radius: 50%;

  background: rgba(216, 180, 88, 0.09);
}


/* العنوان الرئيسي */

.sw-outdoor-section h2,
.outdoor-section h2,
section[class*="outdoor"] h2,
section[class*="playground"] h2 {
  position: relative;

  z-index: 2;

  margin: 0 0 10px;

  color: #073d31;

  font-size: clamp(28px, 4vw, 50px);

  font-weight: 900;

  line-height: 1.4;
}


/* الجزء البرتقالي */

.sw-outdoor-section h2 span,
.outdoor-section h2 span,
section[class*="outdoor"] h2 span,
section[class*="playground"] h2 span {
  color: #d8b458;
}


/* النص الوصفي */

.sw-outdoor-section p,
.outdoor-section p,
section[class*="outdoor"] p,
section[class*="playground"] p {
  position: relative;

  z-index: 2;

  max-width: 760px;

  margin: 0 auto 20px;

  color: #49635c;

  font-size: 14px;

  font-weight: 600;

  line-height: 1.9;
}


/* الصورة الرئيسية */

.sw-outdoor-section img,
.outdoor-section img,
section[class*="outdoor"] img,
section[class*="playground"] img {
  position: relative;

  z-index: 2;

  border-radius: 22px;

  box-shadow: 0 12px 28px rgba(11, 89, 68, 0.12);
}


/* التاج الصغير فوق */

.sw-outdoor-section .badge,
.outdoor-section .badge,
section[class*="outdoor"] .badge,
section[class*="playground"] .badge {
  position: relative;

  z-index: 2;

  display: inline-flex;

  align-items: center;

  gap: 9px;

  padding: 10px 17px;

  margin-bottom: 18px;

  border-radius: 14px;

  background: rgba(255, 255, 255, 0.78);

  border: 1px solid rgba(11, 89, 68, 0.10);

  color: #0b5944;

  font-size: 13px;

  font-weight: 800;
}


/* العناصر الصغيرة تحت الصورة */

.sw-outdoor-section .tag,
.outdoor-section .tag,
section[class*="outdoor"] .tag,
section[class*="playground"] .tag {
  position: relative;

  z-index: 2;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 11px 16px;

  margin: 6px;

  border-radius: 14px;

  background: rgba(255, 255, 255, 0.82);

  border: 1px solid rgba(11, 89, 68, 0.10);

  color: #073d31;

  font-size: 13px;

  font-weight: 800;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.sw-outdoor-section .tag:hover,
.outdoor-section .tag:hover,
section[class*="outdoor"] .tag:hover,
section[class*="playground"] .tag:hover {
  transform: translateY(-3px);

  box-shadow: 0 8px 20px rgba(11, 89, 68, 0.10);
}


/* زر تصفح القسم */

.sw-outdoor-section .btn,
.outdoor-section .btn,
section[class*="outdoor"] .btn,
section[class*="playground"] .btn,
.sw-outdoor-section a.button,
.outdoor-section a.button,
section[class*="outdoor"] a.button,
section[class*="playground"] a.button {
  position: relative;

  z-index: 2;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 165px;

  min-height: 48px;

  margin-top: 12px;

  padding: 12px 24px;

  border: 0;

  border-radius: 16px;

  background: linear-gradient(135deg, #d8b458, #0b5944);

  color: #fff !important;

  text-decoration: none;

  font-size: 15px;

  font-weight: 900;

  box-shadow: 0 10px 24px rgba(11, 89, 68, 0.15);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.sw-outdoor-section .btn:hover,
.outdoor-section .btn:hover,
section[class*="outdoor"] .btn:hover,
section[class*="playground"] .btn:hover,
.sw-outdoor-section a.button:hover,
.outdoor-section a.button:hover,
section[class*="outdoor"] a.button:hover,
section[class*="playground"] a.button:hover {
  transform: translateY(-2px);

  box-shadow: 0 14px 28px rgba(11, 89, 68, 0.20);
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

  .sw-outdoor-section,
  .outdoor-section,
  section[class*="outdoor"],
  section[class*="playground"] {
    padding: 28px 14px 34px;

    border-radius: 18px;

    margin: 20px 0;
  }

  .sw-outdoor-section h2,
  .outdoor-section h2,
  section[class*="outdoor"] h2,
  section[class*="playground"] h2 {
    font-size: 27px;
  }

  .sw-outdoor-section p,
  .outdoor-section p,
  section[class*="outdoor"] p,
  section[class*="playground"] p {
    font-size: 12px;
  }

  .sw-outdoor-section img,
  .outdoor-section img,
  section[class*="outdoor"] img,
  section[class*="playground"] img {
    border-radius: 16px;
  }

}/* =========================================
   Schools World Footer - Final Style
========================================= */


/* الفوتر الرئيسي */
.store-footer,
.store-footer__inner,
footer.store-footer,
footer .store-footer__inner {
  background: linear-gradient(
    135deg,
    #073d31 0%,
    #0b5944 55%,
    #0e6a50 100%
  ) !important;

  color: #ffffff !important;
}


/* خط برتقالي أعلى الفوتر */
.store-footer {
  border-top: 4px solid #d8b458 !important;

  position: relative;

  overflow: hidden;
}


/* إزالة أي خلفية داخلية قديمة */
.store-footer__inner {
  background-color: transparent !important;
}


/* =========================================
   العناوين
========================================= */

.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer h5,
.store-footer strong,
.store-footer .font-bold {
  color: #ffffff !important;

  font-weight: 800;
}


/* =========================================
   النصوص
========================================= */

.store-footer p,
.store-footer span,
.store-footer li,
.store-footer div {
  color: rgba(255,255,255,.92);
}


/* =========================================
   الروابط
========================================= */

.store-footer a {
  color: #ffffff !important;

  text-decoration: none;

  transition:
    color .2s ease,
    opacity .2s ease;
}


.store-footer a:hover {
  color: #f0d886 !important;
}


/* =========================================
   الأيقونات
========================================= */

.store-footer svg,
.store-footer i {
  color: #e7c76d !important;
}


/* دوائر أيقونات التواصل */
.store-footer .social-link,
.store-footer a[class*="social"] {
  border-color: rgba(255,255,255,.35) !important;
}


/* =========================================
   الجزء السفلي للفوتر
========================================= */

.store-footer__copyright {
  background: rgba(3, 37, 29, .55) !important;

  color: rgba(255,255,255,.88) !important;

  border-top:
    1px solid rgba(255,255,255,.12) !important;
}


/* حقوق النشر */
.store-footer__copyright p,
.store-footer__copyright span,
.store-footer__copyright a,
.store-footer__copyright div {
  color: rgba(255,255,255,.90) !important;
}


/* =========================================
   ديكور خفيف
========================================= */

.store-footer::before {
  content: "";

  position: absolute;

  top: -110px;
  left: -100px;

  width: 240px;
  height: 240px;

  border-radius: 50%;

  background: rgba(216, 180, 88,.08);

  pointer-events: none;
}


.store-footer::after {
  content: "";

  position: absolute;

  right: -150px;
  bottom: -150px;

  width: 280px;
  height: 280px;

  border-radius: 50%;

  background: rgba(255,255,255,.035);

  pointer-events: none;
}


/* =========================================
   اللوجو
========================================= */

.store-footer img {
  position: relative;
  z-index: 2;
}


/* =========================================
   وسائل الدفع
========================================= */

.store-footer img[alt*="visa"],
.store-footer img[alt*="master"],
.store-footer img[alt*="mada"],
.store-footer img[alt*="apple"],
.store-footer img[alt*="tabby"],
.store-footer img[alt*="stc"] {
  background: #ffffff;

  border-radius: 8px;

  padding: 3px;
}


/* =========================================
   الخطوط الفاصلة
========================================= */

.store-footer hr {
  border-color: rgba(255,255,255,.12) !important;
}


/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {

  .store-footer {
    border-top-width: 3px !important;
  }

  .store-footer__inner {
    padding-top: 28px !important;
  }

  .store-footer h3,
  .store-footer h4 {
    font-size: 15px;
  }

  .store-footer p,
  .store-footer span,
  .store-footer li,
  .store-footer a {
    font-size: 13px;
  }

}