<style>
/* =========================================================
   DEUTSCH GO — GLASSY CART DRAWER
========================================================= */

:root{
  --dg-cart-navy:#081f2b;
  --dg-cart-navy-2:#123b4a;
  --dg-cart-blue:#1c5d70;
  --dg-cart-gold:#f4c542;
  --dg-cart-cream:#fff8f1;
  --dg-cart-border:rgba(255,255,255,.16);
}

/* خلفية الصفحة خلف السلة */
[role="dialog"][aria-modal="true"]:has([data-cart="content"])::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:rgba(4,15,21,.46);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

/* جسم نافذة السلة */
[data-cart="content"]{
  position:relative!important;
  isolation:isolate;
  overflow-x:hidden!important;

  padding:
    max(22px,env(safe-area-inset-top))
    18px
    max(28px,env(safe-area-inset-bottom))!important;

  color:var(--dg-cart-cream)!important;

  background:
    radial-gradient(
      circle at 80% 8%,
      rgba(244,197,66,.15),
      transparent 28%
    ),
    radial-gradient(
      circle at 12% 76%,
      rgba(28,93,112,.25),
      transparent 35%
    ),
    linear-gradient(
      155deg,
      rgba(8,31,43,.94),
      rgba(18,59,74,.87)
    )!important;

  border-left:1px solid rgba(244,197,66,.22);

  -webkit-backdrop-filter:
    blur(24px)
    saturate(140%);
  backdrop-filter:
    blur(24px)
    saturate(140%);

  box-shadow:
    -18px 0 55px rgba(0,0,0,.34),
    inset 1px 0 0 rgba(255,255,255,.08);
}

/* اللوجو الكبير المحفور في الخلفية */
[data-cart="content"]::before{
  content:"";
  position:absolute;
  z-index:-2;

  left:50%;
  top:49%;

  width:min(86%,520px);
  aspect-ratio:1/1;

  transform:translate(-50%,-50%);

  background-image:url("https://files.easy-orders.net/1785668336576743013.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;

  opacity:.085;
  filter:
    grayscale(.15)
    saturate(.8)
    contrast(1.08);

  pointer-events:none;
}

/* طبقة Glass فوق اللوجو عشان يبان محفور */
[data-cart="content"]::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.01) 30%,
      rgba(8,31,43,.14)
    );

  pointer-events:none;
}

/* رأس السلة */
[data-cart="header"]{
  position:sticky;
  top:0;
  z-index:20;

  display:flex!important;
  align-items:center!important;

  margin:-4px -2px 12px!important;
  padding:13px 14px!important;

  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.11),
      rgba(255,255,255,.045)
    );

  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);

  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.09);
}

/* عنوان السلة */
[data-cart="title"]{
  margin:0!important;
  color:var(--dg-cart-cream)!important;

  font-size:19px!important;
  font-weight:900!important;
  line-height:1.2!important;

  letter-spacing:-.01em;
  text-shadow:0 4px 16px rgba(0,0,0,.25);
}

/* زر الإغلاق */
[data-cart="close-wrapper"]{
  margin-inline-start:auto!important;
}

[data-cart="close-button"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:42px!important;
  height:42px!important;

  margin:0!important;
  padding:0!important;

  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;

  background:rgba(255,255,255,.08)!important;
  color:var(--dg-cart-cream)!important;

  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);

  box-shadow:
    0 9px 22px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.08);

  transition:
    transform .22s ease,
    background-color .22s ease,
    border-color .22s ease!important;
}

[data-cart="close-button"] svg{
  width:22px!important;
  height:22px!important;
  stroke-width:2!important;
}

[data-cart="close-button"]:active{
  transform:scale(.92);
  background:var(--dg-cart-gold)!important;
  color:var(--dg-cart-navy)!important;
}

/* حالة السلة الفارغة */
[data-cart="empty-state"]{
  position:relative;
  z-index:2;

  min-height:calc(100svh - 170px)!important;
  height:auto!important;

  margin:0!important;
  padding:34px 18px!important;
  gap:20px!important;

  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.105),
      rgba(255,255,255,.035)
    );

  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);

  box-shadow:
    0 22px 55px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.1);

  text-align:center;
}

