/* =========================================================
   TAQA ELSWEDY — CART REDESIGN V1
   COMPLETE REBUILD / NO PATCH STACK REQUIRED

   IMPORTANT
   - Use this file INSTEAD OF all previous cart CSS files.
   - Does not touch EasyOrders / Headless UI open-close logic.
   - Does not override [data-cart="panel"] transform.
   - Theme follows existing:
       body.taqa-theme-dark
       body.taqa-theme-light
   ========================================================= */

:root{
  --taqa-orange:#c06024;
  --taqa-orange-hi:#ef8747;
  --taqa-red:#ff5444;
  --taqa-blue:#4d7183;
  --taqa-ease:cubic-bezier(.22,1,.36,1);
}

/* =========================================================
   ROOT / OVERLAY
   ========================================================= */
[data-cart="root"]{
  font-family:"Cairo","DM Sans",system-ui,sans-serif!important;
}

[data-cart="overlay"]{
  backdrop-filter:blur(8px) saturate(.96)!important;
  -webkit-backdrop-filter:blur(8px) saturate(.96)!important;
  will-change:opacity!important;
}

body.taqa-theme-dark [data-cart="overlay"]{
  background:rgba(2,8,14,.72)!important;
}

body.taqa-theme-light [data-cart="overlay"]{
  background:rgba(181,196,207,.42)!important;
}

/* =========================================================
   DRAWER POSITION
   ========================================================= */
[data-cart="panel-container"]{
  padding:18px!important;
  align-items:stretch!important;
}

[data-cart="panel"]{
  width:min(92vw,620px)!important;
  max-width:620px!important;
  height:calc(100dvh - 36px)!important;
  /* DO NOT SET TRANSFORM HERE */
}

[data-cart="panel-inner"]{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border-radius:42px!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}

/* =========================================================
   BACKGROUND ENVIRONMENT — DARK
   ========================================================= */
body.taqa-theme-dark [data-cart="panel-inner"]{
  color:#f4f7f8!important;
  background:
    radial-gradient(ellipse at 8% 14%,rgba(216,118,49,.28),transparent 31%),
    radial-gradient(ellipse at 93% 14%,rgba(60,109,148,.30),transparent 35%),
    radial-gradient(ellipse at 100% 84%,rgba(223,117,45,.15),transparent 36%),
    linear-gradient(145deg,#18212a 0%,#09111a 48%,#101b26 100%)!important;
  border-color:rgba(238,190,132,.34)!important;
  box-shadow:
    0 36px 110px rgba(0,0,0,.58),
    0 0 70px rgba(192,96,36,.14),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 1px 0 0 rgba(238,164,103,.10),
    inset -1px 0 0 rgba(98,158,199,.08)!important;
}

/* =========================================================
   BACKGROUND ENVIRONMENT — LIGHT
   ========================================================= */
body.taqa-theme-light [data-cart="panel-inner"]{
  color:#112431!important;
  background:
    radial-gradient(ellipse at 90% 13%,rgba(135,188,219,.54),transparent 34%),
    radial-gradient(ellipse at 7% 21%,rgba(231,215,199,.72),transparent 37%),
    radial-gradient(ellipse at 106% 78%,rgba(241,147,78,.46),transparent 40%),
    radial-gradient(ellipse at 18% 90%,rgba(181,207,222,.35),transparent 42%),
    linear-gradient(135deg,#d7e1e7 0%,#edf2f4 31%,#f7f7f3 57%,#e3edf2 78%,#f2dfcf 100%)!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:
    0 34px 96px rgba(48,67,81,.17),
    0 0 58px rgba(255,255,255,.34),
    inset 0 1px 0 #fff,
    inset 1px 0 0 rgba(255,255,255,.45),
    inset -1px 0 0 rgba(140,185,213,.12)!important;
}

/* =========================================================
   ARCHITECTURAL / LIQUID BACKDROP SHAPES
   ========================================================= */
[data-cart="panel-inner"]::before,
[data-cart="panel-inner"]::after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  border-radius:inherit!important;
}

body.taqa-theme-dark [data-cart="panel-inner"]::before{
  z-index:0!important;
  inset:-6%!important;
  background:
    linear-gradient(119deg,
      transparent 0%,
      transparent 19%,
      rgba(255,255,255,.035) 19.4%,
      rgba(255,255,255,.012) 37%,
      transparent 37.4%),
    radial-gradient(ellipse at 68% 50%,rgba(92,137,168,.11),transparent 62%),
    radial-gradient(ellipse at 105% 70%,rgba(223,119,50,.12),transparent 55%)!important;
}

body.taqa-theme-light [data-cart="panel-inner"]::before{
  z-index:0!important;
  inset:-6%!important;
  background:
    linear-gradient(119deg,
      transparent 0%,
      transparent 18%,
      rgba(111,146,168,.18) 18.5%,
      rgba(111,146,168,.08) 37%,
      transparent 37.5%),
    radial-gradient(ellipse at 67% 50%,rgba(125,163,186,.18),transparent 62%),
    radial-gradient(ellipse at 104% 72%,rgba(230,126,54,.21),transparent 56%)!important;
}

body.taqa-theme-dark [data-cart="panel-inner"]::after{
  z-index:1!important;
  inset:0!important;
  background:
    linear-gradient(114deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.025) 14%,
      transparent 30%,
      transparent 69%,
      rgba(255,207,164,.06) 87%,
      rgba(255,255,255,.08) 100%)!important;
}

