@font-face {
    font-family: "Blabeloo";
    src: url("https://db.onlinewebfonts.com/t/e8491b25da881cd988449115a1da10d6.eot");
    src: url("https://db.onlinewebfonts.com/t/e8491b25da881cd988449115a1da10d6.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/e8491b25da881cd988449115a1da10d6.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/e8491b25da881cd988449115a1da10d6.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/e8491b25da881cd988449115a1da10d6.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/e8491b25da881cd988449115a1da10d6.svg#Blabeloo  MagdySoliman")format("svg");
}  


p.animate__animated.animate__fadeInUp.custom-dlay-p.font-medium.text-xs.md\:text-\[20px\].max-w-\[80\%\].leading-\[1\.5\].my-3.hidden.md\:block{
  font-family: sans-serif;
}
   .txt.flex.justify-center.flex-col.w-full.h-full.container {
    justify-content: start;

    font-family: "Blabeloo";
}
.navbar-brand img {
    max-width: 170px;
    width: 117px !important;
    min-height: 63px !important;
}
 .pb-3.block{
          font-family: "Blabeloo";
          margin-bottom: 9px;

}
.animate__animated.animate__fadeInUp.custom-dlay-p.font-medium.text-xs.md\:text-\[20px\].max-w-\[80\%\].leading-\[1\.5\].my-3.hidden.md\:block {
    font-family: sans-serif;
    display: block;
}
@media (min-width: 1024px) {
    .txt.flex.justify-center.flex-col.w-full.h-full.container {
    padding: 70px;
}
}

@media (max-width: 800px) {
.txt.flex.justify-center.flex-col.w-full.h-full.container {

    padding: 0;
    text-align: center !important;
    margin-right: 13%;
    margin-top: 44px;
}.animate__animated.animate__fadeInUp.custom-dlay-heading.max-w-full.w-\[285px\].md\:w-full.text-\[22px\].md\:text-\[48px\].font-bold.leading-\[1\.5\].\!text-end {
    font-size: 30px;
}    .animate__animated.animate__fadeInUp.custom-dlay-p.font-medium.text-xs.md\:text-\[20px\].max-w-\[80\%\].leading-\[1\.5\].my-3.hidden.md\:block {
        font-family: sans-serif;
        font-size: 15px;
        padding: 0 0px 0 30px;
    }
}section.jo_offers_soon.px-6.md\:px-0 {
    margin-bottom: 56px;
}




 .mb-\[35px\].lg\:mb-\[70px\].py-4.aos-init.aos-animate {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 51px;
    }
}
.jo_offers_soon .container{ position:relative; overflow:hidden; box-shadow:0 30px 60px -20px rgba(11,42,59,.45); }
.jo_offers_soon .container::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,42,59,.12) 0%, rgba(11,42,59,.5) 55%, rgba(7,25,35,.88) 100%); z-index:1; }
.jo_offers_soon .text{ position:relative; z-index:2; }
.jo_offers_soon .text p{ font-weight:900 !important; }

