/*
 * Nestly brand overrides — اللون الأساسي + الخط العربي + إصلاحات RTL.
 * يُحمَّل بعد styles(.rtl).css
 */

:root {
  --main: #282b57;
  --Primary: #282b57;
}

/* ---------- الخط العربي Cairo ---------- */
body,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
textarea,
select,
button,
h1, h2, h3, h4, h5, h6,
.font-main,
.font-2,
.mega-menu .demo-item .demo-name {
  font-family: "Cairo", "Kumbh Sans", sans-serif;
}

/* أيقونات icomoon لا تتأثر بالخط */
[class^="icon-"],
[class*=" icon-"],
.icon {
  font-family: "icomoon" !important;
}

/* وزن أنسب للعناوين بخط Cairo */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

/* ---------- إصلاحات RTL ---------- */
[dir="rtl"] .breadcrumb li::after {
  transform: scaleX(-1);
}

[dir="rtl"] .icon-arrow-up-right,
[dir="rtl"] .icon-arrow-right,
[dir="rtl"] .icon-right,
[dir="rtl"] .icon-left,
[dir="rtl"] .icon-arrow-left {
  display: inline-block;
  transform: scaleX(-1);
}

/* شريط الأدمن في ووردبريس */
.admin-bar #header.header-fixed,
.admin-bar #header.header-absolute {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar #header.header-fixed,
  .admin-bar #header.header-absolute {
    top: 46px;
  }
}

/* ---------- الشريط العلوي (topbar) ---------- */
.nestly-topbar {
  background-color: var(--main);
  padding: 8px 0;
  text-align: center;
}

.nestly-topbar p,
.nestly-topbar a {
  color: var(--White);
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}

.nestly-topbar a:hover {
  text-decoration: underline;
}

/* ---------- أيقونات سوشيال ناقصة من خط icomoon (SVG mask بلون الخط الحالي) ---------- */
.icon-whatsapp,
.icon-tiktok,
.icon-snapchat {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon-whatsapp {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
}

.icon-tiktok {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E");
}

.icon-snapchat {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c2.5 0 4.5 2 4.6 4.5l.1 2.3c0 .3.2.5.5.5h.3l1.2-.3c.4 0 .8.3.8.7 0 .3-.2.5-.4.6l-1.5.8c-.3.2-.5.6-.4 1 .5 1.5 1.6 2.8 3.1 3.4.3.1.5.4.5.7 0 .3-.2.6-.5.7l-1.9.5c-.2.1-.4.3-.4.5l-.1.6c-.1.3-.3.5-.6.5h-1.3c-.6 0-1.2.2-1.7.5l-.9.6c-.4.3-.9.4-1.4.4s-1-.1-1.4-.4l-.9-.6c-.5-.3-1.1-.5-1.7-.5H6.6c-.3 0-.6-.2-.6-.5l-.1-.6c0-.2-.2-.4-.4-.5l-1.9-.5c-.3-.1-.5-.4-.5-.7 0-.3.2-.6.5-.7 1.5-.6 2.6-1.9 3.1-3.4.1-.4-.1-.8-.4-1l-1.5-.8c-.2-.1-.4-.3-.4-.6 0-.4.4-.7.8-.7l1.2.3h.3c.3 0 .5-.2.5-.5l.1-2.3C7.5 4 9.5 2 12 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c2.5 0 4.5 2 4.6 4.5l.1 2.3c0 .3.2.5.5.5h.3l1.2-.3c.4 0 .8.3.8.7 0 .3-.2.5-.4.6l-1.5.8c-.3.2-.5.6-.4 1 .5 1.5 1.6 2.8 3.1 3.4.3.1.5.4.5.7 0 .3-.2.6-.5.7l-1.9.5c-.2.1-.4.3-.4.5l-.1.6c-.1.3-.3.5-.6.5h-1.3c-.6 0-1.2.2-1.7.5l-.9.6c-.4.3-.9.4-1.4.4s-1-.1-1.4-.4l-.9-.6c-.5-.3-1.1-.5-1.7-.5H6.6c-.3 0-.6-.2-.6-.5l-.1-.6c0-.2-.2-.4-.4-.5l-1.9-.5c-.3-.1-.5-.4-.5-.7 0-.3.2-.6.5-.7 1.5-.6 2.6-1.9 3.1-3.4.1-.4-.1-.8-.4-1l-1.5-.8c-.2-.1-.4-.3-.4-.6 0-.4.4-.7.8-.7l1.2.3h.3c.3 0 .5-.2.5-.5l.1-2.3C7.5 4 9.5 2 12 2z'/%3E%3C/svg%3E");
}

/* أيقونات الماسك دي مش من خط icomoon */
.icon-whatsapp,
.icon-tiktok,
.icon-snapchat {
  font-family: inherit !important;
}

/* ---------- تباين عنوان الصفحات الداخلية فوق الصور الفاتحة ---------- */
.page-title .paralaximg {
  position: relative;
}

.page-title .paralaximg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(24, 24, 24, 0.5), rgba(40, 43, 87, 0.45));
  pointer-events: none;
}

.page-title .content {
  z-index: 2;
}

/* ---------- تنبيهات ووردبريس/ووكومرس الأساسية ---------- */
.nestly-form-msg {
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 4px;
  display: none;
}

.nestly-form-msg.success {
  display: block;
  background: rgba(61, 171, 37, 0.1);
  color: var(--Success);
}

.nestly-form-msg.error {
  display: block;
  background: rgba(240, 62, 62, 0.1);
  color: var(--Critical);
}

/* ============================================================
   تحسينات التصميم العامة — نستلي
   ============================================================ */

/* ---------- الفوتر: بلوك البراند ---------- */
.footer .footer-left {
  display: flex;
  gap: 48px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.footer .footer-brand {
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.footer .footer-brand .footer-logo img {
  max-height: 64px;
  width: auto;
}

.footer .footer-about-text {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.9;
}

.footer .footer-brand-phones {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer .footer-brand-phones a {
  color: var(--White);
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: opacity 0.25s ease;
}

.footer .footer-brand-phones a:hover {
  opacity: 0.75;
}

.footer .footer-brand-phones .icon {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
}

.footer .footer-menu_item {
  transition: padding 0.25s ease, color 0.25s ease;
}

.footer .footer-menu_item:hover {
  padding-inline-start: 6px;
}

.footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer .tf-payment img {
  border-radius: 4px;
}

@media (max-width: 991px) {
  .footer .footer-brand {
    max-width: 100%;
  }
}

/* ---------- الهيدر ---------- */
#header.header-default:not(.header-absolute) {
  border-bottom: 1px solid var(--line);
}

#header .nav-icon-item {
  transition: color 0.25s ease, opacity 0.25s ease;
}

#header .nav-icon-item:hover {
  opacity: 0.65;
}