/* أنيميشن السلة الفارغة */
[data-cart="empty-animation-wrapper"]{
  display:flex;
  align-items:center;
  justify-content:center;

  width:150px;
  height:150px;

  border:1px solid rgba(244,197,66,.22);
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(244,197,66,.15),
      rgba(255,255,255,.04) 52%,
      transparent 70%
    );

  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    0 0 36px rgba(244,197,66,.08),
    inset 0 1px 0 rgba(255,255,255,.1);
}

[data-cart="empty-animation-wrapper"] svg{
  width:112px!important;
  height:112px!important;
  filter:
    drop-shadow(0 12px 22px rgba(0,0,0,.18))
    sepia(.08)
    saturate(1.1);
}

/* عنوان Empty Cart */
[data-cart="empty-title"]{
  margin:0!important;
  color:var(--dg-cart-cream)!important;

  font-size:clamp(24px,7vw,32px)!important;
  font-weight:900!important;
  line-height:1.15!important;

  text-shadow:0 7px 22px rgba(0,0,0,.3);
}

/* الوصف */
[data-cart="empty-subtitle"]{
  max-width:280px;
  margin:0 auto!important;

  color:rgba(255,248,241,.7)!important;

  font-size:14px!important;
  font-weight:600!important;
  line-height:1.65!important;
}

/* =========================================================
   CART ITEMS
   يدعم أكثر من تركيب محتمل للعناصر
========================================================= */

[data-cart="item"],
[data-cart-item],
[data-cart="items"] > *,
[data-cart="content"] .divide-y > *{
  position:relative;
  z-index:2;

  margin-bottom:12px!important;
  padding:13px!important;

  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:20px!important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.115),
      rgba(255,255,255,.04)
    )!important;

  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);

  box-shadow:
    0 14px 34px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.08);

  transition:
    transform .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}

[data-cart="item"]:active,
[data-cart-item]:active{
  transform:scale(.985);
  border-color:rgba(244,197,66,.4)!important;
}

/* صور المنتجات */
[data-cart="item"] img,
[data-cart-item] img,
[data-cart="content"] .divide-y img{
  border-radius:15px!important;
  background:rgba(255,255,255,.08)!important;

  box-shadow:
    0 10px 24px rgba(0,0,0,.2),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* الكتابة داخل المنتجات */
[data-cart="content"] h3,
[data-cart="content"] h4,
[data-cart="content"] a{
  color:var(--dg-cart-cream);
}

[data-cart="content"] p,
[data-cart="content"] span{
  border-color:rgba(255,255,255,.15);
}

/* السعر */
[data-cart="content"] [data-cart*="price"],
[data-cart="content"] .price{
  color:var(--dg-cart-gold)!important;
  font-weight:900!important;
}

/* أزرار الزيادة والنقصان */
[data-cart="content"] button:not([data-cart="close-button"]){
  border-color:rgba(255,255,255,.14)!important;
}

[data-cart="content"] input{
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px!important;

  background:rgba(255,255,255,.08)!important;
  color:var(--dg-cart-cream)!important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

/* جزء الإجمالي وزر إتمام الطلب */
[data-cart="footer"],
[data-cart="checkout"],
[data-cart="summary"]{
  position:relative;
  z-index:10;

  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:22px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.12),
      rgba(255,255,255,.045)
    )!important;

  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);

  box-shadow:
    0 18px 44px rgba(0,0,0,.2),
    inset 0 1px 0 rgba(255,255,255,.09);
}

/* زر Checkout الأساسي */
[data-cart="content"] a[href*="checkout"],
[data-cart="content"] button[data-cart*="checkout"]{
  min-height:52px!important;

  border:0!important;
  border-radius:16px!important;

  background:
    linear-gradient(
      135deg,
      #f8d65b,
      var(--dg-cart-gold)
    )!important;

  color:var(--dg-cart-navy)!important;

  font-size:14px!important;
  font-weight:900!important;

  box-shadow:
    0 14px 30px rgba(244,197,66,.22),
    inset 0 1px 0 rgba(255,255,255,.5);

  transition:
    transform .22s ease,
    box-shadow .22s ease!important;
}