body.taqa-theme-light [data-cart="panel-inner"]::after{
  z-index:1!important;
  inset:0!important;
  background:
    linear-gradient(114deg,
      rgba(255,255,255,.70) 0%,
      rgba(255,255,255,.20) 14%,
      transparent 31%,
      transparent 69%,
      rgba(255,222,193,.11) 87%,
      rgba(255,255,255,.32) 100%)!important;
}

[data-cart="content"],
[data-cart="footer"]{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
}

/* =========================================================
   CONTENT
   ========================================================= */
[data-cart="content"]{
  padding:34px 30px 20px!important;
  scrollbar-width:thin!important;
}

[data-cart="content"]::-webkit-scrollbar{width:5px!important;}
[data-cart="content"]::-webkit-scrollbar-thumb{
  border-radius:999px!important;
  background:rgba(192,96,36,.34)!important;
}

/* =========================================================
   HEADER
   ========================================================= */
[data-cart="header"]{
  position:relative!important;
  min-height:96px!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:7px 72px 0!important;
}

[data-cart="title"]{
  margin:0!important;
  width:100%!important;
  text-align:center!important;
  font-size:clamp(30px,3.4vw,42px)!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
}

[data-cart="header"]::before{
  content:"YOUR ITEMS"!important;
  position:absolute!important;
  top:52px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  font:500 10px/1 "DM Sans",sans-serif!important;
  letter-spacing:.42em!important;
  opacity:.58!important;
  white-space:nowrap!important;
}

/* custom TAQA energy-bag icon */
[data-cart="header"]::after{
  content:""!important;
  position:absolute!important;
  right:8px!important;
  top:2px!important;
  width:38px!important;
  height:38px!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9 10.5h14l-1 14H10l-1-14Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12.5 11V8.5A3.5 3.5 0 0 1 16 5a3.5 3.5 0 0 1 3.5 3.5V11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='m17.4 12.8-4.2 6h3l-1.4 4.4 4.6-6.4h-3.1l1.1-4Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9 10.5h14l-1 14H10l-1-14Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12.5 11V8.5A3.5 3.5 0 0 1 16 5a3.5 3.5 0 0 1 3.5 3.5V11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='m17.4 12.8-4.2 6h3l-1.4 4.4 4.6-6.4h-3.1l1.1-4Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

body.taqa-theme-dark [data-cart="header"]::after{color:#f4f7f8!important;}
body.taqa-theme-light [data-cart="header"]::after{color:#112431!important;}

/* close orb */
[data-cart="close-wrapper"]{
  position:absolute!important;
  left:0!important;
  top:0!important;
  margin:0!important;
}

[data-cart="close-button"]{
  margin:0!important;
  width:56px!important;
  height:56px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  transition:transform .28s var(--taqa-ease)!important;
}

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

body.taqa-theme-dark [data-cart="close-button"]{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025))!important;
  border:1px solid rgba(243,199,145,.38)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.15)!important;
}

body.taqa-theme-light [data-cart="close-button"]{
  color:#112431!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(241,247,250,.48))!important;
  border:1px solid rgba(255,255,255,.94)!important;
  box-shadow:0 12px 28px rgba(49,69,83,.09),inset 0 1px 0 #fff!important;
}

@media(hover:hover) and (pointer:fine){
  [data-cart="close-button"]:hover{transform:rotate(5deg) scale(1.035)!important;}
}

/* =========================================================
   TAGLINE
   ========================================================= */
[data-cart="items-section"]{
  position:relative!important;
  margin-top:16px!important;
  padding-top:68px!important;
}

[data-cart="items-section"]::before{
  content:"كل ما تحتاجه لإضاءة أفضل"!important;
  position:absolute!important;
  top:6px!important;
  left:0!important;
  right:0!important;
  text-align:center!important;
  font-size:18px!important;
  font-weight:600!important;
}

[data-cart="items-section"]::after{
  content:"READY TO BRIGHTEN YOUR SPACE"!important;
  position:absolute!important;
  top:37px!important;
  left:0!important;
  right:0!important;
  text-align:center!important;
  font:500 10px/1 "DM Sans",sans-serif!important;
  letter-spacing:.18em!important;
  opacity:.58!important;
}

[data-cart="items-list"]{
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

/* =========================================================
   PRODUCT CARD = LIQUID GLASS LENS
   ========================================================= */
[data-cart="item"]{
  position:relative!important;
  isolation:isolate!important;
  min-height:152px!important;
  padding:12px!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid transparent!important;
  transition:transform .28s var(--taqa-ease)!important;
}

[data-cart="item"]::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(114deg,rgba(255,255,255,.18),transparent 24%,transparent 71%,rgba(255,184,115,.07))!important;
}

[data-cart="item"]::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:7%!important;
  right:24%!important;
  top:-12px!important;
  height:34px!important;
  border-radius:50%!important;
  background:
    radial-gradient(
      ellipse at 50% 50%,
      rgba(255,255,255,.22) 0%,
      rgba(255,255,255,.08) 46%,
      transparent 78%
    )!important;
  filter:none!important;
  opacity:.78!important;
  pointer-events:none!important;
}

body.taqa-theme-dark [data-cart="item"]{
  background:
    radial-gradient(ellipse at 8% 20%,rgba(221,132,61,.11),transparent 38%),
    linear-gradient(132deg,rgba(255,255,255,.080),rgba(255,255,255,.020) 50%,rgba(60,107,140,.085))!important;
  border-color:rgba(236,242,245,.18)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.09)!important;
}

body.taqa-theme-light [data-cart="item"]{
  background:
    linear-gradient(132deg,rgba(255,255,255,.48),rgba(255,255,255,.25) 50%,rgba(225,236,242,.24))!important;
  border-color:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  box-shadow:0 17px 36px rgba(60,82,97,.09),inset 0 1px 0 rgba(255,255,255,.96)!important;
}