#header .nav-cart .count-box,
#header .nestly-wishlist-count {
  background-color: var(--Primary);
  color: var(--White);
}

#header .box-nav-ul .item-link {
  position: relative;
}

#header .box-nav-ul .item-link.active::after,
#header .box-nav-ul .item-link:hover::after {
  content: "";
  position: absolute;
  bottom: -4px;
  inset-inline-start: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  opacity: 0.85;
}

/* الشريط العلوي */
.nestly-topbar {
  padding: 10px 0;
}

.nestly-topbar p {
  font-weight: 500;
  letter-spacing: 0.2px;
}

/* ---------- عام: حقول وأزرار موحدة ---------- */
::selection {
  background: var(--main);
  color: var(--White);
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
textarea:focus,
select:focus {
  border-color: var(--main) !important;
  box-shadow: 0 0 0 3px rgba(40, 43, 87, 0.08);
}

#scroll-top {
  background-color: var(--main);
}

#scroll-top:hover {
  background-color: var(--Onsurface);
}

/* ============================================================
   تحسين قسم التصنيفات (wrap-categories style-2)
   ============================================================ */
.wrap-categories.style-2 {
  gap: 56px;
  padding-block: 10px;
}

@media (min-width: 992px) {
  .wrap-categories.style-2 {
    justify-content: center;
  }
}

.wrap-categories.style-2 .categories-item.style-2 {
  width: 210px;
}

.categories-item.style-2 .img-style {
  width: 190px;
  height: 190px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: var(--Surface);
  border: 1px solid var(--line);
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.categories-item.style-2 .img-style a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.categories-item.style-2 .img-style img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.4s ease;
}

.categories-item.style-2:hover .img-style {
  border-color: var(--main);
  box-shadow: 0 0 0 5px rgba(40, 43, 87, 0.07);
}

.categories-item.style-2:hover .img-style img {
  transform: scale(1.07);
}

.categories-item.style-2 .content .title a {
  font-weight: 700;
}

.categories-item.style-2 .content p {
  margin-top: 2px;
}

/* ============================================================
   كروت المنتجات: حجم صور ثابت + شكل موحّد
   ============================================================ */
.card-product .card-product-wrapper {
  background: var(--White);
  border: 1px solid var(--line);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.card-product:hover .card-product-wrapper {
  border-color: transparent;
  box-shadow: 0 14px 34px rgba(24, 24, 24, 0.1);
}

.card-product .card-product-wrapper .image-wrap {
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
  background: var(--White);
}

.card-product .card-product-wrapper .image-wrap img {
  object-fit: contain;
  padding: 26px;
}

.card-product .card-product-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.card-product .card-product-info > a.link {
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 44px;
  line-height: 22px;
}

.card-product .card-product-info .price {
  color: var(--main);
  font-weight: 700;
}

.card-product .card-product-info .price .old-price {
  color: var(--Secondary2);
  font-weight: 400;
}

/* صور المنتج في الجاليري والسلة والدرج بنفس منطق contain */
.tf-product-media-main .swiper-slide img,
.tf-product-media-thumbs .swiper-slide img {
  object-fit: contain;
  background: var(--White);
}

#shoppingCart .tf-mini-cart-image img,
.woocommerce-cart-form img,
.woocommerce-checkout table.shop_table img {
  object-fit: contain;
  background: var(--White);
  border: 1px solid var(--line);
}

/* ============================================================
   الرئيسية: لمسات عامة
   ============================================================ */
.tf-box-icon .icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(40, 43, 87, 0.06);
  color: var(--main);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 14px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.tf-box-icon:hover .icon {
  background: var(--main);
  color: var(--White);
}

.heading-section h3,
.heading-section-2 h3 {
  font-weight: 700;
}

/* ============================================================
   من نحن: لمسات
   ============================================================ */
.about-us-main .box-about img {
  border-radius: 16px;
}

/* ============================================================
   تواصل معنا: بيانات التواصل + الخريطة + الفورم
   ============================================================ */
.map-contact {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--line);
}

.map-contact iframe {
  display: block;
  width: 100%;
}

.contact-us-content .mb_30.wow > .icon,
.contact-us-content .contact-icon {
  color: var(--main);
}

.contact-us-content .col-lg-4 .mb_30 {
  background: var(--Surface);
  border-radius: 12px;
  padding: 20px;
}

.contact-us-content .col-lg-4 .mb_30:last-child {
  margin-bottom: 0;
}

.form-leave-comment input[type=text],
.form-leave-comment input[type=email],
.form-leave-comment input[type=tel],
.form-leave-comment textarea {
  border-radius: 10px;
  border: 1px solid var(--line);
  padding: 13px 16px;
}

.form-leave-comment .button-submit button {
  padding-inline: 36px;
}

/* تظليل خفيف على سلايدات الهيرو لوضوح النص فوق الصور الفاتحة */
.tf-slideshow .wrap-slider {
  position: relative;
}

.tf-slideshow .wrap-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0.38) 0%, rgba(24, 24, 24, 0.1) 28%, rgba(24, 24, 24, 0.32) 100%);
  pointer-events: none;
  z-index: 1;
}

/* ============================================================
   قسم المدونة في الرئيسية (section-news-insight)
   ============================================================ */
.section-news-insight .collection-position.style-2 {
  border-radius: 16px;
  overflow: hidden;
}

.section-news-insight .collection-position.style-2 .img-style::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0) 35%, rgba(24, 24, 24, 0.72) 100%);
  pointer-events: none;
}

.section-news-insight .collection-position.style-2 .cls-content {
  z-index: 2;
}

.section-news-insight .collection-position.style-2 .cls-heading .link {
  font-weight: 700;
  line-height: 1.6;
}

.section-news-insight .article-label {
  border-radius: 99px;
  font-weight: 600;
}

/* كروت المقالات الصغيرة */
.section-news-insight .col-lg-6.col-xl-5 .image {
  border-radius: 14px;
  overflow: hidden;
}

.section-news-insight .col-lg-6.col-xl-5 .image img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  transition: transform 0.5s ease;
}

.section-news-insight .col-lg-6.col-xl-5 .image:hover img {
  transform: scale(1.06);
}