[data-cart="content"] a[href*="checkout"]:active,
[data-cart="content"] button[data-cart*="checkout"]:active{
  transform:scale(.98);
  box-shadow:
    0 8px 20px rgba(244,197,66,.18),
    inset 0 1px 0 rgba(255,255,255,.4);
}

/* Scrollbar */
[data-cart="content"]{
  scrollbar-width:thin;
  scrollbar-color:
    rgba(244,197,66,.75)
    rgba(255,255,255,.05);
}

[data-cart="content"]::-webkit-scrollbar{
  width:5px;
}

[data-cart="content"]::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
}

[data-cart="content"]::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(244,197,66,.75);
}

/* Mobile refinements */
@media (max-width:600px){
  [data-cart="content"]{
    padding:
      max(17px,env(safe-area-inset-top))
      13px
      max(22px,env(safe-area-inset-bottom))!important;
  }

  [data-cart="content"]::before{
    top:47%;
    width:92%;
    opacity:.075;
  }

  [data-cart="header"]{
    padding:11px 12px!important;
    border-radius:16px;
  }

  [data-cart="empty-state"]{
    min-height:calc(100svh - 145px)!important;
    padding:26px 15px!important;
    border-radius:22px;
  }

  [data-cart="empty-animation-wrapper"]{
    width:132px;
    height:132px;
  }

  [data-cart="empty-animation-wrapper"] svg{
    width:100px!important;
    height:100px!important;
  }
}


/* =========================================
   DEUTSCH GO — UNIFIED GLASS CART PANEL
========================================= */

/* الحاوية الأم: جسم السلة + الفوتر كقطعة واحدة */
[role="dialog"][aria-modal="true"]
div:has(> [data-cart="content"]):has(> [data-cart="footer"]){
  position:relative!important;
  overflow:hidden!important;

  background:
    radial-gradient(
      circle at 75% 8%,
      rgba(244,197,66,.13),
      transparent 28%
    ),
    radial-gradient(
      circle at 18% 72%,
      rgba(28,93,112,.24),
      transparent 36%
    ),
    linear-gradient(
      165deg,
      rgba(8,31,43,.96),
      rgba(18,59,74,.91)
    )!important;

  border-left:1px solid rgba(244,197,66,.2)!important;

  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;

  box-shadow:
    -18px 0 55px rgba(0,0,0,.34),
    inset 1px 0 0 rgba(255,255,255,.07)!important;
}