[data-cart="item"] > *{
  position:relative!important;
  z-index:1!important;
}

@media(hover:hover) and (pointer:fine){
  [data-cart="item"]:hover{transform:translateY(-2px)!important;}
}

/* =========================================================
   PRODUCT IMAGE POD
   ========================================================= */
[data-cart="item-image-wrapper"]{
  width:138px!important;
  height:122px!important;
  flex:0 0 138px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid transparent!important;
}

[data-cart="item-image-wrapper"] > div,
[data-cart="item-image"]{
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}

[data-cart="item-image-wrapper"] img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:9px!important;
}

body.taqa-theme-dark [data-cart="item-image-wrapper"]{
  background:radial-gradient(circle at 50% 42%,rgba(231,176,112,.20),rgba(255,255,255,.045) 66%)!important;
  border-color:rgba(241,203,155,.27)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 26px rgba(223,145,67,.07)!important;
}

body.taqa-theme-light [data-cart="item-image-wrapper"]{
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),rgba(242,241,238,.66) 68%)!important;
  border-color:rgba(255,255,255,.90)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 0 24px rgba(108,138,155,.04)!important;
}

/* =========================================================
   PRODUCT INFO
   ========================================================= */
[data-cart="item-body"]{
  margin-inline-start:22px!important;
  min-width:0!important;
}

[data-cart="item-header"]{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
}

[data-cart="item-name"]{
  margin:0!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.45!important;
}

[data-cart="item-name"]::before{
  content:"LIGHTING"!important;
  display:block!important;
  margin-bottom:6px!important;
  font:500 9px/1 "DM Sans",sans-serif!important;
  letter-spacing:.15em!important;
  opacity:.52!important;
}

[data-cart="item-price"]{
  margin:0!important;
  order:2!important;
  font-size:21px!important;
  font-weight:700!important;
}

[data-cart="item-total-wrapper"]{display:none!important;}

body.taqa-theme-dark [data-cart="item-name"],
body.taqa-theme-dark [data-cart="item-price"]{color:#f4f7f8!important;}

body.taqa-theme-light [data-cart="item-name"],
body.taqa-theme-light [data-cart="item-price"]{color:#112431!important;}

/* =========================================================
   QUANTITY / REMOVE
   ========================================================= */
[data-cart="item-footer"]{
  margin-top:13px!important;
  gap:0!important;
}

[data-cart="item-actions"]{
  align-items:center!important;
}

[data-cart="item-quantity-counter"]{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  backdrop-filter:blur(8px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.08)!important;
}

body.taqa-theme-dark [data-cart="item-quantity-counter"]{
  color:#f4f7f8!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(3,9,15,.28))!important;
  border-color:rgba(235,241,244,.19)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.11),inset 0 1px 0 rgba(255,255,255,.075)!important;
}

body.taqa-theme-light [data-cart="item-quantity-counter"]{
  color:#112431!important;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(237,244,248,.44))!important;
  border-color:rgba(255,255,255,.90)!important;
  box-shadow:0 8px 18px rgba(55,76,89,.05),inset 0 1px 0 #fff!important;
}

[data-cart="item-increase"],
[data-cart="item-decrease"]{
  width:52px!important;
  height:46px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  transition:background .2s ease,transform .2s ease!important;
}

[data-cart="item-increase"] svg,
[data-cart="item-decrease"] svg{
  width:22px!important;
  height:22px!important;
  color:inherit!important;
}

[data-cart="item-quantity"]{
  width:48px!important;
  margin:0!important;
  font-size:19px!important;
  font-weight:700!important;
}

[data-cart="item-remove"]{
  margin-inline-start:14px!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  color:var(--taqa-red)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.24),transparent 28%),rgba(255,79,59,.06)!important;
  border:1px solid rgba(255,91,70,.18)!important;
}

[data-cart="item-remove"] svg{
  width:24px!important;
  height:24px!important;
  color:currentColor!important;
}

/* =========================================================
   FOOTER / TOTAL
   ========================================================= */
[data-cart="footer"]{
  padding:18px 30px 30px!important;
}

[data-invoice="invoice"]{
  position:relative!important;
  overflow:hidden!important;
  margin:0!important;
  padding:22px 24px!important;
  border-radius:26px!important;
  border:1px solid transparent!important;
  backdrop-filter:blur(10px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.06)!important;
}

body.taqa-theme-dark [data-invoice="invoice"]{
  color:#f4f7f8!important;
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;
  border-color:rgba(234,240,244,.15)!important;
  box-shadow:0 15px 34px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.taqa-theme-light [data-invoice="invoice"]{
  color:#112431!important;
  background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(235,243,247,.24))!important;
  border-color:rgba(255,255,255,.76)!important;
  box-shadow:0 15px 32px rgba(56,77,91,.06),inset 0 1px 0 rgba(255,255,255,.96)!important;
}

[data-invoice="invoice-subtotal"]{font-size:16px!important;}
[data-invoice="invoice-subtotal-value"]{
  font-size:21px!important;
  font-weight:700!important;
  color:inherit!important;
}

/* =========================================================
   CHECKOUT CTA — NEW FROM SCRATCH
   GLASS BODY + ENERGY ACTION ORB
   ========================================================= */
[data-cart="checkout-wrapper"]{
  margin-top:20px!important;
}

[data-cart="checkout-wrapper"] button{
  all:unset;
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-height:68px!important;
  padding:0 82px 0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:999px!important;
  cursor:pointer!important;
  font-family:"Cairo","DM Sans",system-ui,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
  transition:transform .3s var(--taqa-ease),box-shadow .3s ease,border-color .3s ease!important;
}

