/* ============================= */
/*        VELAR GLOBAL CSS       */
/* ============================= */

:root{
--velar-blue:#0a58ff;
--velar-dark:#111827;
--velar-gray:#6b7280;
--velar-radius:16px;
}

/* ============================= */
/*         HEADER ICONS PRO      */
/* ============================= */

:root{
  --velar-blue:#0a58ff;
  --icon-size:46px;
  --icon-gap:-5px;
  --search-glyph:28px;
  --cart-glyph:30px;
}

/* ============================= */
/*         محرك البحث والسلة      */
/* ============================= */
/* الحاوية */
a[href*="search"],
button.group.relative.flex.items-center.p-2.rounded-full{
  margin:0 calc(var(--icon-gap)/2);
  width:var(--icon-size);
  height:var(--icon-size);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:transform .15s ease;
}

/* شيل الـ SVG الأصلي */
a[href*="search"]>svg,
button.group.relative.flex.items-center.p-2.rounded-full>svg{
  display:none !important;
}

/* هوفر بسيط */
@media (hover:hover){
  a[href*="search"]:hover,
  button.group.relative.flex.items-center.p-2.rounded-full:hover{
    transform:scale(1.08);
  }
}
a[href*="search"]:active,
button.group.relative.flex.items-center.p-2.rounded-full:active{
  transform:scale(.95);
}

/* ================= SEARCH ICON ================= */

a[href*="search"]{
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--search-glyph) var(--search-glyph);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='7' stroke='%230a58ff' stroke-width='2.2'/%3E%3Cpath d='M17 17L21 21' stroke='%230a58ff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}


/* ================= CART ICON ================= */

button.group.relative.flex.items-center.p-2.rounded-full{
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--cart-glyph) var(--cart-glyph);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%230a58ff' d='M37,18H30.87l-4-7.95a1,1,0,0,0-1.78.9L28.63,18H19.37l3.52-7a1,1,0,1,0-1.78-.9l-4,8H11a3,3,0,0,0-3,3v.45A2.55,2.55,0,0,0,10.55,24l3.56,11.21A4,4,0,0,0,17.92,38H30.08a4,4,0,0,0,3.81-2.79L37.45,24A2.55,2.55,0,0,0,40,21.45V21A3,3,0,0,0,37,18Z'/%3E%3C/svg%3E");
}

/* موبايل */
@media (max-width:420px){
  :root{
    --icon-size:52px;
    --search-glyph:26px;
    --cart-glyph:28px;
  }
}

/* ===================================== */
/*        VELAR Premium Slider  الصور الرئيسية اسفل لوجو الموقعFix       */
/* ===================================== */

