body,html{overflow-x:hidden}body,h1,h2,h3,h4,h5,h6,span{font-weight:400;font-family:"El Messiri",sans-serif}.info,.noResult{align-items:center}#loadingMessage,.btn-order,.load-more-wrapper,.steps-container,body,h1,h2,h3,h4,h5,h6,span{font-family:"El Messiri",sans-serif}.copyright_text,.load-more-wrapper,.noResult,.product-card,.three-body{text-align:center}#backToTop,#loadMoreBtn,.btn-order,.card,.phone-icon{cursor:pointer}*{box-sizing:border-box!important;transition:.5s;margin:0;padding:0}html{scroll-behavior:smooth;direction:rtl}body{background:#fff;font-size:14px;line-height:1.80857;color:#000;transition:background-color .3s,color .3s}a{color:#1f1f1f;text-decoration:none!important;outline:0!important}h1,h2,h3,h4,h5,h6,span{letter-spacing:0;position:relative;padding:0 0 10px;line-height:normal;color:#111;margin:0}.copyright_section{width:100%;float:left;background-color:#252525;height:auto}.copyright_text{width:100%;float:left;color:#fff;font-size:16px;margin:20px 0}.copyright_text a,body.dark-theme .box_main,body.dark-theme .shirt_text,body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme h5,body.dark-theme h6,body.dark-theme p,body.dark-theme span{color:#fff}.copyright_text a:hover{color:#f26522}.margin_top90{margin-top:90px}.btn-order:hover{opacity:.95}.btn-order .animation{border-radius:100%;animation:.6s linear infinite ripple}.noResult{display:none;width:100%;justify-content:center;font-size:30px;color:#4747479c;padding:60px 0}body.dark-theme{background-color:#111;color:#fff}body.dark-theme .card{background:#000;box-shadow:0 0 30px 10px #252525}.fashion_section .card{position:relative}#products_section .card::after{position:absolute;content:"";width:80%;height:35px;right:-75px;background:red;transform:rotate(45deg)}header{background:linear-gradient(to right,#cecece 0,#1e1e1e 45%,#1e1e1e 80%);background-size:200% 100%;animation:5s linear infinite moveGradient}@keyframes moveGradient{0%,100%{background-position:100% 0}50%{background-position:0 0}}.whatsapp-float{position:fixed;bottom:10px;left:5px;z-index:1000;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.whatsapp-float i{position:relative;z-index:1;color:#fff;background:#1bcf5d;padding:6px;border-radius:50%}.pr1,.pr2{font-size:21px}.phone-list{display:none;position:absolute;top:35px;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:10px;z-index:999}.pr2,.three-body{position:relative}.phone-list a{display:block;text-decoration:none;color:#333; font-size: 20px; padding:2px;border-bottom:1px solid #ddd}.phone-list a:last-child{border-bottom:none}.phone-list a:hover{background-color:#f0f0f0}.pr2{color:#6e6e6e;width:fit-content;margin:auto}.pr2::before{content:"";position:absolute;top:42%;left:-5px;width:110%;height:1px;background-color:#6e6e6e;transform:rotate(-10deg)}.pr1{color:green;padding:0;font-weight:700;margin-bottom:-10px;margin-top:-8px}.info{margin:0}.so{margin:auto}.so a{font-size:35px;padding:0 3px;color:#000}.fa-facebook-messenger{background:linear-gradient(45deg,#00c6ff,#0072ff,#ff00a6,#ff8b00);-webkit-background-clip:text;color:transparent;border-radius:999px;padding:5px;font-size:35px}.btn-order,.info{padding:5px 10px}.fa-whatsapp{font-size:40px;color:#25d366}.fa-phone-volume{color:#fff;animation:1s infinite bounce;font-size:20px}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;align-items:start}.cards .card{width:95%;box-shadow:0 0 10px 5px #e6e6e6;border:1px solid #d45617;border-radius:10px;overflow:hidden;padding-bottom:5px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;height:auto}.cards .card .image{width:100%;height:150px;display:flex;justify-content:center;align-items:center;overflow:hidden}.cards .card .image img{max-width:100%;max-height:100%;object-fit:contain}.cards .card .shirt_text{text-align:center;font-size:16px;margin:15px 0 2px;padding:0 5px;word-wrap:break-word;transition:font-size .2s ease-in-out}.info{display:flex;width:100%;justify-content:center;gap:5px;flex-wrap:wrap}#backToTop,.step-icon{width:50px;height:50px;color:#fff}.btn-order,.step{align-items:center}.btn-order{outline:0;display:inline-flex;justify-content:center;background:#0d8a18;min-width:110px;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-sizing:border-box;color:#fff;font-size:20px;font-weight:600;text-transform:uppercase;overflow:hidden;align-self:center;margin-top:auto}#backToTop,.pr2div,.step,.step-icon{display:flex}.pr2div{justify-content:center}.steps-container{max-width:600px;margin:20px auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #640459}.step{margin-bottom:20px;border-right:4px solid #6a0dad;padding:10px}.step-icon{background:#6a0dad;align-items:center;justify-content:center;border-radius:50%;font-size:22px;margin-left:15px}.step-text{flex:1}.step-title{font-size:18px;font-weight:700;margin-bottom:5px}.step-desc{font-size:14px;color:#555}@media (max-width:600px){.steps-container{width:300px}.step{flex-direction:column;align-items:flex-start;border-right:none;border-bottom:4px solid #6a0dad;padding-bottom:15px}.step-icon{margin-bottom:10px}}#loadingMessage{font-size:18px;color:#000;margin-top:20px;animation:1.5s infinite blink}@keyframes blink{50%{opacity:.5}}.products-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.product-card{background:#fff;padding:15px;width:200px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);transition:transform .3s}.product-card:hover{transform:translateY(-5px)}.three-body{margin:auto;width:100%;--uib-size:35px;--uib-speed:0.8s;--uib-color:#5D3FD3;display:inline-block;height:var(--uib-size);width:var(--uib-size);animation:spin78236 calc(var(--uib-speed) * 2.5) infinite linear}.three-body__dot{position:absolute;height:100%;width:30%}.three-body__dot:after{content:'';position:absolute;height:0%;width:100%;padding-bottom:100%;background-color:var(--uib-color);border-radius:50%}#backToTop,.fashion_taital,.fashion_taital::after{background:linear-gradient(45deg,#f60,#f06)}.three-body__dot:first-child{bottom:5%;left:0;transform:rotate(60deg);transform-origin:50% 85%}.three-body__dot:first-child::after{bottom:0;left:0;animation:wobble1 var(--uib-speed) infinite ease-in-out;animation-delay:calc(var(--uib-speed) * -.3)}.three-body__dot:nth-child(2){bottom:5%;right:0;transform:rotate(-60deg);transform-origin:50% 85%}.three-body__dot:nth-child(2)::after{bottom:0;left:0;animation:wobble1 var(--uib-speed) infinite calc(var(--uib-speed) * -.15) ease-in-out}.three-body__dot:nth-child(3){bottom:-5%;left:0;transform:translateX(116.666%)}.three-body__dot:nth-child(3)::after{top:0;left:0;animation:wobble2 var(--uib-speed) infinite ease-in-out}@keyframes spin78236{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes wobble1{0%,100%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-66%) scale(.65);opacity:.8}}@keyframes wobble2{0%,100%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(66%) scale(.65);opacity:.8}}.fashion_taital{font-size:32px;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(-20px);transition:opacity 1s ease-out,transform 1s ease-out;position:relative;display:inline-block}.visible{opacity:1;transform:translateY(0)}.fashion_taital::before{content:"✨";position:absolute;left:-30px;font-size:24px;opacity:0;transform:translateX(-10px);transition:opacity .8s ease-in-out,transform .8s ease-in-out}.fashion_taital::after{content:"";position:absolute;width:0;height:4px;left:50%;bottom:1px;transform:translateX(-50%);transition:width 1s ease-in-out}.visible::before{opacity:1;transform:translateX(0)}.visible::after{width:50%}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}#backToTop{position:fixed;bottom:20px;right:20px;border:none;border-radius:50%;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 6px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s}#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}#backToTop:hover{transform:scale(1.1);background:linear-gradient(45deg,#f06,#f60)}#theme-toggle-button{font-size:10px;position:relative;display:inline-block;width:7em;cursor:pointer;margin-bottom:12px}#toggle{opacity:0;width:0;height:0}#button,#cloud,#container,#moon,#patches,#stars,#sun{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:.25s}#toggle:checked+svg #container{fill:#2b4360}#toggle:checked+svg #button{transform:translate(28px,2.333px)}#cloud,#sun,#toggle:checked+svg #moon,#toggle:checked+svg #stars{opacity:1}#moon,#stars,#toggle:checked+svg #cloud,#toggle:checked+svg #sun{opacity:0}body.dark-mode{background-color:#121212;color:#f1f1f1}body.dark-mode a,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode span{color:#fff!important}body.dark-mode .card{background-color:#121212!important;border:1px solid rgba(255,255,255,.891)!important;box-shadow:none!important}body.dark-mode #phoneList,body.dark-mode .steps-container{background-color:#000!important}body.dark-mode .steps-container,body.dark-mode .steps-container *{color:#fff!important;border-color:#fff!important}.container-r,.container-r span{border-radius:50%;background-color:#9b59b6;background-image:linear-gradient(#9b59b6,#84cdfa,#5ad1cd)}body.dark-mode button{background-color:orange!important;color:#fff!important}.btn_main{padding:0 15px 0PX;width:100%;margin-top:auto}.card{transition:transform .2s}.card:active{transform:scale(.97)}.container-r{position:relative;height:96px;width:96px;animation:1.2s linear infinite rotate_3922}.container-r span{position:absolute;height:100%;width:100%}.container-r span:first-of-type{filter:blur(5px)}.container-r span:nth-of-type(2){filter:blur(10px)}.container-r span:nth-of-type(3){filter:blur(25px)}.container-r span:nth-of-type(4){filter:blur(50px)}.container-r::after{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;background-color:#fff;border:5px solid #fff;border-radius:50%}@keyframes rotate_3922{from{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-wrapper{margin-top:30px;margin-bottom:30px;display:none}#loadMoreBtn{background-color:#4caf50;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:30px;transition:background-color .3s,transform .2s;box-shadow:0 4px 10px rgba(0,0,0,.1)}#loadMoreBtn:hover{background-color:#45a049;transform:scale(1.05)}#loadMoreBtn:active{transform:scale(.98)}