.section-news-insight .col-lg-6.col-xl-5 .content .link {
  font-weight: 700;
}

/* ============================================================
   بانر العروض الكبير (collection-position style-full style-6)
   ============================================================ */
.collection-position.style-full {
  border-radius: 20px;
  overflow: hidden;
}

.collection-position.style-full .img-style {
  position: relative;
}

.collection-position.style-full .img-style::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0.25) 0%, rgba(40, 43, 87, 0.55) 100%);
  pointer-events: none;
}

.collection-position.style-full .cls-content,
.collection-position.style-full .content {
  z-index: 2;
}

.collection-position.style-full .cls-heading h3,
.collection-position.style-full .cls-heading h4,
.collection-position.style-full .content h3,
.collection-position.style-full .content h4 {
  font-weight: 700;
  text-shadow: 0 2px 14px rgba(24, 24, 24, 0.35);
}

.collection-position.style-full .tf-btn.btn-white {
  box-shadow: 0 8px 22px rgba(24, 24, 24, 0.25);
}

/* ============================================================
   جاليري إنستجرام (tf-sw-shop-gallery): مربعات موحدة
   ============================================================ */
.tf-sw-shop-gallery .gallery-item {
  border-radius: 14px;
  overflow: hidden;
  display: block;
}

.tf-sw-shop-gallery .gallery-item .img-style {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.tf-sw-shop-gallery .gallery-item .img-style img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.tf-sw-shop-gallery .gallery-item:hover .img-style img {
  transform: scale(1.08);
}

.tf-sw-shop-gallery .gallery-item .box-icon {
  background: var(--White);
  color: var(--main);
}

/* ============================================================
   بوكسات المزايا (tf-sw-iconbox): توسيط + كارت خفيف
   ============================================================ */
.tf-sw-iconbox .tf-box-icon {
  text-align: center;
  background: var(--White);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 28px 22px;
  height: 100%;
  transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

.tf-sw-iconbox .tf-box-icon:hover {
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(24, 24, 24, 0.08);
  transform: translateY(-4px);
}

.tf-sw-iconbox .swiper-slide {
  height: auto;
}

.tf-sw-iconbox .tf-box-icon .title {
  font-weight: 700;
  margin-bottom: 6px;
}

.tf-sw-iconbox .tf-box-icon p {
  font-size: 14px;
  line-height: 1.8;
}

/* ============================================================
   الفوتر: صقل إضافي
   ============================================================ */
#footer .footer-heading {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 18px;
  font-weight: 700;
}

#footer .footer-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 34px;
  height: 2px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 2px;
}

#footer .footer-newsletter .footer-heading::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

#footer .footer-menu-list li {
  margin-bottom: 4px;
}

#footer .footer-menu_item {
  color: rgba(255, 255, 255, 0.72);
}

#footer .footer-menu_item:hover {
  color: var(--White);
}

#footer .subscribe-form .subscribe-email {
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--White);
  transition: border-color 0.3s ease;
}

#footer .subscribe-form .subscribe-email:focus {
  border-color: rgba(255, 255, 255, 0.45);
}

#footer .subscribe-form .subscribe-email::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

#footer .subscribe-button {
  transition: opacity 0.25s ease;
}

#footer .subscribe-button:hover {
  opacity: 0.85;
}

#footer .tf-social-icon a {
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

#footer .tf-social-icon a:hover {
  background: var(--White);
  color: var(--main);
  transform: translateY(-3px);
}

#footer .tf-payment img {
  opacity: 0.9;
  transition: opacity 0.25s ease;
}

#footer .tf-payment img:hover {
  opacity: 1;
}

#footer .footer-bottom {
  background: rgba(0, 0, 0, 0.18);
}

/* إصلاح تزاحم أعمدة روابط الفوتر */
#footer .footer-left {
  flex: 1 1 60%;
}

#footer .footer-infor {
  min-width: 0;
}

#footer .footer-menu {
  display: flex;
  gap: 56px;
  flex-wrap: nowrap;
}

#footer .footer-menu .footer-col-block {
  min-width: 150px;
  flex-shrink: 0;
}

@media (max-width: 1199px) {
  #footer .footer-menu {
    gap: 36px;
  }

  #footer .footer-menu .footer-col-block {
    min-width: 130px;
  }
}

@media (max-width: 767px) {
  #footer .footer-menu {
    flex-wrap: wrap;
  }
}

/* شبكة الفوتر الجديدة (بنية مسطحة) */
.nestly-footer-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 56px;
  align-items: flex-start;
}

.nestly-footer-grid .footer-col {
  flex: 1 1 0;
  min-width: 170px;
}

.nestly-footer-grid .footer-col.footer-brand {
  flex: 1.5 1 0;
  min-width: 260px;
  max-width: 360px;
}

.nestly-footer-grid .footer-col.footer-newsletter {
  flex: 1.7 1 0;
  min-width: 300px;
  max-width: none;
}

.footer-brand-mail {
  color: var(--White);
  font-size: 17px;
  font-weight: 600;
  transition: opacity 0.25s ease;
}

.footer-brand-mail:hover {
  color: var(--White);
  opacity: 0.75;
}

/* ============================================================
   بانر العروض الجديد (nestly-promo-banner)
   ============================================================ */
.nestly-promo-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  background: linear-gradient(135deg, #20234a 0%, var(--main) 55%, #3a3e74 100%);
  border-radius: 24px;
  padding: 56px 64px;
  overflow: hidden;
  min-height: 360px;
}

.nestly-promo-banner .promo-decor {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.nestly-promo-banner .promo-decor-1 {
  width: 420px;
  height: 420px;
  inset-inline-end: -120px;
  top: -160px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
}

.nestly-promo-banner .promo-decor-2 {
  width: 300px;
  height: 300px;
  inset-inline-start: 18%;
  bottom: -140px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 70%);
}