/* حركة ناعمة بدل القفز */
.home_slider_container .swiper-wrapper {
  transition-duration: 900ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* إزالة أي أنيميشن زوم مزعج */
.home_slider_container img {
  animation: none !important;
  transform: none !important;
  transition: opacity 0.8s ease-in-out !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

/* خلي السلايد نفسه يتحرك بنعومة */
.home_slider_container .swiper-slide {
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* تأثير Fade احترافي */
.home_slider_container .swiper-slide {
  opacity: 0.5;
  transition: opacity 0.8s ease-in-out !important;
}

.home_slider_container .swiper-slide-active {
  opacity: 1 !important;
}

/* تحسين عرض الصور */
.home_slider_container .home_slider_card {
  overflow: hidden !important;
  border-radius: 0px !important;
}

/* إزالة أي ارتداد */
.swiper {
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform: translate3d(0,0,0);
}
/* منع السحب أو التفاعل مع السلايدر */
.home_slider_container {
  pointer-events: none !important;
}

/* لكن نسمح بالضغط على أي لينكات جوه السلايدر لو موجودة */
.home_slider_container a {
  pointer-events: auto !important;
}

/* ============================= */
/*        PREMIUM SECTIONS ظبط الاقسام في النص      */
/* ============================= */

.home_section_top_container{
width:min(100%,980px);
margin:auto;
text-align:center;
gap:18px !important;
}

.home_section_top_container>span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 14px;
border-radius:999px;
font-weight:800;
font-size:13px;
letter-spacing:.12em;
color:var(--velar-blue);
background:rgba(10,88,255,.08);
border:1px solid rgba(10,88,255,.18);
}

.home_section_top_title{
margin:0;
font-weight:900;
font-size:clamp(22px,3vw,42px);
color:var(--velar-dark);
position:relative;
}

.home_section_top_title span.relative svg{
display:none !important;
}

.home_section_top_title span.relative::after{
content:"";
position:absolute;
left:-2%;
right:-2%;
bottom:.15em;
height:.35em;
border-radius:999px;
background:rgba(10,88,255,.18);
z-index:-1;
}

/* ============================= */
/*        CATEGORY GRID          */
/* ============================= */

.category_products_grid_container{
max-width:1300px;
margin:40px auto;
gap:25px !important;
}

.category_products_grid_container .group{
border-radius:var(--velar-radius);
border:1px solid rgba(0,0,0,.06);
box-shadow:0 10px 25px rgba(0,0,0,.05);
transition:.3s ease;
display:flex;
flex-direction:column;
height:100%;
background:#fff;
}

.category_products_grid_container .group:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.category_products_grid_container img{
width:100%;
height:auto;
border-radius:var(--velar-radius) var(--velar-radius) 0 0;
}

.category_products_grid_container h3{
min-height:48px;
font-size:17px;
font-weight:700;
color:var(--velar-dark);
}

.category_products_grid_container .text-xl,
.category_products_grid_container .text-2xl{
color:var(--velar-blue);
font-weight:800;
}

.category_products_grid_container del{
color:var(--velar-gray);
}

.category_products_grid_container span.absolute.top-3{
background:var(--velar-blue);
border-radius:20px;
font-size:12px;
}

/* حذف أيقونات المنتج */
.category_products_grid_container .absolute.bottom-2,
.category_products_grid_container button{
display:none !important;
}

/* ============================= */
/*        SWIPER PRODUCTS        */
/* ============================= */

.swiper-slide .group{
border-radius:var(--velar-radius);
border:1px solid rgba(0,0,0,.06);
box-shadow:0 10px 25px rgba(0,0,0,.05);
transition:.3s ease;
}

.swiper-slide .group:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.swiper-slide span.absolute.top-3{
background:var(--velar-blue);
border-radius:20px;
font-size:12px;
}

.swiper-slide .absolute.bottom-2,
.swiper-slide button{
display:none !important;
}

/* ============================= */
/*        RESPONSIVE FIX         */
/* ============================= */

@media(max-width:640px){

.category_products_grid_container{
gap:15px !important;
}

.home_section_top_title{
font-size:26px;
}

}
/* ============================= */
/*     EMPTY CART PANEL STYLE    */
/* ============================= */

/* الخلفية العامة */
.pointer-events-auto.w-full.max-w-md{
background:#f8fafc !important;
}

/* الصندوق الداخلي */
.pointer-events-auto .flex.h-full.flex-col{
background:#ffffff !important;
border-radius:20px !important;
box-shadow:0 25px 60px rgba(0,0,0,.12) !important;
}

/* منطقة المحتوى الفارغ */
.pointer-events-auto .h-96{
background:#f9fafb !important;
border-radius:16px !important;
padding:40px 20px !important;
}

/* الأيقونة */
.pointer-events-auto .h-96 svg{
width:95px !important;
height:95px !important;
opacity:1 !important;
}

/* تلوين أجزاء الصندوق داخل SVG */
.pointer-events-auto .h-96 svg path{
fill:#0a58ff22 !important;   /* أزرق فاتح */
}

/* العنوان */
.pointer-events-auto .h-96 h1{
font-size:28px !important;
font-weight:900 !important;
color:#0a58ff !important;
margin-bottom:10px !important;
}

/* النص الصغير */
.pointer-events-auto .h-96 p{
font-size:15px !important;
color:#6b7280 !important;
font-weight:600 !important;
}
/* ===================================== */
/*        SIDE CART PANEL SIMPLE         */
/* ===================================== */

/* عرض الصندوق */
.pointer-events-auto.w-full.max-w-md{
max-width:420px !important;
}

/* الهيدر (عنوان سلة التسوق) */
.pointer-events-auto h2{
font-size:18px !important;
font-weight:700 !important;
color:#111827 !important;
}

/* زر الإغلاق */
.pointer-events-auto button svg{
width:20px !important;
height:20px !important;
color:#6b7280 !important;
}

/* المسافات الداخلية */
.pointer-events-auto .py-6{
padding-top:20px !important;
padding-bottom:20px !important;
}

/* خط فاصل بسيط تحت العنوان */
.pointer-events-auto .items-start{
border-bottom:1px solid #e5e7eb !important;
padding-bottom:12px !important;
margin-bottom:10px !important;
}

/* تحسين النصوص */
.pointer-events-auto{
font-family:inherit !important;
}

/* منع أي ظل تقيل */
.pointer-events-auto .shadow-xl{
box-shadow:none !important;
}

/* ===================================== */
/*        إخفاء الأقسام والصفحات         */
/* ===================================== */

.border-t.border-\[\#E2E2E2\]{
display:none !important;
}

/* ===================================== */
/*        HOME PRODUCTS SECTION          */
/* ===================================== */

/* إزالة تأثير الانيميشن القديم */
.animate-slideIn{
opacity:1 !important;
animation:none !important;
}

/* ---------- HEADER ---------- */

.home_section_top_container{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
gap:14px !important;
padding:0 15px !important;
margin-bottom:25px !important;
}

/* PERFUMES كبسولة زرقاء */
.home_section_top_container > span{
background:#0a58ff !important;
color:#ffffff !important;
padding:8px 22px !important;
border-radius:999px !important;
font-weight:700 !important;
font-size:14px !important;
letter-spacing:.5px;
display:inline-block !important;
}

/* العنوان الرئيسي */
.home_section_top_title{
font-weight:900 !important;
font-size:clamp(22px,4vw,38px) !important;
line-height:1.2 !important;
color:#111827 !important;
margin:0 !important;
}

/* كلمة Section باللون الأزرق */
.home_section_top_title span.relative{
color:#0a58ff !important;
}

/* إزالة الشخبطة القديمة */
.home_section_top_title svg{
display:none !important;
}

/* ---------- PRODUCT CARDS ---------- */

.group.box-border{
border:1px solid #e5e7eb !important;
border-radius:16px !important;
box-shadow:0 10px 25px rgba(0,0,0,.05) !important;
transition:.3s ease !important;
}

.group.box-border:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,.08) !important;
}