[data-cart="checkout-wrapper"] button::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:5%!important;
  right:22%!important;
  top:4px!important;
  height:32%!important;
  border-radius:999px!important;
  pointer-events:none!important;
}

[data-cart="checkout-wrapper"] button::after{
  content:"→"!important;
  position:absolute!important;
  z-index:2!important;
  right:8px!important;
  top:50%!important;
  width:50px!important;
  height:50px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font:500 24px/1 "DM Sans",sans-serif!important;
  pointer-events:none!important;
  backdrop-filter:blur(16px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.16)!important;
  transition:transform .3s var(--taqa-ease),box-shadow .3s ease!important;
}

body.taqa-theme-dark [data-cart="checkout-wrapper"] button{
  color:#f7f8f9!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.022)),
    radial-gradient(ellipse at 50% 108%,rgba(224,104,37,.16),transparent 49%),
    radial-gradient(circle at 84% 52%,rgba(79,137,177,.08),transparent 38%)!important;
  border:1px solid rgba(235,241,244,.20)!important;
  backdrop-filter:blur(24px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.16)!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.24),
    0 0 28px rgba(210,98,31,.07),
    inset 0 1px 0 rgba(255,255,255,.15)!important;
}

body.taqa-theme-dark [data-cart="checkout-wrapper"] button::before{
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.08) 48%,transparent)!important;
}

body.taqa-theme-dark [data-cart="checkout-wrapper"] button::after{
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,.28),transparent 28%),
    linear-gradient(145deg,#dd7132,#a83f10)!important;
  border:1px solid rgba(255,222,193,.28)!important;
  box-shadow:0 8px 18px rgba(122,39,5,.18),0 0 16px rgba(226,112,45,.13),inset 0 1px 0 rgba(255,255,255,.27)!important;
}

body.taqa-theme-light [data-cart="checkout-wrapper"] button{
  color:#112431!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(228,239,245,.22)),
    radial-gradient(ellipse at 50% 108%,rgba(219,104,42,.13),transparent 50%),
    radial-gradient(circle at 84% 50%,rgba(128,190,226,.13),transparent 38%)!important;
  border:1px solid rgba(255,255,255,.80)!important;
  backdrop-filter:blur(26px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.14)!important;
  box-shadow:
    0 18px 38px rgba(56,78,93,.11),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}

body.taqa-theme-light [data-cart="checkout-wrapper"] button::before{
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.18) 48%,transparent)!important;
}

body.taqa-theme-light [data-cart="checkout-wrapper"] button::after{
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,.36),transparent 28%),
    linear-gradient(145deg,#e27a38,#b84d18)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  box-shadow:0 8px 18px rgba(156,57,13,.16),0 0 15px rgba(226,116,52,.10),inset 0 1px 0 rgba(255,255,255,.40)!important;
}

@media(hover:hover) and (pointer:fine){
  [data-cart="checkout-wrapper"] button:hover{
    transform:translateY(-3px) scale(1.006)!important;
  }
  [data-cart="checkout-wrapper"] button:hover::after{
    transform:translateY(-50%) translateX(3px) scale(1.04)!important;
  }
}

[data-cart="checkout-wrapper"] button:active{
  transform:scale(.992)!important;
}

/* =========================================================
   CONTINUE SHOPPING
   ========================================================= */
[data-cart="continue-wrapper"]{
  margin-top:18px!important;
  color:inherit!important;
  opacity:.86!important;
}

[data-cart="continue-wrapper"] > p{
  margin:0!important;
  font-size:0!important;
}