.nestly-promo-banner .promo-content {
  position: relative;
  z-index: 2;
  max-width: 540px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.nestly-promo-banner .promo-label {
  display: inline-block;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: var(--White);
  font-size: 13px;
  font-weight: 600;
  padding: 7px 18px;
  border-radius: 99px;
  letter-spacing: 0.3px;
}

.nestly-promo-banner .promo-title,
.nestly-promo-banner .promo-title .link {
  color: var(--White);
  font-weight: 700;
  font-size: 34px;
  line-height: 1.5;
}

.nestly-promo-banner .promo-title .link:hover {
  opacity: 0.85;
}

.nestly-promo-banner .promo-sub {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.9;
  margin: 0;
}

.nestly-promo-banner .promo-btn {
  margin-top: 6px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
}

.nestly-promo-banner .promo-media {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 38%;
  max-width: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nestly-promo-banner .promo-media img {
  width: 100%;
  height: auto;
  max-height: 330px;
  object-fit: contain;
  filter: drop-shadow(0 24px 38px rgba(0, 0, 0, 0.35));
  animation: nestly-float 5s ease-in-out infinite;
}

@keyframes nestly-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@media (max-width: 991px) {
  .nestly-promo-banner {
    flex-direction: column-reverse;
    text-align: center;
    padding: 40px 24px;
    gap: 24px;
  }

  .nestly-promo-banner .promo-content {
    align-items: center;
    max-width: 100%;
  }

  .nestly-promo-banner .promo-title {
    font-size: 26px;
  }

  .nestly-promo-banner .promo-media {
    width: 70%;
  }

  .nestly-promo-banner .promo-media img {
    max-height: 240px;
  }
}

/* ---------- تصغير لوجو الهيدر ---------- */
#header .logo-header img {
  max-height: 52px;
  width: auto;
}

@media (max-width: 1199px) {
  #header .logo-header img {
    max-height: 44px;
  }
}

#footer .footer-brand .footer-logo img {
  max-height: 56px;
}

/* ============================================================
   الفوتر v2 — تصميم جديد بالكامل (بدون نشرة بريدية)
   ============================================================ */
.nestly-footer-v2 {
  background: linear-gradient(160deg, #1d2045 0%, var(--main) 60%, #32366b 100%);
  color: rgba(255, 255, 255, 0.75);
  margin-top: 0;
}

.nestly-footer-v2 .nf-main {
  padding: 64px 0 48px;
}

.nestly-footer-v2 .nf-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 56px;
  align-items: flex-start;
}

.nestly-footer-v2 .nf-col {
  flex: 1 1 0;
  min-width: 170px;
}

.nestly-footer-v2 .nf-brand {
  flex: 1.5 1 0;
  min-width: 250px;
  max-width: 360px;
}

.nestly-footer-v2 .nf-contact {
  flex: 1.3 1 0;
  min-width: 230px;
}

.nestly-footer-v2 .nf-logo img {
  max-height: 54px;
  width: auto;
  margin-bottom: 18px;
}

.nestly-footer-v2 .nf-about {
  font-size: 14px;
  line-height: 2;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
}

/* سوشيال */
.nestly-footer-v2 .nf-social {
  display: flex;
  gap: 10px;
}

.nestly-footer-v2 .nf-social a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: var(--White);
  font-size: 15px;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

.nestly-footer-v2 .nf-social a:hover {
  background: var(--White);
  color: var(--main);
  border-color: var(--White);
  transform: translateY(-3px);
}

/* عناوين الأعمدة */
.nestly-footer-v2 .nf-heading {
  color: var(--White);
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 12px;
}

.nestly-footer-v2 .nf-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 36px;
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.35);
}

/* الروابط */
.nestly-footer-v2 .nf-list li {
  margin-bottom: 10px;
}

.nestly-footer-v2 .nf-list a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  transition: color 0.25s ease, gap 0.25s ease;
}

.nestly-footer-v2 .nf-list a i {
  font-size: 11px;
  opacity: 0.6;
  transition: opacity 0.25s ease;
}

.nestly-footer-v2 .nf-list a:hover {
  color: var(--White);
  gap: 12px;
}

.nestly-footer-v2 .nf-list a:hover i {
  opacity: 1;
}

/* بيانات التواصل */
.nestly-footer-v2 .nf-contact-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 14px;
}

.nestly-footer-v2 .nf-contact-list a {
  color: rgba(255, 255, 255, 0.78);
  transition: color 0.25s ease;
}

.nestly-footer-v2 .nf-contact-list a:hover {
  color: var(--White);
}

.nestly-footer-v2 .nf-ci {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--White);
  font-size: 14px;
}

/* زرار واتساب */
.nestly-footer-v2 .nf-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  background: #25d366;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 11px 22px;
  border-radius: 99px;
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.3);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.nestly-footer-v2 .nf-whatsapp:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(37, 211, 102, 0.4);
}

.nestly-footer-v2 .nf-whatsapp i {
  font-size: 18px;
}

/* الشريط السفلي */
.nestly-footer-v2 .nf-bottom {
  background: rgba(0, 0, 0, 0.22);
  padding: 18px 0;
}

.nestly-footer-v2 .nf-bottom-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.nestly-footer-v2 .nf-copy {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
}

.nestly-footer-v2 .nf-payments {
  display: flex;
  gap: 8px;
  align-items: center;
}

.nestly-footer-v2 .nf-payments img {
  height: 26px;
  width: auto;
  border-radius: 4px;
  opacity: 0.9;
}

/* أيقونة FA بلون الهوية داخل النصوص */
.nestly-fa-accent {
  color: var(--Yellow);
}

@media (max-width: 991px) {
  .nestly-footer-v2 .nf-main {
    padding: 48px 0 36px;
  }

  .nestly-footer-v2 .nf-grid {
    gap: 32px;
  }

  .nestly-footer-v2 .nf-col {
    flex: 1 1 calc(50% - 32px);
    min-width: calc(50% - 32px);
  }

  .nestly-footer-v2 .nf-brand {
    flex: 1 1 100%;
    min-width: 100%;
    max-width: none;
  }
}

@media (max-width: 575px) {
  .nestly-footer-v2 .nf-col {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .nestly-footer-v2 .nf-bottom-wrap {
    justify-content: center;
    text-align: center;
  }
}

/* توسيط محتوى الهيرو عموديًا + وضوح العنوان الفرعي */
.tf-slideshow.style-3 .box-content {
  top: 50%;
  transform: translate(50%, -50%);
  gap: 22px;
}

.tf-slideshow.style-3 .box-content .box-title {
  gap: 12px;
}

.tf-slideshow.style-3 .box-content p {
  max-width: 560px;
  margin-inline: auto;
  text-shadow: 0 2px 14px rgba(24, 24, 24, 0.5);
  font-size: 17px;
}

/* تصنيفات: اسم أكبر + عدّاد pill */
.categories-item.style-2 .content .title a {
  font-size: 20px;
}

.categories-item.style-2 .content p {
  display: inline-block;
  background: var(--Surface);
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 4px 16px;
  font-size: 13px;
  margin-top: 8px;
}

.categories-item.style-2:hover .img-style {
  transform: translateY(-5px);
}

/* ============================================================
   تطعيم الفوتر بالهوية الدهبية
   ============================================================ */
:root {
  --nf-gold: #d4af6a;
  --nf-gold-light: #f0dca8;
  --nf-gold-deep: #b08d4f;
}

.nestly-footer-v2 {
  position: relative;
  overflow: hidden;
  border-radius: 28px 28px 0 0;
  margin-top: 24px;
}

/* البوردر العلوي المتدرج الدهبي */
.nestly-footer-v2 .nf-topline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(212, 175, 106, 0) 0%, var(--nf-gold) 18%, var(--nf-gold-light) 50%, var(--nf-gold) 82%, rgba(212, 175, 106, 0) 100%);
  box-shadow: 0 0 18px rgba(212, 175, 106, 0.55);
  z-index: 3;
}