.jo_offers_soon .s-count-down-list{ gap:16px !important; }
.jo_offers_soon .s-count-down-item{ position:relative; min-width:82px; padding:16px 10px 14px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); border-radius:18px; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 12px 30px rgba(0,0,0,.22); }
.jo_offers_soon .s-count-down-item:not(:last-child)::after{ content:"•"; position:absolute; top:38%; left:-14px; transform:translateY(-50%); color:#FFC93C; font-size:20px; font-weight:900; }
.jo_offers_soon .s-count-down-item-value{ font-weight:900 !important; font-size:32px !important; font-variant-numeric:tabular-nums; }
.jo_offers_soon .s-count-down-item-label{ color:rgba(255,255,255,.8) !important; font-size:12px !important; font-weight:600 !important; }

.jo-offer-badge{ position:absolute; top:26px; right:28px; z-index:3;     background: linear-gradient(135deg, #188ffc, #168cfd); color:#fff; font-weight:800; font-size:13px; padding:9px 18px; border-radius:999px; box-shadow:0 10px 22px rgba(255,107,74,.4); transform:rotate(-3deg); }
.jo-offer-eyebrow{ position:relative; z-index:2; display:block; color:#FFC93C; font-weight:700; font-size:14px; letter-spacing:.5px; margin-bottom:10px; }
.jo-offer-title-accent{ color:#FFC93C; }
.jo-offer-cta{ position:relative; z-index:2; display:inline-flex; align-items:center; gap:9px; margin-top:26px;     background: linear-gradient(135deg, #188ffc, #168cfd); color:#fff; font-weight:800; font-size:15px; padding:15px 34px; border-radius:999px; text-decoration:none; box-shadow:0 12px 28px rgba(255,107,74,.42); transition:transform .25s ease, box-shadow .25s ease; }
.jo-offer-cta:hover{ transform:translateY(-3px); box-shadow:0 18px 36px rgba(255,107,74,.5); }
.jo-offer-cta svg{ transition:transform .25s ease; }
.jo-offer-cta:hover svg{ transform:translateX(-4px); }

.jo-blob{ position:absolute; border-radius:50%; filter:blur(36px); opacity:.4; animation:jo-float 7s ease-in-out infinite; pointer-events:none; z-index:1; }
.jo-blob-1{ width:180px; height:180px; background:#FFC93C; top:6%; left:5%; }
.jo-blob-2{ width:140px; height:140px; background:#17B3D9; bottom:10%; right:6%; animation-delay:1.8s; }
.jo-blob-3{ width:90px; height:90px; background:#FF6B4A; top:14%; right:14%; opacity:.3; animation-delay:3.4s; }
@keyframes jo-float{ 0%,100%{ transform:translateY(0) scale(1);} 50%{ transform:translateY(-22px) scale(1.06);} }

@media (max-width:640px){
  .jo_offers_soon .s-count-down-item{ min-width:64px; padding:12px 6px 10px; }
  .jo_offers_soon .s-count-down-item-value{ font-size:24px !important; }
  .jo-offer-badge{ top:16px; right:16px; font-size:12px; padding:7px 14px; }
}
@media (prefers-reduced-motion: reduce){ .jo-blob{ animation:none; } }





:root{
  --nt-primary:#004D73;      /* لون الهوية الأساسي */
  --nt-accent:#61BECF;       /* المائي */
  --nt-sale:#E23744;         /* لون الخصم */
  --nt-ink:#0D2A38;          /* لون النص الداكن */
  --nt-radius:18px;          /* استدارة البطاقة */
}

/* ---- إطار البطاقة: ظل ناعم + استدارة + حركة رفع عند المرور ---- */
.s-product-card-entry,
.custom-salla-product-card,
.product-entry{
  border:1px solid #EEF2F4 !important;
  border-radius:var(--nt-radius) !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 2px 10px rgba(13,42,56,.05) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.s-product-card-entry:hover,
.custom-salla-product-card:hover,
.product-entry:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 14px 30px rgba(0,77,115,.16) !important;
  border-color:var(--nt-accent) !important;
}

/* ---- الصورة: تكبير خفيف عند المرور ---- */
.s-product-card-image,
.s-product-card-image-container{
  position:relative !important;
  overflow:hidden !important;
  background:#fff !important;
}
.s-product-card-image img{
  transition:transform .5s ease !important;
}
.s-product-card-entry:hover .s-product-card-image img{
  transform:scale(1.06) !important;
}

/* ---- شارة الخصم ---- */
.s-product-card-promotion-title,
.s-product-card-discount,
.product-discount-badge{
  background:var(--nt-sale) !important;
  color:#fff !important;
  font-weight:800 !important;
  border-radius:999px !important;
  padding:4px 12px !important;
  font-size:12px !important;
  box-shadow:0 3px 8px rgba(226,55,68,.3) !important;
}

/* ---- عنوان المنتج: سطرين كحد أقصى بشكل مرتب ---- */
.s-product-card-content-title,
.s-product-card-title{
  font-weight:700 !important;
  color:var(--nt-ink) !important;
  line-height:1.5 !important;
  min-height:3em !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* ---- السعر: الأساسي بلون الهوية + سعر قديم مشطوب باهت ---- */
.s-product-card-price,
.s-product-card-sale-price{
  color:var(--nt-primary) !important;
  font-weight:800 !important;
  font-size:1.05rem !important;
}
.s-product-card-price-before,
.s-product-card-regular-price,
del{
  color:#9AA6AC !important;
  font-weight:500 !important;
  text-decoration:line-through !important;
  opacity:.85 !important;
}

/* ---- زر أضف للسلة: لون الهوية + شكل حبة كاملة + تفاعل ---- */
.s-product-card-add,
.s-product-card-btn,
.btn-add-to-cart{
  background:var(--nt-primary) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  font-weight:700 !important;
  transition:background .2s ease, transform .15s ease !important;
}
.s-product-card-add:hover,
.s-product-card-btn:hover,
.btn-add-to-cart:hover{
  background:var(--nt-accent) !important;
  color:var(--nt-ink) !important;
  transform:translateY(-2px) !important;
}

/* ---- زر المفضلة (القلب) ---- */
.s-product-card-wishlist-btn{
  background:#fff !important;
  border-radius:50% !important;
  box-shadow:0 2px 6px rgba(13,42,56,.12) !important;
}

/* ---- شارة "نفد المخزون" ---- */
.s-product-card-out-of-stock{
  background:rgba(13,42,56,.6) !important;
  color:#fff !important;
  font-weight:700 !important;
  border-radius:999px !important;
}

/* ---- عناوين السكاشن في الرئيسية: خط تحت لوني قصير ---- */
.section-title, .home-section-title, h2.title{
  position:relative !important;
  font-weight:800 !important;
  color:var(--nt-ink) !important;
}

/* ---- موبايل: بطاقة أنعم ومسافات أصغر ---- */
@media (max-width:768px){
  .s-product-card-entry,
  .custom-salla-product-card,
  .product-entry{ border-radius:14px !important; }
  .s-product-card-content-title,
  .s-product-card-title{ font-size:.9rem !important; min-height:2.6em !important; }
}



/* ===== HappyHop Header Clone — Desktop only (≥1024px) ===== */

@keyframes hh-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (min-width:1250px){

  /* شريط الإعلان الأزرق المتحرك */
  .hh-announcement{background:#00A2E9;color:#fff;overflow:hidden;width:100%;
    line-height:1;position:relative;z-index:40;}
  .hh-marquee{display:inline-flex;white-space:nowrap;will-change:transform;
    animation:hh-scroll 34s linear infinite;}
  .hh-marquee__item{padding:9px 30px;font-size:14px;font-weight:600;
    letter-spacing:.2px;display:inline-block;}
  .hh-announcement:hover .hh-marquee{animation-play-state:paused;}

  /* خلفية صف القائمة كريمي + إزالة الظل + فاصل تحت صف القائمة فقط */
  #mainnav.main-nav-container{box-shadow:none !important;background:#FCFAED !important;
    margin-bottom:0 !important;}
  #mainnav .inner > .container{border-bottom:1px solid rgba(0,0,0,.12) !important;
    padding-bottom:6px;}

  /* صف القائمة: توسيط */
  #mainnav .container > .flex.justify-between{align-items:center !important;}
  #mainnav .container > .flex.justify-between > .flex.items-center:first-child{
    flex:1 1 auto !important;}

  /* القائمة الرئيسية — صف واحد بدون التفاف */
  custom-main-menu{flex:1 1 auto;display:flex !important;justify-content:center;min-width:0;}
  #mainnav nav#mobile-menu{width:100%;overflow:visible;}
  .main-menu{display:flex !important;flex-wrap:nowrap !important;justify-content:center;
    align-items:center;gap:22px;margin:0;white-space:nowrap;}
  .main-menu > li{margin:0 !important;flex:0 0 auto;}
  .main-menu > li > a{white-space:nowrap;}
  .main-menu > li > a > span{color:#332C2B !important;font-weight:500 !important;
    font-size:15px !important;transition:color .18s ease;}
  .main-menu > li > a:hover > span{color:#00A2E9 !important;}

  /* القوائم المنسدلة */
  .sub-menu{background:#fff !important;border:1px solid rgba(0,0,0,.08) !important;
    border-radius:14px !important;box-shadow:0 12px 30px rgba(0,0,0,.12) !important;
    padding:8px !important;overflow:hidden;}
  .sub-menu li a{border-radius:8px;padding:8px 12px !important;transition:.15s;}
  .sub-menu li a:hover{background:#EAF7FE !important;}
  .sub-menu li a span{color:#332C2B !important;}
  .sub-menu li a:hover span{color:#00A2E9 !important;}

  /* زر اللغة/العملة */
  .header-buttons .btn--rounded-gray{background:transparent !important;
    border:1px solid rgba(0,0,0,.12) !important;color:#332C2B !important;
    border-radius:999px !important;font-size:13px !important;padding:5px 10px !important;}
    .default__header .main-menu li>a {
        padding: 0rem ;
    }
}
.top-navbar {
    --tw-bg-opacity: 1;
    background-color: rgb(255 252 234);
}.top-navbar .s-search-input {
    border-style: none;
    background-color: rgb(255 255 255 / 50%);
}
.header-btn__icon {
    background: #00000000;
}.header-btn__icon {
    color: #969380;    border-radius: 58px;
    background: #f4da80;
}@media (min-width: 1024px) {
    .top-navbar {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }
}.top-navbar .s-search-input {
    border-style: none;
    background-color: rgb(244 218 128);
}.fbanner-star-btn.py-\[8px\].px-\[25px\].md\:py-\[15px\].md\:px-\[40px\] {
    border-radius: 15px !important;
}

@media (max-width: 800px) {
    .txt.flex.justify-center.flex-col.w-full.h-full.container {
        padding: 0;
        text-align: center !important;
        margin-right: 4% !important;
        margin-top: 22px !important;
    }
}