[data-cart="continue-shopping"]{
  color:inherit!important;
  text-decoration:none!important;
  font:500 12px/1 "DM Sans","Cairo",sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

[data-cart="continue-shopping"]::before{
  content:"←  "!important;
  font-size:20px!important;
  vertical-align:-1px!important;
}

[data-cart="continue-shopping"] span{display:none!important;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:767px){
  [data-cart="panel-container"]{
    padding:8px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
  }

  [data-cart="panel"]{
    width:100%!important;
    max-width:none!important;
    height:calc(100dvh - 16px)!important;
  }

  [data-cart="panel-inner"]{
    border-radius:28px!important;
  }

  [data-cart="content"]{
    padding:24px 14px 16px!important;
  }

  [data-cart="header"]{
    min-height:84px!important;
    padding:5px 58px 0!important;
  }

  [data-cart="title"]{
    font-size:27px!important;
  }

  [data-cart="header"]::before{
    top:44px!important;
    font-size:8px!important;
  }

  [data-cart="header"]::after{
    right:0!important;
    top:3px!important;
    width:32px!important;
    height:32px!important;
  }

  [data-cart="close-button"]{
    width:46px!important;
    height:46px!important;
  }

  [data-cart="items-section"]{
    padding-top:57px!important;
    margin-top:8px!important;
  }

  [data-cart="items-section"]::before{
    font-size:15px!important;
  }

  [data-cart="items-section"]::after{
    top:32px!important;
    font-size:8px!important;
  }

  [data-cart="item"]{
    min-height:122px!important;
    padding:9px!important;
    border-radius:20px!important;
  }

  [data-cart="item-image-wrapper"]{
    width:102px!important;
    height:102px!important;
    flex-basis:102px!important;
    border-radius:17px!important;
  }

  [data-cart="item-body"]{
    margin-inline-start:12px!important;
  }

  [data-cart="item-name"]{
    font-size:13px!important;
  }

  [data-cart="item-name"]::before{
    font-size:7px!important;
    margin-bottom:4px!important;
  }

  [data-cart="item-price"]{
    font-size:17px!important;
  }

  [data-cart="item-footer"]{
    margin-top:8px!important;
  }

  [data-cart="item-increase"],
  [data-cart="item-decrease"]{
    width:39px!important;
    height:38px!important;
  }

  [data-cart="item-quantity"]{
    width:34px!important;
    font-size:16px!important;
  }

  [data-cart="item-remove"]{
    width:34px!important;
    height:34px!important;
    margin-inline-start:8px!important;
  }

  [data-cart="footer"]{
    padding:14px 14px 20px!important;
  }

  [data-invoice="invoice"]{
    padding:17px!important;
    border-radius:18px!important;
  }

  [data-cart="checkout-wrapper"] button{
    min-height:62px!important;
    padding-right:72px!important;
    font-size:14px!important;
  }

  [data-cart="checkout-wrapper"] button::after{
    width:44px!important;
    height:44px!important;
    right:8px!important;
    font-size:21px!important;
  }
}

@media(max-width:380px){
  [data-cart="item-image-wrapper"]{
    width:88px!important;
    height:94px!important;
    flex-basis:88px!important;
  }

  [data-cart="item-name"]{font-size:12px!important;}
  [data-cart="item-increase"],
  [data-cart="item-decrease"]{width:34px!important;}
}

@media(prefers-reduced-motion:reduce){
  [data-cart="item"],
  [data-cart="close-button"],
  [data-cart="checkout-wrapper"] button,
  [data-cart="checkout-wrapper"] button::after{
    transition:none!important;
  }
}


/* =========================================================
   V2 FIXES — DARK TEXT + THEMED QUANTITY INTERACTIONS
   ========================================================= */

/* Header title must explicitly follow theme.
   EasyOrders gives the native h2 a text-gray-900 class, so inheritance alone is not enough. */
body.taqa-theme-dark [data-cart="title"]{
  color:#f4f7f8!important;
  text-shadow:0 1px 18px rgba(0,0,0,.18)!important;
}

body.taqa-theme-light [data-cart="title"]{
  color:#112431!important;
  text-shadow:none!important;
}

/* Invoice labels / values: override native text-gray-* utilities explicitly. */
body.taqa-theme-dark [data-invoice="invoice"] dt,
body.taqa-theme-dark [data-invoice="invoice"] dd,
body.taqa-theme-dark [data-invoice="invoice-subtotal"],
body.taqa-theme-dark [data-invoice="invoice-subtotal-value"]{
  color:#f4f7f8!important;
}

body.taqa-theme-dark [data-invoice="invoice"] dt{
  color:rgba(244,247,248,.78)!important;
}

body.taqa-theme-light [data-invoice="invoice"] dt,
body.taqa-theme-light [data-invoice="invoice"] dd,
body.taqa-theme-light [data-invoice="invoice-subtotal"],
body.taqa-theme-light [data-invoice="invoice-subtotal-value"]{
  color:#112431!important;
}

body.taqa-theme-light [data-invoice="invoice"] dt{
  color:rgba(17,36,49,.70)!important;
}

/* Quantity buttons: clear themed hover/focus/active states */
[data-cart="item-increase"],
[data-cart="item-decrease"]{
  position:relative!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:
    background .22s ease,
    box-shadow .22s ease,
    transform .18s ease,
    color .22s ease!important;
}

[data-cart="item-increase"]::before,
[data-cart="item-decrease"]::before{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:999px!important;
  opacity:0!important;
  transform:scale(.82)!important;
  pointer-events:none!important;
  transition:opacity .22s ease,transform .22s var(--taqa-ease)!important;
}

/* DARK quantity interaction */
body.taqa-theme-dark [data-cart="item-increase"],
body.taqa-theme-dark [data-cart="item-decrease"]{
  color:#f4f7f8!important;
}

body.taqa-theme-dark [data-cart="item-increase"]::before,
body.taqa-theme-dark [data-cart="item-decrease"]::before{
  background:
    radial-gradient(circle at 50% 32%,rgba(255,255,255,.13),rgba(255,255,255,.035) 54%,transparent 72%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 16px rgba(232,135,68,.07)!important;
}

/* LIGHT quantity interaction */
body.taqa-theme-light [data-cart="item-increase"],
body.taqa-theme-light [data-cart="item-decrease"]{
  color:#112431!important;
}

body.taqa-theme-light [data-cart="item-increase"]::before,
body.taqa-theme-light [data-cart="item-decrease"]::before{
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.96),rgba(224,237,244,.55) 58%,rgba(210,226,235,.18) 76%)!important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 7px 18px rgba(56,78,91,.08)!important;
}

@media (hover:hover) and (pointer:fine){
  body.taqa-theme-dark [data-cart="item-increase"]:hover,
  body.taqa-theme-dark [data-cart="item-decrease"]:hover{
    color:#fff!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 0 18px rgba(229,126,55,.08)!important;
  }

  body.taqa-theme-light [data-cart="item-increase"]:hover,
  body.taqa-theme-light [data-cart="item-decrease"]:hover{
    color:#0d2230!important;
    background:rgba(255,255,255,.38)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 8px 18px rgba(58,80,94,.07)!important;
  }

  [data-cart="item-increase"]:hover::before,
  [data-cart="item-decrease"]:hover::before{
    opacity:1!important;
    transform:scale(1)!important;
  }

  [data-cart="item-increase"]:hover svg,
  [data-cart="item-decrease"]:hover svg{
    transform:scale(1.10)!important;
  }
}

[data-cart="item-increase"] svg,
[data-cart="item-decrease"] svg{
  position:relative!important;
  z-index:1!important;
  transition:transform .20s var(--taqa-ease),color .20s ease!important;
}