/* المنوجرام الدهبي كعلامة مائية */
.nestly-footer-v2 .nf-watermark {
  position: absolute;
  inset-inline-start: -70px;
  bottom: -90px;
  width: 400px;
  height: auto;
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
  transform: rotate(-8deg);
}

/* توهج دهبي ناعم في الزاوية المقابلة */
.nestly-footer-v2::after {
  content: "";
  position: absolute;
  inset-inline-end: -140px;
  top: -140px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212, 175, 106, 0.14) 0%, rgba(212, 175, 106, 0) 65%);
  pointer-events: none;
  z-index: 0;
}

.nestly-footer-v2 .nf-main,
.nestly-footer-v2 .nf-bottom {
  position: relative;
  z-index: 1;
}

/* عناوين الأعمدة: شرطة دهبية متدرجة */
.nestly-footer-v2 .nf-heading::after {
  width: 42px;
  background: linear-gradient(90deg, var(--nf-gold), var(--nf-gold-light));
  box-shadow: 0 0 8px rgba(212, 175, 106, 0.4);
}

/* أسهم الروابط دهبية + hover دهبي */
.nestly-footer-v2 .nf-list a i {
  color: var(--nf-gold);
  opacity: 0.8;
}

.nestly-footer-v2 .nf-list a:hover {
  color: var(--nf-gold-light);
}

/* أيقونات التواصل: حد دهبي خفيف وhover دهبي */
.nestly-footer-v2 .nf-ci {
  border-color: rgba(212, 175, 106, 0.35);
  color: var(--nf-gold-light);
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.nestly-footer-v2 .nf-contact-list li:hover .nf-ci {
  background: linear-gradient(135deg, var(--nf-gold), var(--nf-gold-deep));
  border-color: var(--nf-gold);
  color: #fff;
}

.nestly-footer-v2 .nf-contact-list a:hover {
  color: var(--nf-gold-light);
}

/* سوشيال: hover دهبي بدل الأبيض */
.nestly-footer-v2 .nf-social a:hover {
  background: linear-gradient(135deg, var(--nf-gold-light), var(--nf-gold));
  border-color: var(--nf-gold);
  color: var(--main);
  transform: translateY(-3px);
}

/* لمسة على اللوجو: خط دهبي رفيع تحته */
.nestly-footer-v2 .nf-logo {
  display: inline-block;
  padding-bottom: 14px;
  position: relative;
}

.nestly-footer-v2 .nf-logo::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 64px;
  height: 2px;
  background: linear-gradient(90deg, var(--nf-gold), rgba(212, 175, 106, 0));
}

/* الشريط السفلي: فاصل دهبي خفيف */
.nestly-footer-v2 .nf-bottom {
  border-top: 1px solid rgba(212, 175, 106, 0.22);
}

/* العلامة المائية أصغر على الموبايل */
@media (max-width: 767px) {
  .nestly-footer-v2 {
    border-radius: 18px 18px 0 0;
  }

  .nestly-footer-v2 .nf-watermark {
    width: 260px;
    inset-inline-start: -60px;
    bottom: -60px;
  }
}

/* ============================================================
   اتساق الهوية الدهبية: شارات الخصم + المزايا + اشترِ الآن
   ============================================================ */

/* شارات الخصم (كروت المنتجات + صفحة المنتج) */
.on-sale-wrap .on-sale-item,
.badges-on-sale {
  background: linear-gradient(135deg, var(--nf-gold-light) 0%, var(--nf-gold) 55%, var(--nf-gold-deep) 100%);
  color: var(--main);
  font-weight: 700;
  border: 0;
  box-shadow: 0 4px 12px rgba(176, 141, 79, 0.35);
}

/* شارة "منتج مميز" */
.tf-product-tag {
  display: inline-block;
  background: rgba(212, 175, 106, 0.12);
  border: 1px solid rgba(212, 175, 106, 0.5);
  color: var(--nf-gold-deep);
  font-weight: 700;
  border-radius: 99px;
  padding: 5px 16px;
}

/* أيقونات المزايا (الرئيسية + من نحن): دوائر دهبية */
.tf-sw-iconbox .tf-box-icon .icon {
  background: rgba(212, 175, 106, 0.12);
  border: 1px solid rgba(212, 175, 106, 0.35);
  color: var(--nf-gold-deep);
}

.tf-sw-iconbox .tf-box-icon:hover .icon {
  background: linear-gradient(135deg, var(--nf-gold-light), var(--nf-gold-deep));
  border-color: var(--nf-gold);
  color: var(--White);
}

/* زرار "اشترِ الآن" في صفحة المنتج: CTA دهبي فاخر */
.single-product a.tf-btn.btn-primary.w-full {
  background: linear-gradient(135deg, var(--nf-gold-light) 0%, var(--nf-gold) 50%, var(--nf-gold-deep) 100%);
  color: var(--main);
  font-weight: 700;
  border: 0;
  box-shadow: 0 8px 22px rgba(176, 141, 79, 0.38);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.single-product a.tf-btn.btn-primary.w-full:hover {
  color: var(--main);
  filter: brightness(1.06);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(176, 141, 79, 0.5);
}

/* شريط تقدم الشحن المجاني في الدرج: دهبي بدل الكحلي */
#shoppingCart .tf-progress-bar .value {
  background: linear-gradient(90deg, var(--nf-gold-deep), var(--nf-gold), var(--nf-gold-light));
}

/* بادج عداد المفضلة/السلة في الهيدر: لمسة دهبية */
#header .nav-cart .count-box,
#header .nestly-wishlist-count {
  background: linear-gradient(135deg, var(--nf-gold), var(--nf-gold-deep));
  color: var(--White);
}

/* ============================================================
   الميزة 1+2: فاصل المنحنى + شريط المزايا فوق الفوتر
   ============================================================ */