/* محتوى السلة بدون خلفية مستقلة */
[data-cart="content"]{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* الفوتر يبقى امتداد طبيعي للسلة */
[data-cart="footer"]{
  position:relative!important;
  inset:auto!important;
  z-index:20!important;

  width:100%!important;
  margin:0!important;
  padding:12px 15px 16px!important;

  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;

  background:
    linear-gradient(
      180deg,
      rgba(8,31,43,.02),
      rgba(8,31,43,.16)
    )!important;

  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;

  box-shadow:
    0 -10px 25px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

/* إزالة أي خلفيات بيضاء موروثة */
[data-cart="footer"] > *,
[data-invoice="invoice"],
[data-cart="checkout-wrapper"],
[data-cart="continue-wrapper"]{
  background:transparent!important;
}

/* الإجمالي: صف بسيط مش كارت منفصل */
[data-invoice="invoice"]{
  margin:0!important;
  padding:0!important;
  border:0!important;
}

[data-invoice="invoice-subtotal"]{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  min-height:44px!important;
  margin:0!important;
  padding:0 4px 9px!important;

  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

[data-invoice="invoice-subtotal"] dt{
  color:rgba(255,248,241,.68)!important;
  font-size:12px!important;
  font-weight:700!important;
}

[data-invoice="invoice-subtotal-value"]{
  color:#f4c542!important;
  font-size:21px!important;
  font-weight:900!important;
}

[data-invoice="invoice-subtotal-value"] span{
  margin-inline-start:4px!important;
  color:#f4c542!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* زر إتمام الطلب */
[data-cart="checkout-wrapper"]{
  margin-top:0!important;
}

[data-cart="checkout-wrapper"] > button{
  width:100%!important;
  min-height:49px!important;

  padding:0 20px!important;

  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:14px!important;

  background:
    linear-gradient(
      135deg,
      #f9d95e,
      #f4c542 58%,
      #d9a917
    )!important;

  color:#081f2b!important;

  font-family:inherit!important;
  font-size:14px!important;
  font-weight:900!important;

  box-shadow:
    0 11px 25px rgba(244,197,66,.20),
    inset 0 1px 0 rgba(255,255,255,.5)!important;

  transition:
    transform .18s ease,
    filter .18s ease!important;
}

[data-cart="checkout-wrapper"] > button:active{
  transform:scale(.985);
  filter:brightness(.96);
}

/* متابعة التسوق بشكل هادي */
[data-cart="continue-wrapper"]{
  margin-top:9px!important;
}

[data-cart="continue-wrapper"] p{
  margin:0!important;
  color:rgba(255,248,241,.48)!important;
  font-size:11px!important;
}

[data-cart="continue-shopping"]{
  padding:3px 7px!important;

  border:0!important;
  border-radius:8px!important;

  background:transparent!important;
  color:rgba(255,248,241,.82)!important;

  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

[data-cart="continue-shopping"]:active{
  color:#f4c542!important;
}

/* موبايل */
@media (max-width:600px){
  [data-cart="footer"]{
    padding:10px 12px 13px!important;
  }

  [data-invoice="invoice-subtotal"]{
    min-height:40px!important;
    padding-bottom:8px!important;
  }

  [data-cart="checkout-wrapper"] > button{
    min-height:47px!important;
    font-size:13px!important;
  }

  [data-cart="continue-wrapper"]{
    margin-top:7px!important;
  }
}


/* ===============================
   CART TOTAL + QUANTITY CONTROLS
================================ */

/* كلمة الإجمالي والسعر */
[data-cart="item"] [data-cart*="total"],
[data-cart-item] [data-cart*="total"],
[data-cart="content"] [data-cart*="subtotal"],
[data-cart="content"] [data-cart*="price"]{
  color:#FFF8F1!important;
  font-weight:800!important;
}

/* الرقم النهائي أو الإجمالي داخل المنتج */
[data-cart="content"] [data-cart*="total"] strong,
[data-cart="content"] [data-cart*="subtotal"] strong,
[data-cart="content"] [data-cart*="price"] strong,
[data-cart="content"] [data-cart*="total"] span,
[data-cart="content"] [data-cart*="subtotal"] span{
  color:#F8D75D!important;
  font-weight:900!important;
  text-shadow:0 3px 12px rgba(0,0,0,.22);
}

/* أي نص رمادي خاص بالإجمالي داخل كارت المنتج */
[data-cart="content"] .text-gray-500,
[data-cart="content"] .text-gray-600,
[data-cart="content"] .text-gray-700{
  color:rgba(255,248,241,.78)!important;
}

/* أزرار الكمية — استهداف آمن بدون التأثير على الحذف أو العناوين */

[data-cart="content"] input[type="number"],
[data-cart="content"] input[inputmode="numeric"]{
  width:34px!important;
  min-width:34px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#FFF8F1!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
  box-shadow:none!important;
}

/* =========================================================
   FINAL SAFE RESTORATION
========================================================= */

/* عنوان السلة */
[data-cart="title"]{
  color:#FFF8F1!important;
}

/* اسم المنتج فقط */
[data-cart="content"] h3,
[data-cart="content"] h4,
[data-cart="content"] a:not([href*="checkout"]){
  color:#FFF8F1!important;
}

/* سعر المنتج يفضل ذهبي */
[data-cart="content"] [data-cart*="price"],
[data-cart="content"] [data-cart*="price"] *,
[data-cart="content"] .price,
[data-cart="content"] .price *{
  color:#F4C542!important;
  font-weight:900!important;
}

/* زر الحذف يرجع أحمر */
[data-cart="content"] button[class*="text-red"],
[data-cart="content"] button[class*="text-red"] svg,
[data-cart="content"] button[aria-label*="remove" i],
[data-cart="content"] button[aria-label*="remove" i] svg,
[data-cart="content"] button[aria-label*="delete" i],
[data-cart="content"] button[aria-label*="delete" i] svg{
  color:#ff4d5f!important;
  stroke:#ff4d5f!important;
}

/* أزرار + و - فقط، مع استثناء الحذف والإغلاق والشراء */
[data-cart="content"] button:not([data-cart="close-button"]):not([data-cart="continue-shopping"]):not([class*="text-red"]):not([aria-label*="remove" i]):not([aria-label*="delete" i]){
  color:#FFF8F1!important;
}

[data-cart="content"] button:not([data-cart="close-button"]):not([data-cart="continue-shopping"]):not([class*="text-red"]):not([aria-label*="remove" i]):not([aria-label*="delete" i]) svg{
  color:#FFF8F1!important;
  stroke:#FFF8F1!important;
}

/* رقم الكمية داخل الكنترول */
[data-cart="content"] button:not([class*="text-red"]) span{
  color:#FFF8F1!important;
}


/* =========================================================
   FINAL PRICE COLOR FIX
   يحافظ على سعر المنتج بالذهبي داخل عناصر السلة
========================================================= */
[data-cart="content"] [data-cart*="price"],
[data-cart="content"] [data-cart*="price"] span,
[data-cart="content"] [data-cart*="price"] strong,
[data-cart="content"] .price,
[data-cart="content"] .price span,
[data-cart="content"] .price strong{
  color:#F4C542!important;
  font-weight:900!important;
  text-shadow:0 3px 12px rgba(0,0,0,.22)!important;
}


/* =========================================================
   EMPTY CART WHITE BACKGROUND FIX
   EasyOrders adds bg-white on data-cart="panel-inner"
========================================================= */
[data-cart="panel-inner"]{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:
    radial-gradient(
      circle at 78% 9%,
      rgba(244,197,66,.14),
      transparent 29%
    ),
    radial-gradient(
      circle at 18% 76%,
      rgba(28,93,112,.26),
      transparent 38%
    ),
    linear-gradient(
      165deg,
      rgba(8,31,43,.98),
      rgba(18,59,74,.94)
    )!important;

  color:#FFF8F1!important;

  border-left:1px solid rgba(244,197,66,.20)!important;

  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;
  backdrop-filter:blur(24px) saturate(140%)!important;

  box-shadow:
    -18px 0 55px rgba(0,0,0,.34),
    inset 1px 0 0 rgba(255,255,255,.07)!important;
}

/* Keep the content transparent in both empty and filled states */
[data-cart="panel-inner"] > [data-cart="content"],
[data-cart="content"]{
  background:transparent!important;
}

/* Empty state becomes a subtle inner glass layer, never white */
[data-cart="empty-state"]{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.035)
    )!important;

  color:#FFF8F1!important;

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

  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;

  box-shadow:
    0 22px 55px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.09)!important;
}

[data-cart="empty-title"]{
  color:#FFF8F1!important;
}

[data-cart="empty-subtitle"]{
  color:rgba(255,248,241,.72)!important;
}

/* Ensure the cart header never inherits the white panel styling */
[data-cart="header"]{
  color:#FFF8F1!important;
}

[data-cart="title"]{
  color:#FFF8F1!important;
}

/* Empty animation sits on glass instead of a white surface */
[data-cart="empty-animation-wrapper"]{
  background:
    radial-gradient(
      circle,
      rgba(244,197,66,.14),
      rgba(255,255,255,.045) 54%,
      transparent 72%
    )!important;

  border-color:rgba(244,197,66,.24)!important;
}

/* Mobile full-height consistency */
@media (max-width:600px){
  [data-cart="panel-inner"]{
    min-height:100svh!important;
  }

  [data-cart="empty-state"]{
    min-height:calc(100svh - 145px)!important;
  }
}

</style>