[data-cart="item-increase"]:active,
[data-cart="item-decrease"]:active{
  transform:scale(.91)!important;
}

[data-cart="item-increase"]:focus-visible,
[data-cart="item-decrease"]:focus-visible{
  outline:none!important;
}

body.taqa-theme-dark [data-cart="item-increase"]:focus-visible,
body.taqa-theme-dark [data-cart="item-decrease"]:focus-visible{
  box-shadow:0 0 0 3px rgba(224,121,52,.15)!important;
}

body.taqa-theme-light [data-cart="item-increase"]:focus-visible,
body.taqa-theme-light [data-cart="item-decrease"]:focus-visible{
  box-shadow:0 0 0 3px rgba(77,113,131,.13)!important;
}

/* Quantity numeral itself */
body.taqa-theme-dark [data-cart="item-quantity"]{
  color:#f4f7f8!important;
}

body.taqa-theme-light [data-cart="item-quantity"]{
  color:#112431!important;
}


/* =========================================================
   V3 — COLOR-CODED QUANTITY HOVERS
   PLUS  = GREEN
   MINUS = RED
   Theme-aware for Light / Dark
   ========================================================= */

/* PLUS / increase */
@media (hover:hover) and (pointer:fine){
  body.taqa-theme-dark [data-cart="item-increase"]:hover{
    color:#dfffea!important;
    background:rgba(42,180,102,.10)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 0 18px rgba(42,180,102,.16)!important;
  }

  body.taqa-theme-dark [data-cart="item-increase"]:hover::before{
    background:
      radial-gradient(circle at 50% 32%,
        rgba(100,255,165,.24),
        rgba(42,180,102,.10) 54%,
        transparent 74%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 20px rgba(42,180,102,.20)!important;
  }

  body.taqa-theme-light [data-cart="item-increase"]:hover{
    color:#116b3a!important;
    background:rgba(59,196,118,.15)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 8px 18px rgba(42,180,102,.10)!important;
  }

  body.taqa-theme-light [data-cart="item-increase"]:hover::before{
    background:
      radial-gradient(circle at 50% 28%,
        rgba(235,255,243,.98),
        rgba(126,229,168,.52) 58%,
        rgba(59,196,118,.16) 78%)!important;
    box-shadow:
      inset 0 1px 0 #fff,
      0 7px 18px rgba(42,180,102,.13)!important;
  }

  /* MINUS / decrease */
  body.taqa-theme-dark [data-cart="item-decrease"]:hover{
    color:#ffe7e3!important;
    background:rgba(255,77,61,.10)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 0 18px rgba(255,77,61,.16)!important;
  }

  body.taqa-theme-dark [data-cart="item-decrease"]:hover::before{
    background:
      radial-gradient(circle at 50% 32%,
        rgba(255,132,116,.24),
        rgba(255,77,61,.10) 54%,
        transparent 74%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 20px rgba(255,77,61,.20)!important;
  }

  body.taqa-theme-light [data-cart="item-decrease"]:hover{
    color:#a52d23!important;
    background:rgba(255,98,82,.14)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 8px 18px rgba(255,77,61,.10)!important;
  }

  body.taqa-theme-light [data-cart="item-decrease"]:hover::before{
    background:
      radial-gradient(circle at 50% 28%,
        rgba(255,243,241,.98),
        rgba(255,165,153,.50) 58%,
        rgba(255,98,82,.16) 78%)!important;
    box-shadow:
      inset 0 1px 0 #fff,
      0 7px 18px rgba(255,77,61,.13)!important;
  }
}


/* =========================================================
   V4 — PREMIUM CHECKOUT CTA
   Cleaner liquid-glass body + TAQA energy bag icon
   ========================================================= */

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

[data-cart="checkout-wrapper"] button{
  min-height:66px!important;
  padding:0 76px 0 28px!important;

  border-radius:22px!important;

  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;

  overflow:hidden!important;

  transition:
    transform .28s var(--taqa-ease),
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease!important;
}

/* soft top highlight */
[data-cart="checkout-wrapper"] button::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;

  left:4%!important;
  right:18%!important;
  top:3px!important;
  height:44%!important;

  border-radius:18px 18px 55% 55%!important;
  pointer-events:none!important;

  opacity:.72!important;
  filter:blur(.2px)!important;
}

/* TAQA ENERGY BAG ICON — replaces the plain arrow */
[data-cart="checkout-wrapper"] button::after{
  content:""!important;

  position:absolute!important;
  z-index:2!important;

  right:8px!important;
  top:50%!important;

  width:50px!important;
  height:50px!important;

  transform:translateY(-50%)!important;

  display:block!important;

  border-radius:16px!important;

  color:#fff!important;
  background-color:currentColor!important;

  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M14 18h20l-1.4 19H15.4L14 18Z' fill='none' stroke='black' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M19 19v-4.2C19 11 21.2 8.5 24 8.5s5 2.5 5 6.3V19' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='m26.2 20.6-7.1 9.7h5l-2.1 8 7.8-10.7h-5.2l1.6-7Z' fill='black'/%3E%3C/svg%3E")
    center/26px 26px no-repeat!important;

  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M14 18h20l-1.4 19H15.4L14 18Z' fill='none' stroke='black' stroke-width='2.6' stroke-linejoin='round'/%3E%3Cpath d='M19 19v-4.2C19 11 21.2 8.5 24 8.5s5 2.5 5 6.3V19' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='m26.2 20.6-7.1 9.7h5l-2.1 8 7.8-10.7h-5.2l1.6-7Z' fill='black'/%3E%3C/svg%3E")
    center/26px 26px no-repeat!important;

  pointer-events:none!important;

  transition:
    transform .28s var(--taqa-ease),
    filter .28s ease!important;
}

/* dark */
body.taqa-theme-dark [data-cart="checkout-wrapper"] button{
  color:#F4F7F8!important;

  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018)),
    linear-gradient(135deg,rgba(11,24,34,.88),rgba(6,15,24,.92))!important;

  border:1px solid rgba(233,241,245,.17)!important;

  box-shadow:
    0 15px 34px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(255,255,255,.025)!important;

  backdrop-filter:blur(22px) saturate(1.13)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.13)!important;
}