.nf-curve {
  line-height: 0;
  margin-top: 40px;
}

.nf-curve svg {
  display: block;
  width: 100%;
  height: 64px;
}

.nf-strip {
  background: #20234a;
  padding: 8px 0 30px;
}

.nf-strip-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nf-strip-list li {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1 1 200px;
}

.nf-strip-icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--main);
  background: linear-gradient(135deg, var(--nf-gold-light), var(--nf-gold));
  box-shadow: 0 6px 16px rgba(176, 141, 79, 0.35);
}

.nf-strip-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.nf-strip-copy b {
  color: var(--White);
  font-size: 15px;
}

.nf-strip-copy small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 12.5px;
}

/* لما الشريط موجود: الفوتر يكمل من غير زوايا/مسافة (كتلة واحدة) */
body:has(.nf-strip) .nestly-footer-v2 {
  border-radius: 0;
  margin-top: 0;
}

@media (max-width: 767px) {
  .nf-strip-list li {
    flex: 1 1 calc(50% - 28px);
  }

  .nf-strip-icon {
    width: 44px;
    height: 44px;
    font-size: 17px;
  }
}

/* ============================================================
   الميزة 3: عدّادات الأرقام في من نحن
   ============================================================ */
.nestly-stats {
  background: linear-gradient(135deg, #20234a, var(--main));
  padding: 52px 0;
  border-radius: 24px;
  margin: 0 24px;
}

.nestly-stats-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nestly-stats-list li {
  text-align: center;
  min-width: 150px;
}

.stat-value {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-size: 44px;
  font-weight: 700;
  color: var(--White);
  line-height: 1.2;
}

.stat-suffix {
  color: var(--nf-gold);
  font-size: 34px;
  font-weight: 700;
}

.stat-label {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
}

/* ============================================================
   الميزة 4: العدّاد التنازلي
   ============================================================ */
.nestly-countdown {
  display: inline-flex;
  gap: 10px;
}

.nestly-countdown .cd-box {
  min-width: 64px;
  text-align: center;
  background: var(--Surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 8px 6px;
}

.nestly-countdown .cd-box b {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: var(--main);
  font-variant-numeric: tabular-nums;
}

.nestly-countdown .cd-box small {
  font-size: 11px;
  color: var(--Secondary2);
}

/* نسخة على خلفية غامقة (بانر العروض) */
.nestly-countdown.is-dark .cd-box {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.22);
}

.nestly-countdown.is-dark .cd-box b {
  color: var(--nf-gold-light);
}

.nestly-countdown.is-dark .cd-box small {
  color: rgba(255, 255, 255, 0.65);
}

/* غلاف عدّاد صفحة المنتج */
.nestly-countdown-wrap {
  margin: 14px 0 6px;
  padding: 14px 16px;
  border: 1px dashed var(--nf-gold);
  border-radius: 14px;
  background: rgba(212, 175, 106, 0.07);
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.nestly-countdown-wrap .cd-title {
  font-weight: 700;
  color: var(--nf-gold-deep);
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nestly-countdown-wrap.cd-ended {
  display: none;
}

/* ============================================================
   الميزة 6: البحث اللحظي
   ============================================================ */
.live-search-results {
  margin-top: 4px;
}

.live-search-results.has-results {
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  max-height: 380px;
  overflow-y: auto;
}

.ls-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  transition: background-color 0.2s ease;
}

.ls-item:hover {
  background: var(--Surface);
}

.ls-item img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  background: var(--White);
  border: 1px solid var(--line);
  border-radius: 10px;
  flex-shrink: 0;
}

.ls-info {
  flex: 1;
  min-width: 0;
}

.ls-info b {
  display: block;
  font-size: 14px;
  color: var(--Onsurface);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ls-price {
  font-size: 13px;
  font-weight: 700;
  color: var(--main);
}

.ls-item > i {
  color: var(--Secondary2);
}

.ls-all {
  display: block;
  text-align: center;
  padding: 12px;
  font-weight: 600;
  font-size: 13px;
  color: var(--main);
  background: var(--Surface);
}

.ls-loading,
.ls-empty {
  padding: 22px;
  text-align: center;
  color: var(--Secondary2);
  font-size: 14px;
}

/* ============================================================
   الميزة 7: نبّهني عند التوفر
   ============================================================ */
.nestly-stock-notify {
  margin-top: 16px;
  padding: 18px;
  border: 1px dashed var(--line);
  border-radius: 14px;
  background: var(--Surface);
}

.nestly-stock-notify .sn-title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.nestly-stock-notify .sn-title i {
  color: var(--nf-gold-deep);
}

.nestly-stock-notify .sn-row {
  display: flex;
  gap: 10px;
}

.nestly-stock-notify input {
  flex: 1;
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 11px 18px;
  background: var(--White);
}

.nestly-stock-notify button {
  background: var(--main);
  color: var(--White);
  border: 0;
  border-radius: 99px;
  padding: 11px 26px;
  font-weight: 600;
}

/* ============================================================
   الميزة 8: الباقات
   ============================================================ */
.nestly-bundle {
  margin: 20px 0;
  border: 1.5px solid var(--nf-gold);
  border-radius: 16px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(212, 175, 106, 0.08), rgba(212, 175, 106, 0.02));
}

.nestly-bundle .bd-head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: var(--nf-gold-deep);
  margin-bottom: 14px;
}

.nestly-bundle .bd-items {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.nestly-bundle .bd-prod {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--White);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 8px 12px;
  flex: 1 1 220px;
}

.nestly-bundle .bd-prod img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.nestly-bundle .bd-prod b {
  font-size: 13px;
  display: block;
}

.nestly-bundle .bd-prod small {
  color: var(--main);
  font-weight: 700;
}

.nestly-bundle .bd-plus {
  font-size: 20px;
  font-weight: 700;
  color: var(--nf-gold-deep);
}

.nestly-bundle .bd-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.nestly-bundle .bd-total b {
  color: var(--main);
  font-size: 18px;
}

.nestly-bundle .bd-total .bd-old {
  color: var(--Secondary2);
  text-decoration: line-through;
  font-size: 14px;
  margin-inline-end: 8px;
}

.nestly-bundle .bd-save {
  display: inline-block;
  background: linear-gradient(135deg, var(--nf-gold-light), var(--nf-gold));
  color: var(--main);
  font-weight: 700;
  font-size: 12px;
  border-radius: 99px;
  padding: 4px 12px;
  margin-inline-start: 8px;
}