/* إخفاء أيقونات الهـوفر */
.group .absolute.bottom-2{
display:none !important;
}

/* صورة المنتج */
.group img{
border-radius:16px 16px 0 0 !important;
}

/* بادج الخصم */
.group span.absolute.top-3{
background:#0a58ff !important;
border-radius:20px !important;
font-size:12px !important;
padding:5px 12px !important;
}

/* اسم المنتج */
.group h3{
font-weight:700 !important;
font-size:18px !important;
color:#111827 !important;
min-height:48px;
}

/* السعر */
.group .text-xl,
.group .text-2xl{
color:#0a58ff !important;
font-weight:800 !important;
}

/* السعر القديم */
.group del{
color:#9ca3af !important;
}

/* ---------- زر عرض الكل ---------- */

.animate-slideIn.w-fit{
background:#ffffff !important;
border:2px solid #0a58ff !important;
color:#0a58ff !important;
border-radius:30px !important;
font-weight:700 !important;
transition:.2s;
}

.animate-slideIn.w-fit:hover{
background:#0a58ff !important;
color:#ffffff !important;
}

/* ---------- Responsive ---------- */

@media (max-width:768px){

.home_section_top_title{
font-size:26px !important;
}

.home_section_top_container > span{
font-size:13px !important;
padding:6px 18px !important;
}

}

@media (max-width:480px){

.home_section_top_title{
font-size:22px !important;
line-height:1.3 !important;
}

.home_section_top_container > span{
font-size:12px !important;
padding:6px 16px !important;
}

}

/* ===================================== */
/*        CATEGORY PAGE STYLE            */
/* ===================================== */

/* إزالة تأثير الانيميشن القديم */
.animate-slideIn{
opacity:1 !important;
animation:none !important;
}

/* ---------- توسيط المحتوى ---------- */

.w-full.lg\:-ms-9{
margin:0 auto !important;
}

/* ---------- الهيدر ---------- */

.category_section_header{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
gap:15px !important;
margin-bottom:30px !important;
}

/* عنوان Perfumes */
.category_section_header_title{
font-size:clamp(24px,4vw,38px) !important;
font-weight:900 !important;
color:#111827 !important;
position:relative;
display:inline-block !important;
}

/* خط أزرق تحت العنوان */
.category_section_header_title::after{
content:"";
display:block;
width:80px;
height:4px;
background:#0a58ff;
border-radius:10px;
margin:8px auto 0 auto;
}