.category-card {
  background: #fff; /* أو أي لون تبيه في الوضع العادي */
  transition: background 0.3s ease;
}
.category-card p {
    color: black;
}
/* الوضع المظلم */
body.dark-mode .category-card {
  background: #000 !important; /* أسود في المود المظلم */
  color: #fff; /* لو تحب تغير الكتابة للأبيض */
}
body.dark-mode .category-card p {
    color: white;
}


#backToTop {
background: linear-gradient(45deg, #00c6ff, #014db8);
}
#backToTop:hover{transform:scale(1.1);background:linear-gradient(45deg,#003b8e,#00c6ff)}



.cards .card {
  border: 1px solid #00c6ff;
}



#cart-sidebar {
  position: fixed;
  top: 0;
  right: -400px;
  width: 350px;
  height: 100%;
  background: #fff;
  box-shadow: -3px 0 10px rgba(0,0,0,0.3);
  padding: 15px;
  transition: right 0.3s ease;
  z-index: 10000;
  overflow-y: auto;
}

#cart-sidebar.active {
  right: 0;
}

.cart-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.cart-item img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin-right: 10px;
}

.cart-item .details {
  flex: 1;
}

.cart-item .quantity {
  display: flex;
  align-items: center;
  gap: 5px;
}

.cart-item button {
  background: none;
  border: none;
  cursor: pointer;
  color: red;
}