.nestly-bundle-add {
  background: var(--main);
  color: var(--White);
  border-radius: 99px;
  padding: 11px 26px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nestly-bundle-add:hover {
  color: var(--White);
  background: var(--Onsurface);
}

.nestly-bundle-add.loading {
  opacity: 0.6;
  pointer-events: none;
}

.nestly-bundle-add.added {
  background: var(--Success);
}

/* ============================================================
   الميزة 9: تتبع الطلب
   ============================================================ */
.nestly-track-card {
  max-width: 560px;
  margin: 0 auto;
  background: var(--White);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 14px 40px rgba(24, 24, 24, 0.06);
}

.nestly-track-card .auth-field {
  margin-bottom: 14px;
}

.nestly-track-result {
  max-width: 680px;
  margin: 26px auto 0;
}

.track-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 99px;
  padding: 7px 18px;
  font-weight: 700;
  font-size: 14px;
  background: var(--Surface);
  color: var(--main);
}

.track-timeline {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  position: relative;
}

.track-timeline::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  inset-inline-start: 11px;
  width: 2px;
  background: var(--line);
}

.track-timeline li {
  position: relative;
  padding-inline-start: 38px;
  padding-bottom: 18px;
}

.track-timeline li::before {
  content: "";
  position: absolute;
  inset-inline-start: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--White);
  border: 2px solid var(--line);
}

.track-timeline li.done::before {
  background: var(--main);
  border-color: var(--main);
}

.track-timeline li.current::before {
  background: var(--nf-gold);
  border-color: var(--nf-gold);
  box-shadow: 0 0 0 4px rgba(212, 175, 106, 0.25);
}

.track-timeline li b {
  display: block;
  font-size: 14px;
}

.track-timeline li small {
  color: var(--Secondary2);
  font-size: 12.5px;
}

/* ============================================================
   السلايدر v2: كارت زجاجي محاذي + هوية دهبية
   ============================================================ */

/* الموضع: يمين (بداية RTL) بدل التوسيط */
.tf-slideshow.style-3 .box-content {
  right: 6%;
  left: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  text-align: right;
  max-width: 600px;
  width: calc(100% - 60px);
  height: auto;
}

/* الكارت الزجاجي */
.hero-card {
  background: linear-gradient(150deg, rgba(22, 24, 50, 0.55), rgba(22, 24, 50, 0.35));
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 24px;
  padding: 38px 40px;
  box-shadow: 0 24px 60px rgba(10, 12, 35, 0.35);
  position: relative;
  overflow: hidden;
}

/* خيط دهبي علوي داخل الكارت */
.hero-card::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(212, 175, 106, 0) 0%, var(--nf-gold) 30%, var(--nf-gold-light) 50%, var(--nf-gold) 70%, rgba(212, 175, 106, 0) 100%);
}

.tf-slideshow.style-3 .box-content .box-title {
  gap: 14px;
  align-items: flex-start;
}

/* الشارة الدهبية */
.hero-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--nf-gold-light), var(--nf-gold));
  color: var(--main);
  font-size: 13px;
  font-weight: 700;
  border-radius: 99px;
  padding: 6px 18px;
  box-shadow: 0 6px 16px rgba(176, 141, 79, 0.4);
  width: max-content;
}

/* العنوان والوصف */
.tf-slideshow.style-3 .hero-card .text-display {
  font-size: 52px;
  line-height: 1.35;
  font-weight: 700;
  text-shadow: 0 3px 18px rgba(10, 12, 35, 0.4);
}

.tf-slideshow.style-3 .hero-card p {
  max-width: 460px;
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  line-height: 1.9;
  text-shadow: none;
  margin-inline: 0;
}

/* الأزرار */
.hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.hero-btn-gold {
  background: linear-gradient(135deg, var(--nf-gold-light) 0%, var(--nf-gold) 50%, var(--nf-gold-deep) 100%);
  color: var(--main);
  font-weight: 700;
  border: 0;
  border-radius: 99px;
  padding: 13px 30px;
  box-shadow: 0 10px 26px rgba(176, 141, 79, 0.45);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.hero-btn-gold:hover {
  color: var(--main);
  filter: brightness(1.07);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(176, 141, 79, 0.55);
}

.hero-btn-ghost {
  background: rgba(255, 255, 255, 0.08);
  color: var(--White);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  border-radius: 99px;
  padding: 13px 28px;
  font-weight: 600;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

.hero-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.6);
  color: var(--White);
}

/* الترقيم: شُرط dash بدل النقاط */
.tf-slideshow .wrap-pagination .sw-dots .swiper-pagination-bullet,
.tf-slideshow .sw-pagination-slider .swiper-pagination-bullet {
  width: 26px;
  height: 4px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.4);
  border: 0;
  opacity: 1;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.tf-slideshow .wrap-pagination .sw-dots .swiper-pagination-bullet::after,
.tf-slideshow .sw-pagination-slider .swiper-pagination-bullet::after {
  display: none;
}

.tf-slideshow .wrap-pagination .sw-dots .swiper-pagination-bullet-active,
.tf-slideshow .sw-pagination-slider .swiper-pagination-bullet-active {
  width: 44px;
  background: linear-gradient(90deg, var(--nf-gold), var(--nf-gold-light));
  box-shadow: 0 0 10px rgba(212, 175, 106, 0.6);
}