/* زر الفرز */
.category_section_header button{
border-radius:25px !important;
border:1px solid #e5e7eb !important;
background:#ffffff !important;
padding:8px 18px !important;
font-weight:600 !important;
transition:.2s;
}

.category_section_header button:hover{
background:#0a58ff !important;
color:#ffffff !important;
border-color:#0a58ff !important;
}

/* ---------- شبكة المنتجات ---------- */

.category_products_grid_container{
gap:20px !important;
}

/* ---------- الكروت ---------- */

.category_products_grid_container .group{
border:1px solid #e5e7eb !important;
border-radius:16px !important;
box-shadow:0 10px 25px rgba(0,0,0,.05) !important;
transition:.3s ease !important;
}

.category_products_grid_container .group:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,.08) !important;
}

/* إخفاء أيقونات الهـوفر */
.category_products_grid_container .absolute.bottom-2{
display:none !important;
}

/* صورة المنتج */
.category_products_grid_container img{
border-radius:16px 16px 0 0 !important;
}

/* بادج الخصم */
.category_products_grid_container span.absolute.top-3{
background:#0a58ff !important;
border-radius:20px !important;
font-size:12px !important;
padding:5px 12px !important;
}

/* اسم المنتج */
.category_products_grid_container h3{
font-weight:700 !important;
font-size:17px !important;
color:#111827 !important;
min-height:48px;
}

/* السعر */
.category_products_grid_container .text-xl,
.category_products_grid_container .text-2xl{
color:#0a58ff !important;
font-weight:800 !important;
}

/* السعر القديم */
.category_products_grid_container del{
color:#9ca3af !important;
}

/* ---------- Responsive ---------- */

@media (max-width:768px){

.category_section_header_title{
font-size:26px !important;
}

.category_products_grid_container{
gap:15px !important;
}

}

@media (max-width:480px){

.category_section_header_title{
font-size:22px !important;
}

}

/* =========================================
   Product Tabs - وصف المنتج وتغير شكله
   
   ========================================= */

/* إظهار القسم على الموبايل إذا كان مخفي بسبب hidden lg:block */
@media (max-width: 1024px) {
  .mt-6.hidden.lg\:block {
    display: block !important;
  }
}

/* الحاوية الرئيسية */
.product_tabs_elegance_container {
  width: 100% !important;
  margin-top: 24px !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
  direction: rtl !important;
  box-sizing: border-box !important;
}

/* شريط التبويبات */
.product_tabs_elegance_container [role="tablist"] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 20px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

.product_tabs_elegance_container [role="tablist"]::-webkit-scrollbar {
  display: none !important;
}