body.taqa-theme-dark [data-cart="checkout-wrapper"] button::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.035) 58%,transparent)!important;
}

body.taqa-theme-dark [data-cart="checkout-wrapper"] button::after{
  color:#F6F8F9!important;

  background-color:#fff!important;

  filter:
    drop-shadow(0 0 0 #fff)
    drop-shadow(0 6px 11px rgba(167,67,18,.22))!important;

  /* orange tile behind masked icon */
  box-shadow:
    0 8px 18px rgba(123,43,8,.22),
    0 0 16px rgba(225,112,44,.11),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* create orange icon tile under the mask using the button itself */
body.taqa-theme-dark [data-cart="checkout-wrapper"] button{
  --taqa-checkout-accent:linear-gradient(145deg,#E57B3A,#B64C17);
}

/* light */
body.taqa-theme-light [data-cart="checkout-wrapper"] button{
  color:#112431!important;

  background:
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(229,239,244,.36)),
    linear-gradient(135deg,rgba(244,248,250,.92),rgba(224,235,241,.76))!important;

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

  box-shadow:
    0 14px 32px rgba(55,77,91,.09),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(104,137,155,.06)!important;

  backdrop-filter:blur(24px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;
}

body.taqa-theme-light [data-cart="checkout-wrapper"] button::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.20) 58%,transparent)!important;
}

body.taqa-theme-light [data-cart="checkout-wrapper"] button::after{
  color:#fff!important;
  background-color:#C85A21!important;

  filter:
    drop-shadow(0 6px 10px rgba(166,68,20,.18))!important;
}