/* الأسهم: دواير بحد دهبي */
.tf-slideshow .sw-button {
  background: rgba(22, 24, 50, 0.35);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1.5px solid rgba(212, 175, 106, 0.55);
  color: var(--White);
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.tf-slideshow .sw-button:hover {
  background: linear-gradient(135deg, var(--nf-gold-light), var(--nf-gold-deep));
  border-color: var(--nf-gold);
  color: var(--main);
}

/* موبايل */
@media (max-width: 991px) {
  .tf-slideshow.style-3 .box-content {
    right: 50%;
    bottom: auto !important;
    transform: translate(50%, -50%);
    text-align: center;
    width: calc(100% - 40px);
    height: auto;
  }

  .hero-card {
    padding: 26px 22px;
    border-radius: 18px;
  }

  .tf-slideshow.style-3 .box-content .box-title {
    align-items: center;
  }

  .tf-slideshow.style-3 .hero-card .text-display {
    font-size: 30px;
  }

  .tf-slideshow.style-3 .hero-card p {
    font-size: 14px;
    margin-inline: auto;
  }

  .hero-actions {
    justify-content: center;
  }

  .hero-label {
    margin-inline: auto;
  }
}

/* ============================================================
   السلايدر: عرض كامل للشاشة + أسهم مظبوطة
   ============================================================ */
.tf-slideshow.style-3 {
  padding: 0 !important;
}

.tf-slideshow.style-3 .swiper {
  border-radius: 0 !important;
}

/* الأسهم: حجم/موضع مظبوط داخل الشاشة الكاملة */
.tf-slideshow .sw-button {
  width: 56px;
  height: 56px;
  font-size: 22px;
}

.tf-slideshow .navigation-next-slider {
  inset-inline-start: 24px;
  inset-inline-end: auto;
}

.tf-slideshow .navigation-prev-slider {
  inset-inline-end: 24px;
  inset-inline-start: auto;
}

/* ارتفاع مريح للهيرو فول-سكرين */
.tf-slideshow.style-3 .wrap-slider,
.tf-slideshow.style-3 .img-style,
.tf-slideshow.style-3 .img-style img {
  min-height: 620px;
  height: 620px;
}

.tf-slideshow.style-3 .img-style img {
  object-fit: cover;
  width: 100%;
}

@media (max-width: 991px) {
  .tf-slideshow .sw-button {
    width: 42px;
    height: 42px;
    font-size: 17px;
  }

  .tf-slideshow .navigation-next-slider { inset-inline-start: 10px; }
  .tf-slideshow .navigation-prev-slider { inset-inline-end: 10px; }

  .tf-slideshow.style-3 .wrap-slider,
  .tf-slideshow.style-3 .img-style,
  .tf-slideshow.style-3 .img-style img {
    min-height: 480px;
    height: 480px;
  }
}

/* ============================================================
   قائمة الموبايل: تصميم أنظف للجزء السفلي
   ============================================================ */
.canvas-mb .mb-other-content {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.canvas-mb .group-icon {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}

.canvas-mb .group-icon .site-nav-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 14px 6px;
  background: var(--Surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--Onsurface);
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.canvas-mb .group-icon .site-nav-icon .icon path {
  transition: stroke 0.25s ease;
}

.canvas-mb .group-icon .site-nav-icon:hover {
  background: var(--main);
  color: var(--White);
  border-color: var(--main);
}

.canvas-mb .group-icon .site-nav-icon:hover .icon path {
  stroke: #fff;
}

.canvas-mb .mb-notice {
  margin-bottom: 16px;
}

.canvas-mb .mb-notice .text-need {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(212, 175, 106, 0.12);
  border: 1px solid rgba(212, 175, 106, 0.45);
  color: var(--nf-gold-deep);
  font-weight: 700;
  border-radius: 99px;
  padding: 11px;
  font-size: 13.5px;
}

.canvas-mb .mb-info {
  background: var(--Surface);
  border-radius: 14px;
  padding: 16px;
  margin: 0;
  list-style: none;
}

.canvas-mb .mb-info li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--Secondary);
  padding: 6px 0;
}

.canvas-mb .mb-info li:not(:last-child) {
  border-bottom: 1px solid var(--line);
}

.canvas-mb .mb-info li i {
  color: var(--nf-gold-deep);
  width: 16px;
  text-align: center;
}

/* ============================================================
   الفوتر على الموبايل: مختصر ومنظّم (أكورديون للأعمدة)
   ============================================================ */
@media (max-width: 767px) {
  .nestly-footer-v2 .nf-main {
    padding: 36px 0 24px;
  }

  .nestly-footer-v2 .nf-grid {
    gap: 0;
    flex-direction: column;
  }

  .nestly-footer-v2 .nf-col {
    min-width: 100%;
    flex: 1 1 100%;
  }

  /* عمود البراند مختصر */
  .nestly-footer-v2 .nf-brand {
    text-align: center;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .nestly-footer-v2 .nf-brand .nf-about {
    font-size: 13px;
    max-width: 320px;
    margin-inline: auto 20px;
  }

  .nestly-footer-v2 .nf-social {
    justify-content: center;
  }

  /* أعمدة الروابط: أكورديون قابل للطي */
  .nestly-footer-v2 .nf-links,
  .nestly-footer-v2 .nf-contact {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 4px 0;
  }

  .nestly-footer-v2 .nf-heading {
    margin-bottom: 0;
    padding: 14px 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .nestly-footer-v2 .nf-heading::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: static;
    width: auto;
    height: auto;
    background: none;
    font-size: 12px;
    color: var(--nf-gold);
    transition: transform 0.3s ease;
  }

  .nestly-footer-v2 .nf-col.is-open .nf-heading::after {
    transform: rotate(180deg);
  }

  .nestly-footer-v2 .nf-list,
  .nestly-footer-v2 .nf-contact-list,
  .nestly-footer-v2 .nf-whatsapp {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.3s ease, padding 0.3s ease;
    padding: 0 4px;
  }

  .nestly-footer-v2 .nf-col.is-open .nf-list,
  .nestly-footer-v2 .nf-col.is-open .nf-contact-list {
    max-height: 420px;
    opacity: 1;
    padding: 4px 4px 16px;
  }

  .nestly-footer-v2 .nf-col.is-open .nf-whatsapp {
    max-height: 80px;
    opacity: 1;
    padding: 0 4px 16px;
  }

  .nestly-footer-v2 .nf-bottom {
    padding: 16px 0;
  }

  .nestly-footer-v2 .nf-bottom-wrap {
    flex-direction: column-reverse;
    gap: 12px;
  }
}

/* ============================================================
   تقييمات المنتج: نجوم تفاعلية بدل القائمة المنسدلة
   ============================================================ */
.woocommerce #review_form #respond .comment-form-rating label {
  display: block;
  margin-bottom: 6px;
}

/* اخفاء select الافتراضي واظهار النجوم */
.woocommerce p.stars {
  display: inline-flex;
  flex-direction: row-reverse;
  gap: 4px;
}

.woocommerce p.stars a {
  position: relative;
  width: 1.6em;
  height: 1.6em;
  font-size: 22px;
  text-indent: 0;
  color: var(--line);
}

.woocommerce p.stars a::before {
  content: "\f005";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--line);
  transition: color 0.15s ease;
}

.woocommerce p.stars a.active::before,
.woocommerce p.stars a:hover::before,
.woocommerce p.stars a:hover ~ a::before,
.woocommerce p.stars:hover a::before {
  color: var(--nf-gold);
}

.woocommerce p.stars a.active ~ a::before {
  color: var(--line);
}

.woocommerce p.stars:hover a:hover ~ a::before {
  color: var(--line) !important;
}