/* كل زر تبويب */
.product_tabs_elegance_container button[role="tab"] {
  flex: 0 0 auto !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  color: #0f172a !important;
  border-radius: 14px !important;
  padding: 14px 22px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Hover */
.product_tabs_elegance_container button[role="tab"]:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #111827 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

/* التبويب النشط */
.product_tabs_elegance_container button[role="tab"][aria-selected="true"] {
  background: linear-gradient(135deg, #0f172a 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 25px rgba(37, 99, 235, 0.28) !important;
}

/* التاب بانل المفتوح: نخليه طبيعي بدون فرض لون على كل شيء */
.product_tabs_elegance_container [role="tabpanel"][data-headlessui-state="selected"] {
  margin-top: 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* إزالة الخلفية البيضاء الافتراضية من البانل لو موجودة */
.product_tabs_elegance_container [role="tabpanel"][data-headlessui-state="selected"].bg-white {
  background: transparent !important;
  padding: 0 !important;
}

/* =========================================
   تنسيق قسم الوصف فقط
   ========================================= */

.product_tabs_elegance_container .product_description {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 45%, #2563eb 100%) !important;
  border-radius: 24px !important;
  padding: 28px 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18) !important;
}

/* إزالة أي padding زائد من محرر Quill */
.product_tabs_elegance_container .product_description .ql-editor {
  padding: 0 !important;
  line-height: 2 !important;
}

/* كل النصوص داخل الوصف فقط */
.product_tabs_elegance_container .product_description,
.product_tabs_elegance_container .product_description *,
.product_tabs_elegance_container .product_description .ql-editor,
.product_tabs_elegance_container .product_description .ql-editor * {
  color: #ffffff !important;
  text-align: right !important;
}

/* العناوين */
.product_tabs_elegance_container .product_description h1,
.product_tabs_elegance_container .product_description h2,
.product_tabs_elegance_container .product_description h3,
.product_tabs_elegance_container .product_description h4 {
  font-weight: 800 !important;
  line-height: 1.6 !important;
  margin: 0 0 14px !important;
}

.product_tabs_elegance_container .product_description h2 {
  font-size: clamp(24px, 3vw, 34px) !important;
}

.product_tabs_elegance_container .product_description h3 {
  font-size: clamp(20px, 2.4vw, 28px) !important;
}

/* الفقرات */
.product_tabs_elegance_container .product_description p {
  line-height: 2 !important;
  margin: 0 0 14px !important;
  font-size: clamp(15px, 1.3vw, 18px) !important;
  color: rgba(255, 255, 255, 0.96) !important;
}

/* القوائم */
.product_tabs_elegance_container .product_description ul,
.product_tabs_elegance_container .product_description ol {
  padding-right: 20px !important;
  margin: 14px 0 !important;
}

.product_tabs_elegance_container .product_description li {
  margin-bottom: 10px !important;
  line-height: 1.9 !important;
  font-size: clamp(15px, 1.3vw, 18px) !important;
  color: rgba(255, 255, 255, 0.96) !important;
}

/* الروابط */
.product_tabs_elegance_container .product_description a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* =========================================
   تحسين التقييمات/الأقسام الأخرى بدون إخفاء أي نص
   ========================================= */

.product_tabs_elegance_container [role="tabpanel"] {
  color: inherit !important;
}

/* =========================================
   Responsive
   ========================================= */

@media (max-width: 1024px) {
  .product_tabs_elegance_container {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .product_tabs_elegance_container button[role="tab"] {
    font-size: 14px !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
  }

  .product_tabs_elegance_container .product_description {
    padding: 22px 18px !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 640px) {
  .product_tabs_elegance_container {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .product_tabs_elegance_container [role="tablist"] {
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 16px !important;
  }

  .product_tabs_elegance_container button[role="tab"] {
    font-size: 13px !important;
    padding: 11px 14px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
  }

  .product_tabs_elegance_container .product_description {
    padding: 18px 14px !important;
    border-radius: 18px !important;
  }

  .product_tabs_elegance_container .product_description h2 {
    font-size: 22px !important;
  }

  .product_tabs_elegance_container .product_description h3 {
    font-size: 18px !important;
  }

  .product_tabs_elegance_container .product_description p,
  .product_tabs_elegance_container .product_description li {
    font-size: 15px !important;
    line-height: 1.95 !important;
  }
}

/* ======================================= */
/*        الجانبية قائمة الأقسام نهائيًا  بجانب الشعار   */
/* ======================================= */

/* الشكل العام للقائمة */
.relative.flex.w-full.max-w-xs{
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    border-left: 1px solid #eee;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    font-family: 'Cairo', sans-serif;
}

/* عنوان القسم */
.relative.flex.w-full.max-w-xs p{
    font-size: 18px;
    letter-spacing: .5px;
    color: #2563eb;
    margin-bottom: 10px;
}


/* ======================================= */
/*     إلغاء أي ميل أو دوران أو حركة      */
/* ======================================= */

/* إلغاء transform و animation */
.relative.flex.w-full.max-w-xs *{
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* تأكيد اتجاه الكتابة الطبيعي */
.relative.flex.w-full.max-w-xs a,
.relative.flex.w-full.max-w-xs span,
.relative.flex.w-full.max-w-xs p{
    writing-mode: horizontal-tb !important;
    text-align: right;
}

/* ======================================= */
/*            روابط القائمة               */
/* ======================================= */

.relative.flex.w-full.max-w-xs a{
    display: block;
    padding: 14px 16px;
    border-radius: 6px;
    color: #111;
}

/* تأثير بسيط بدون حركة */
.relative.flex.w-full.max-w-xs a:hover{
    background: #f3f4f6;
}

/* ======================================= */
/*          زر علامة +                   */
/* ======================================= */

.relative.flex.w-full.max-w-xs button{
    transform: none !important;
}

.relative.flex.w-full.max-w-xs button svg{
    transform: none !important;
}

/* لما القسم مفتوح */
.relative.flex.w.full.max-w-xs [aria-expanded="true"]{
    transform: none !important;
}

/* ======================================= */
/*     إخفاء عنصر معين في الديسكتوب       */
/* ======================================= */

@media (min-width:1024px){
  .hidden.lg\:block.mt-4{
    display:none !important;
  }
}

/* ========================================= */
/*     VELAR Clean Language Button Style     */
/* ========================================= */

/* الزر نفسه */
.relative.inline-block > button{
  background: #1e40af !important;   /* أزرق ثابت متناسق مع اللوجو */
  color: #ffffff !important;
  border: none !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: none !important;      /* إزالة الظل */
  transition: background .2s ease;
  padding: 0 !important;
}

/* إخفاء الأيقونة */
.relative.inline-block > button svg{
  display: none !important;
}

/* إظهار النص */
.relative.inline-block > button span{
  display: inline !important;
}

/* Hover بسيط بدون حركة */
.relative.inline-block > button:hover{
  background: #1d4ed8 !important;   /* درجة أفتح بسيطة */
  transform: none !important;
}

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

/* إخفاء النسخة الزائدة */
.ms-auto .relative.inline-block {
  display: none !important;
}
/* إخفاء كل اللغات بعد أول اتنين */
[role="menu"] button:nth-child(n+3){
  display: none !important;
}
/* شكل القائمة نفسها */
[role="menu"]{
  border-radius: 14px !important;
  padding: 6px !important;
  min-width: 120px !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;
  border: 1px solid #f1f1f1 !important;
}

/* شكل الأزرار */
[role="menu"] button{
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all .2s ease;
}

/* Hover ناعم */
[role="menu"] button:hover{
  background: #f3f4f6 !important;
  color: #111827 !important;
}
[role="menu"] button[data-headlessui-state="active"]{
  background: #1e40af !important;
  color: #fff !important;
}

/* ========================================= */
/*   إخفاء Scrollbar لسكشن المنتجات (موبايل) */
/* ========================================= */

/* العنصر اللي فيه overflow-x-auto */
.content_container .overflow-x-auto {
  -ms-overflow-style: none;      /* يخفي السكرول في IE */
  scrollbar-width: none;         /* يخفي السكرول في Firefox */
  scroll-behavior: smooth;       /* سحب ناعم */
  -webkit-overflow-scrolling: touch; /* سحب ناعم iOS */
}

/* يخفي المسطرة في Chrome و Safari */
.content_container .overflow-x-auto::-webkit-scrollbar {
  display: none;
}

/* تحسين شكل السحب */
.content_container .overflow-x-auto > div {
  scroll-snap-align: start;
}

/* يخلي العناصر تثبت أثناء السحب (شكل احترافي) */
.content_container .overflow-x-auto {
  scroll-snap-type: x mandatory;
}


/* =====  موبايل Full Width قوي (تواصل معنا)===== */
@media(max-width:900px){

  .vcontact{
    padding:60px 0; /* نشيل الحواف الجانبية */
  }

  .vcontact__container{
    flex-direction:column;
    gap:50px;
    padding:0 20px; /* مسافة بسيطة متزنة */
  }

  .vcontact__right{
    width:100%;
  }

  .vcontact__right form{
    width:100%;
  }

  .vform__row{
    flex-direction:column;
    gap:16px;
  }

  .vcontact__right input,
  .vcontact__right textarea,
  .vcontact__right select{
    width:100%;
    padding:18px; /* نخليهم أكبر */
    font-size:16px; /* أكبر عشان الموبايل */
    border-radius:14px;
  }

  .vcontact__right textarea{
    min-height:150px; /* أكبر */
  }

  .vcontact__right button{
    width:100%;
    height:58px;
    font-size:16px;
    border-radius:16px;
  }

}

/* */
div.v-strong-alert{
  display:flex !important;
  align-items:flex-start !important;
  gap:16px !important;
  padding:22px !important;
  margin:25px 0 !important;
  border-radius:14px !important;
  background:#fff4f4 !important;
  border:2px solid #e11d48 !important;
  box-shadow:0 15px 35px rgba(0,0,0,.08) !important;
}

div.v-strong-alert .v-strong-alert__icon{
  font-size:26px !important;
}

div.v-strong-alert .v-strong-alert__text h4{
  margin:0 0 6px !important;
  font-size:18px !important;
  font-weight:800 !important;
  color:#111 !important;
}

div.v-strong-alert .v-strong-alert__text p{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.8 !important;
  color:#444 !important;
}

div.v-strong-alert .v-strong-alert__text strong{
  color:#e11d48 !important;
}