/* hover */
@media(hover:hover) and (pointer:fine){
  [data-cart="checkout-wrapper"] button:hover{
    transform:translateY(-2px)!important;
  }

  body.taqa-theme-dark [data-cart="checkout-wrapper"] button:hover{
    border-color:rgba(240,197,155,.26)!important;
    box-shadow:
      0 18px 38px rgba(0,0,0,.26),
      0 0 24px rgba(201,94,31,.07),
      inset 0 1px 0 rgba(255,255,255,.14)!important;
  }

  body.taqa-theme-light [data-cart="checkout-wrapper"] button:hover{
    border-color:rgba(192,96,36,.18)!important;
    box-shadow:
      0 18px 36px rgba(56,78,93,.12),
      0 0 18px rgba(192,96,36,.06),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  [data-cart="checkout-wrapper"] button:hover::after{
    transform:translateY(-50%) scale(1.055)!important;
  }
}

[data-cart="checkout-wrapper"] button:active{
  transform:scale(.994)!important;
}

@media(max-width:767px){
  [data-cart="checkout-wrapper"] button{
    min-height:60px!important;
    padding:0 68px 0 22px!important;
    border-radius:20px!important;
    font-size:14px!important;
  }

  [data-cart="checkout-wrapper"] button::after{
    width:44px!important;
    height:44px!important;
    right:7px!important;

    -webkit-mask-size:23px 23px!important;
    mask-size:23px 23px!important;
  }
}


/* =========================================================
   V5 — MOBILE PRODUCT IMAGE VISIBILITY FIX
   Force EasyOrders product images to remain visible on phones.
========================================================= */

@media (max-width:767px){

  [data-cart="item-image-wrapper"]{
    position:relative !important;
    display:block !important;
    flex:0 0 102px !important;
    flex-shrink:0 !important;
    overflow:hidden !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  [data-cart="item-image-wrapper"] > div,
  [data-cart="item-image-wrapper"] > span,
  [data-cart="item-image"]{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    flex:0 0 100% !important;
    min-width:100% !important;
    min-height:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:hidden !important;
  }

  [data-cart="item-image-wrapper"] img,
  [data-cart="item-image"] img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    width:100% !important;
    height:100% !important;
    flex:0 0 100% !important;
    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center !important;

    padding:7px !important;

    position:relative !important;
    z-index:3 !important;

    transform:none !important;
    filter:none !important;
  }

  /* Neutralize any EasyOrders/Tailwind hidden-loading layer above the image */
  [data-cart="item-image-wrapper"] span[aria-hidden="true"]{
    z-index:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}

@media (max-width:380px){
  [data-cart="item-image-wrapper"]{
    flex-basis:88px !important;
  }

  [data-cart="item-image-wrapper"] img,
  [data-cart="item-image"] img{
    padding:6px !important;
  }
}

/* =========================================================
   THREEUI INDUCTION — adapted from valence-core.html
   Orange arcs and a transparent canvas suit the TAQA cart in both themes.
========================================================= */
[data-cart="checkout-wrapper"]{
  position:relative!important;
  isolation:isolate!important;
  text-align:center!important;
}

[data-cart="checkout-wrapper"] button,
body.taqa-theme-dark [data-cart="checkout-wrapper"] button,
body.taqa-theme-light [data-cart="checkout-wrapper"] button{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  height:96px!important;
  min-height:96px!important;
  margin-inline:auto!important;
  padding:0 12px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#fff2e7!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.3!important;
  text-align:center!important;
  text-shadow:0 0 12px rgba(255,131,53,.45),0 1px 4px rgba(0,0,0,.65)!important;
  cursor:pointer!important;
  transform:none!important;
  transition:transform .22s cubic-bezier(.34,1.4,.5,1)!important;
}

[data-cart="checkout-wrapper"] button::before,
[data-cart="checkout-wrapper"] button::after,
body.taqa-theme-dark [data-cart="checkout-wrapper"] button::before,
body.taqa-theme-dark [data-cart="checkout-wrapper"] button::after,
body.taqa-theme-light [data-cart="checkout-wrapper"] button::before,
body.taqa-theme-light [data-cart="checkout-wrapper"] button::after{
  content:none!important;
  display:none!important;
}

[data-cart="checkout-wrapper"] button > canvas.taqa-threeui-induction{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  border-radius:18px!important;
  pointer-events:none!important;
  user-select:none!important;
  opacity:1!important;
}

body.taqa-theme-light [data-cart="checkout-wrapper"] button{
  color:#fff4e9!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 10px rgba(255,147,72,.25)!important;
}

[data-cart="checkout-wrapper"] button > :not(canvas){
  position:relative!important;
  z-index:1!important;
}

[data-cart="checkout-wrapper"] .taqa-threeui-label{
  display:inline-block!important;
  pointer-events:none!important;
}

[data-cart="checkout-wrapper"] button:focus-visible{
  outline:2px solid #f5a463!important;
  outline-offset:2px!important;
}

body.taqa-theme-light [data-cart="checkout-wrapper"] button:focus-visible{
  outline-color:#a54214!important;
}

@media (hover:hover) and (pointer:fine){
  [data-cart="checkout-wrapper"] button:hover,
  body.taqa-theme-dark [data-cart="checkout-wrapper"] button:hover,
  body.taqa-theme-light [data-cart="checkout-wrapper"] button:hover{
    transform:translateY(-2px)!important;
  }
}

[data-cart="checkout-wrapper"] button:active,
body.taqa-theme-dark [data-cart="checkout-wrapper"] button:active,
body.taqa-theme-light [data-cart="checkout-wrapper"] button:active{
  transform:translateY(1px) scale(.99)!important;
}

@media (max-width:320px){
  [data-cart="checkout-wrapper"] button,
  body.taqa-theme-dark [data-cart="checkout-wrapper"] button,
  body.taqa-theme-light [data-cart="checkout-wrapper"] button{
    width:100%!important;
  }
}

@media (prefers-reduced-motion:reduce){
  [data-cart="checkout-wrapper"] button,
  body.taqa-theme-dark [data-cart="checkout-wrapper"] button,
  body.taqa-theme-light [data-cart="checkout-wrapper"] button{
    transition:none!important;
  }
}

/* Visible fallback when the companion JavaScript or WebGL is unavailable. */
[data-cart="checkout-wrapper"] button:not(:has(> canvas.taqa-threeui-induction)),
body.taqa-theme-dark [data-cart="checkout-wrapper"] button:not(:has(> canvas.taqa-threeui-induction)){
  color:#fff2e7!important;
  background:linear-gradient(180deg,#26303a 0%,#14212b 100%)!important;
  border:1px solid #e37d3d!important;
  box-shadow:
    0 0 0 1px rgba(255,180,105,.16),
    0 0 12px rgba(231,115,43,.46),
    0 0 25px rgba(191,75,20,.2),
    inset 0 0 12px rgba(231,115,43,.14)!important;
}

body.taqa-theme-light [data-cart="checkout-wrapper"] button:not(:has(> canvas.taqa-threeui-induction)){
  color:#fff4e9!important;
  background:linear-gradient(180deg,#253748 0%,#192a38 100%)!important;
  border:1px solid #d46225!important;
  box-shadow:
    0 0 0 1px rgba(255,241,224,.65),
    0 9px 26px rgba(28,48,62,.2),
    0 0 15px rgba(215,93,32,.28),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* =========================================================
   PERFORMANCE V4 — SAFE / NON-WEBGL / NON-CHECKOUT-BUTTON
   These rules intentionally do NOT target:
   [data-cart="checkout-wrapper"] button
   or any WebGL canvas.
   ========================================================= */

[data-cart="panel-inner"]{
  contain:layout paint style!important;
}

[data-cart="item"]{
  contain:layout paint style!important;
}

[data-cart="item-image-wrapper"],
[data-cart="item-image-wrapper"] > div{
  contain:paint!important;
}

[data-cart="content"]{
  overscroll-behavior:contain!important;
}

/* FINAL MOBILE IMAGE ANCHOR
   Some cart drawer instances resolve the flex percentage of the image
   wrapper against the item's remaining text width (as little as 32px).
   Anchor the image layer to the fixed wrapper instead of relying on that
   percentage flex calculation. */
@media (max-width:767px){
  html body [data-cart="item-image-wrapper"]{
    display:block!important;
    position:relative!important;
    width:102px!important;
    height:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    flex:0 0 102px!important;
  }

  html body [data-cart="item-image-wrapper"] > div{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
  }

  html body [data-cart="item-image-wrapper"] img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:7px!important;
  }
}

@media (max-width:380px){
  html body [data-cart="item-image-wrapper"]{
    width:88px!important;
    height:94px!important;
    min-width:88px!important;
    max-width:88px!important;
    flex-basis:88px!important;
  }
}

/* Prevent unnecessary compositing hints from staying alive forever. */
[data-cart="item"],
[data-cart="close-button"],
[data-cart="item-quantity-counter"],
[data-invoice="invoice"]{
  will-change:auto!important;
}