.form-control {
    display: block;
    width: 68%;
    padding: .375rem 5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid #717171;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}

#theme-toggle-button {
      font-size: 7px;
    position: relative;
    display: inline-block;
    width: 7em;
    cursor: pointer;
    margin-bottom: 12px;
    left: 8px;
}
#cart-container {
  margin-top: 10PX;
}

.form-control:focus {
  border: 1px solid #00c6ff;
  box-shadow: 1PX 1PX 3PX #00c6ff;
}


    .hero-title {
  font-size: 2.8rem;   /* نفس حجم h1 */

}


.search66 {
  border: none;
  outline: none;
  text-align: center;
}
.search66:hover{
  border: 1px solid #0054ca;
}
.menu-search{
  position: relative;
}

.search-suggestions{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  overflow: hidden;
  display: none;
  z-index: 10001;
}

.search-suggestions div{
  cursor: pointer;
  font-weight: 600;
  margin-top: 5px;
  color: #003b8e;
}

.search-suggestions div:last-child{
  border-bottom: none;
}

.search-suggestions div:hover{
  background: #f5f7ff;
}

.new-badge{
    position:absolute;
    top:10px;
    right:10px;
    background:#22c55e;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding:5px 12px;
    border-radius:20px;
    overflow:hidden;
    z-index:3;
}

/* طبقة اللمعة */
.new-badge::after{
    content:"";
    position:absolute;
    top:0;
    right:-75%;
    width:50%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.8),
        transparent
    );
    transform:skewX(-25deg);
    animation:shineBadge 4s infinite;
}

@keyframes shineBadge{

    /* بداية الحركة */
    0%{
        right:-75%;
    }

    /* نهاية الحركة بعد 1 ثانية */
    25%{
        right:125%;
    }

    /* بقاء مخفية لمدة 3 ثواني */
    100%{
        right:125%;
    }

}



/* الصندوق */
#searchSuggestions,
#searchSuggestionsDesktop {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  margin-top: 8px;
  overflow-y: auto;
  max-height: 280px;

}

/* العنصر */
.suggestion-item {
  padding: 0;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0 5px 55px rgba(0, 0, 0, 0.057);
}



/* الهيكل */
.sug-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
  transition: 0.2s;
}

.sug-item:hover {
  background: #f9f9f9;
}

/* الصورة (صغيرة ومضبوطة) */
.sug-thumb {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: #f2f2f2;
}

/* النص */
.sug-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
}

/* الاسم */
.sug-title {
  font-size: 13px;
  font-weight: 600;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* الأسعار */
.sug-price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
}

/* السعر الحالي */
.sug-price {
  font-size: 13px;
  font-weight: bold;
  color: #e63946;
}

/* السعر القديم */
.sug-old {
  font-size: 11px;
  color: #aaa;
  text-decoration: line-through;
}

/* 📱 الهاتف */
@media (max-width: 600px) {
  .sug-thumb {
    width: 38px;
    height: 38px;
  }

  .sug-title {
    font-size: 12px;
  }

  .sug-price {
    font-size: 12px;
  }
}

/* highlight */
.hl {
  background: #ffe066;
  padding: 1px 3px;
  border-radius: 3px;
}

/* العنصر المحدد بالكيبورد */
.suggestion-item.active {
  background: #eef2ff;
}

/* badge التخفيض */
.sug-badge {
  background: #e63946;
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 5px;
  margin-bottom: 7px;
}