/* BRONC: شكل متجر شوبيفاي على ثيم زد (نمو). النسخة 4، 4 نوفمبر 2026
   مع طبقة السكربت storefront/zid.js: هي ترسم البنر بالفيديو و«أفضل» و«احدث» والأسئلة والفوتر (أصناف bx-)، وهنا شكلها.
   قواعد النسخة 3 باقية تحتها: هي شكل أقسام زد نفسها لو السكربت ما اشتغل. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&family=Playfair+Display:wght@400;500&family=Assistant:wght@400&display=swap');

/* الألوان والخط والزوايا، نفس شوبيفاي */
:root:root {
  --font-family: 'Noto Kufi Arabic', 'IBM Plex Sans Arabic', sans-serif;
  --background: #F4F4F2;
  --foreground: #151515;
  --primary: #151515;
  --primary-foreground: #FFFFFF;
  --secondary: #F4F4F2;
  --muted: #545352;
  --muted-foreground: #6E6D69;
  --accent: #151515;
  --border: #D3D2CC;
  --border-light: #E2E1DC;
  --input: #8C8B86;
  --ring: #151515;
  --radius: 0px;
}

body { background-color: var(--background); }

/* الرأس بدون خط تحته */
header.bg-secondary { border-bottom-color: transparent; }

/* التحديد بأصفر برونك */
::selection { background: #E1FF00; color: #151515; }

/* الخانات 16 عشان الآيفون ما يكبّر الصفحة لما تضغط عليها */
input, select, textarea { font-size: 16px !important; }

/* ── البنرات مثل شوبيفاي: العنوان أبيض بخط Playfair تحت، وتحته رابط أبيض عليه خط ── */
.section-carousel .embla__slide { align-items: flex-end; }
.section-carousel .embla__slide > div:not(.absolute) { padding-bottom: 96px; }
.section-carousel .embla__slide .gap-6 { gap: 10px; }
.section-carousel .embla h2 {
  color: #FFFFFF;
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-wrap: balance;
}
.section-carousel .embla__slide .btn {
  background: transparent;
  border-color: transparent;
  color: #FFFFFF;
  height: auto;
  min-height: 0;
  padding: 4px 2px;
  font-size: 13px;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (min-width: 768px) {
  /* قبل ما يشتغل السكربت: العنوان والزر بنفس مكان البنر وشكله (حبة بإطار أبيض)، عشان ما يتحرك شي لما يتبدل */
  .section-carousel .embla__slide > div:not(.absolute) { padding-bottom: 113px; }
  .section-carousel .embla__slide .gap-6 { gap: 14px; }
  .section-carousel .embla h2 { font-size: 24px; }
  .section-carousel .embla__slide .btn {
    font-size: 12px; line-height: 1; min-height: 36px; padding: 0 23px;
    border: 1px solid #FFFFFF; border-radius: 999px; text-decoration: none;
  }
}

/* ── كروت المنتجات مثل شوبيفاي: الصورة، والاسم، والسعر بس ── */
[data-product-card] .btn,
[data-product-card] [data-wishlist-btn],
[data-product-card] .line-through,
[data-product-card] .bg-success\/20 { display: none; }
[data-product-card] { gap: 10px; }
[data-product-card] h3,
[data-product-card] h3 + div,
[data-product-card] .text-foreground.text-sm.font-semibold {
  direction: ltr;
  text-align: left;
}
[data-product-card] h3 { font-size: 13px; font-weight: 400; }
[data-product-card] .text-foreground.text-sm.font-semibold { font-size: 13px; font-weight: 400; }

/* «أفضل» و«احدث» مثل شوبيفاي: عنوان صغير، و«أفضل» منتج واحد كبير بالجوال، و«احدث» ثلاثة في الصف بخط صغير وسعر رمادي */
.section-products h2 { font-size: 13px; font-weight: 500; letter-spacing: 0; }
section[section-id="0c87f192-c33a-4b72-87f2-3ad76e50c113"] [data-products-carousel] .products-embla__slide { flex: 0 0 100%; min-width: 0; }
section[section-id="e1fe4234-8243-4519-ac55-6cfc4a746b31"] [data-products-carousel] .products-embla__slide { flex: 0 0 33.333%; min-width: 0; }
[section-id="e1fe4234-8243-4519-ac55-6cfc4a746b31"] [data-product-card] h3,
[section-id="e1fe4234-8243-4519-ac55-6cfc4a746b31"] [data-product-card] .text-foreground.text-sm.font-semibold { font-size: 11px; }
[section-id="e1fe4234-8243-4519-ac55-6cfc4a746b31"] [data-product-card] .text-foreground.text-sm.font-semibold { color: #858585; }
@media (min-width: 768px) {
  section[section-id="0c87f192-c33a-4b72-87f2-3ad76e50c113"] [data-products-carousel] .products-embla__slide { flex-basis: 50%; }
  section[section-id="e1fe4234-8243-4519-ac55-6cfc4a746b31"] [data-products-carousel] .products-embla__slide { flex-basis: 20%; }
}

/* ── صفحة المنتج مثل شوبيفاي: الاسم والسعر وزر السلة، بدون زيادات زد ── */
nav[aria-label="breadcrumb"],
[data-product-price-old],
[data-product-discount],
[data-product-sku-wrapper],
[data-quantity-wrapper],
[data-low-stock-text],
.btn-buy-now,
[data-product-actions] [data-wishlist-btn],
.border-t.pt-4:has(a[href*="facebook.com/sharer"]),
#sticky-cta { display: none !important; }

/* زر «أضف للسلة» حبة بيضاء وحولها ظل خفيف، بعرض الصفحة */
[data-add-to-cart-form="product-form"],
[data-add-to-cart-form="product-form"]:hover {
  background: #FFFFFF;
  color: #151515;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 999px;
}
[data-add-to-cart-form="product-form"] {
  box-shadow: 0 8px 24px rgba(21, 21, 21, 0.10), 0 1px 2px rgba(21, 21, 21, 0.08);
  font-weight: 600;
}
[data-add-to-cart-form="product-form"] svg { display: none; }

/* ── المميزات الثلاث صفوف تحت بعض بخط بينها، مثل شوبيفاي ── */
.section-benefits .grid {
  grid-template-columns: 1fr;
  gap: 0;
  max-width: 760px;
  margin-inline: auto;
  text-align: start;
}
.section-benefits .grid > div {
  align-items: flex-start;
  gap: 6px;
  padding: 16px 0;
  border-bottom: 1px solid #E5E5E5;
}
.section-benefits h3 { font-size: 14px; font-weight: 500; }
.section-benefits p { font-size: 13px; color: var(--muted); }

/* ── الفوتر مثل شوبيفاي: BRONCSIGHT وروابطه أول، بعدين حساباتنا والشهادة، بدون الشعار ولا التواصل ولا أيقونات الدفع ── */
#footer .grid { display: flex; flex-direction: column; gap: 28px; }
#footer .grid > div:first-child { order: 2; }
#footer .grid > div:first-child > img { display: none; }
#footer .grid > div:has(a[href^="tel:"], a[href^="mailto:"]) { display: none; }
#footer a[href="/shipping-and-payment"] { display: none; }
#footer h3 { font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; }
#footer .grid > div:first-child p { font-size: 13px; line-height: 1.6; }
#footer ul li { padding-block: 6px; }

/* ما فيه تمرير جانبي: زر المفضلة في كروت «منتجات مشابهة» يطلع برا الشاشة على 320 (من الثيم نفسه) */
body { overflow-x: clip; }

/* أرقام الصفحات في الجوال الصغير: بدون «أول/آخر صفحة» ومسافات أقل، عشان ما تطلع برا الشاشة (من الثيم نفسه) */
@media (max-width: 400px) {
  [data-slot="pagination-content"] { gap: 4px; }
  [data-slot="pagination-item"]:has(> [data-slot="pagination-first"]),
  [data-slot="pagination-item"]:has(> [data-slot="pagination-last"]) { display: none; }
}

/* ════════ النسخة 4: طبقة السكربت (storefront/zid.js) ════════ */

/* ── الرأس مثل شوبيفاي: زجاج فاتح، 50 بكسل بالجوال و130 بالكمبيوتر، الشعار بالنص ──
   وفي الرئيسية فوق البنر: شفاف وأبيض، ويصير زجاج بعد ما يعدّي البنر (السكربت يحط bx-scrolled) */
body > div.sticky.top-0 > header {
  background: rgba(255, 255, 255, 0.12) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) brightness(1.08);
  backdrop-filter: blur(28px) saturate(200%) brightness(1.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(255, 255, 255, 0.35), 0 4px 30px rgba(0, 0, 0, 0.06);
  border-bottom: 0;
  padding-block: 5px;
  transition: background-color 300ms ease, box-shadow 300ms ease;
}
body > div.sticky.top-0 > header nav > div > a > img {
  position: absolute; left: 50%; top: 50%;
  translate: none; /* Tailwind 4's own translate on this picture would add to the transform */
  transform: translate(-50%, -50%);
  height: 26px; width: auto; max-height: none;
  transition: filter 300ms ease;
}
body > div.sticky.top-0 > header nav > el-dialog > button,
body > div.sticky.top-0 > header nav > ul svg { transition: color 300ms ease; }
/* الأطراف مثل شوبيفاي: الأيقونات على 15 بكسل من حافة الشاشة، والشنطة والبحث جنب بعض */
body > div.sticky.top-0 > header { padding-inline: 7px; }
body > div.sticky.top-0 > header nav > ul { gap: 0; }
/* عدد السلة داخل الشنطة مثل شوبيفاي (السكربت يرسم الأيقونات والعدد، ويخفي دائرة زد الحمرا) */
body > div.sticky.top-0 > header.bx-icons [data-cart-badge] { display: none !important; }
body > div.sticky.top-0 > header .bx-count {
  position: absolute; top: 21px; left: 50%;
  transform: translateX(-50%);
  font-family: Helvetica, Arial, sans-serif; font-size: 9px; font-weight: 400; line-height: 10px;
  color: inherit; pointer-events: none;
}
body > div.sticky.top-0 > header ul > li > a[href$="/cart"] { color: var(--foreground); }

body[data-template="home"] > div.sticky.top-0 { position: fixed; top: 0; left: 0; right: 0; }
body[data-template="home"]:not(.bx-scrolled) > div.sticky.top-0 > header {
  background: transparent !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: none;
}
body[data-template="home"]:not(.bx-scrolled) > div.sticky.top-0 > header nav > el-dialog > button,
body[data-template="home"]:not(.bx-scrolled) > div.sticky.top-0 > header nav > ul svg,
body[data-template="home"]:not(.bx-scrolled) > div.sticky.top-0 > header ul > li > a[href$="/cart"] { color: #FFFFFF; }
body[data-template="home"]:not(.bx-scrolled) > div.sticky.top-0 > header nav > div > a > img { filter: brightness(0) invert(1); }

/* بالكمبيوتر مثل شوبيفاي: زر القائمة بدال الروابط، والشعار 100 بكسل، وبدون زر الحساب */
@media (min-width: 1024px) {
  body > div.sticky.top-0 > header { padding-block: 15px; }
  body > div.sticky.top-0 > header nav { min-height: 100px; }
  body > div.sticky.top-0 > header nav > div > ul,
  #header-login-btn, #header-profile-btn { display: none !important; }
  body > div.sticky.top-0 > header nav > el-dialog > button { display: block !important; }
  /* شعار شوبيفاي بالكمبيوتر 701×100 (صورة ثانية بمسافة أكثر فوق وتحت): نفس حجم الحروف بصورتنا = 93.7 */
  body > div.sticky.top-0 > header nav > div > a > img { height: 93.7px; }
  body > div.sticky.top-0 > header nav > ul { gap: 10px; }
  body > div.sticky.top-0 > header nav > el-dialog > button { margin-inline-start: 6px; }
  #mobile-drawer el-dialog-panel { max-width: 420px; }
}

/* الصفحة «مؤطّرة» مثل شوبيفاي بالكمبيوتر (container--boxed): 4 بكسل من الجنبين من 768، و8 من 1024، وأعرضها 1360؛ الرأس بعرض الشاشة */
@media (min-width: 768px) { #main, #footer { width: min(100% - 8px, 1360px); margin-inline: auto; } }
@media (min-width: 1024px) { #main, #footer { width: min(100% - 16px, 1360px); } }

/* ── البنر قبل ما يشتغل السكربت: بنر زد بنفس الطول، بدون نقاطه وأسهمه ── */
body[data-template="home"] .section-carousel { padding-bottom: 16px; } /* padding: a margin would fold into the next section's */
body[data-template="home"] .section-carousel .embla__slide { min-height: 78vh; min-height: 78dvh; }
.section-carousel [data-carousel-dots], .section-carousel [data-carousel-prev], .section-carousel [data-carousel-next],
.section-carousel [data-carousel-progress], .section-carousel [data-carousel-controls] { display: none !important; }
@media (min-width: 750px) {
  body[data-template="home"] .section-carousel { padding-bottom: 60px; }
  body[data-template="home"] .section-carousel .embla__slide { min-height: 100vh; min-height: 100dvh; }
}

/* ── البنر بالفيديو: سلايدر شوبيفاي (headder) بقياساته ── */
.bx-hero { position: relative; isolation: isolate; display: block; width: 100%; height: 78vh; height: 78dvh; overflow: hidden; background: #000; color: #FFF; direction: ltr; }
.bx-hero *, .bx-hero *::before, .bx-hero *::after { box-sizing: border-box; }
.bx-hero .bx-hero__vp, .bx-hero .bx-hero__track, .bx-hero .bx-hero__slide { width: 100%; height: 100%; }
.bx-hero .bx-hero__vp { position: relative; overflow: hidden; outline: none; touch-action: pan-y; }
.bx-hero .bx-hero__track { position: relative; overflow: hidden; }
.bx-hero .bx-hero__track[data-anim] .bx-hero__slide[data-motion] { transition: transform 450ms ease; }
.bx-hero .bx-hero__slide { position: absolute; inset: 0; overflow: hidden; background: #000; visibility: hidden; pointer-events: none; transform: translate3d(100%, 0, 0); will-change: transform; }
.bx-hero .bx-hero__track:not([data-ready]) .bx-hero__slide:first-child,
.bx-hero .bx-hero__slide[data-active], .bx-hero .bx-hero__slide[data-motion] { visibility: visible; }
.bx-hero .bx-hero__track:not([data-ready]) .bx-hero__slide:first-child, .bx-hero .bx-hero__slide[data-active] { pointer-events: auto; }
.bx-hero .bx-hero__track:not([data-ready]) .bx-hero__slide:first-child { transform: translate3d(0, 0, 0); }
.bx-hero .bx-hero__media, .bx-hero .bx-hero__img, .bx-hero .bx-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.bx-hero .bx-hero__img, .bx-hero .bx-hero__video { display: block; object-fit: cover; object-position: center center; }
.bx-hero .bx-hero__video { opacity: 0; pointer-events: none; }
.bx-hero .bx-hero__slide[data-ready] .bx-hero__video { opacity: 1; }
.bx-hero .bx-hero__slide[data-failed] .bx-hero__video { display: none; }
.bx-hero .bx-hero__content { position: absolute; z-index: 2; right: 12px; left: 12px; bottom: 106px; color: #FFF; text-align: center; }
.bx-hero .bx-hero__h { margin: 0; color: inherit; font-family: 'Playfair Display', Georgia, serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.2; letter-spacing: -0.02em; text-transform: none; }
.bx-hero .bx-hero__links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px; margin-top: 12px; }
.bx-hero .bx-hero__link { color: inherit; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 17px; text-decoration: underline; text-underline-offset: 3px; }
.bx-hero .bx-hero__prog { position: absolute; z-index: 3; right: 12px; bottom: 9px; left: 12px; display: grid; grid-template-columns: repeat(var(--bx-n), minmax(0, 1fr)); gap: 4px; }
.bx-hero .bx-hero__ind { display: flex; align-items: flex-end; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; cursor: pointer; -webkit-appearance: none; appearance: none; }
.bx-hero .bx-hero__line { display: block; width: 100%; height: 1px; overflow: hidden; background: #858585; }
.bx-hero .bx-hero__fill { display: block; width: 100%; height: 100%; background: #FFF; transform: scaleX(0); transform-origin: left center; }
.bx-hero :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.bx-hero .bx-hero__vp:focus-visible { outline-offset: -4px; }
@media (min-width: 750px) {
  .bx-hero { height: 100vh; height: 100dvh; }
  .bx-hero .bx-hero__content { bottom: 113px; }
  .bx-hero .bx-hero__h { font-size: 24px; }
  .bx-hero .bx-hero__links { gap: 12px; margin-top: 14px; }
  .bx-hero .bx-hero__link { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 23px; border: 1px solid currentColor; border-radius: 999px; font-size: 12px; line-height: 1; text-decoration: none; }
  .bx-hero .bx-hero__prog { right: 32px; bottom: 32px; left: 32px; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .bx-hero .bx-hero__track[data-anim] .bx-hero__slide[data-motion] { transition: none; }
}

/* أقسام زد اللي رسم السكربت مكانها: محتواها يختفي ويبقى القسم نفسه بمسافات شوبيفاي (empty_space: 46 بالجوال و57 بالكمبيوتر) */
section.bx-done > .theme-container, #footer.bx-done > .theme-container { display: none !important; }
section.bx-done:not(.section-carousel) { padding: 0 !important; background: transparent; }
section[section-id="0c87f192-c33a-4b72-87f2-3ad76e50c113"].bx-done { margin-top: 46px; }
section[section-id="e1fe4234-8243-4519-ac55-6cfc4a746b31"].bx-done { margin-top: 46px; }
section[section-id="1b1c4649-c66f-4d02-879a-0de2ed55f7a7"].bx-done { margin-top: 92px; }
@media (min-width: 750px) {
  section[section-id="0c87f192-c33a-4b72-87f2-3ad76e50c113"].bx-done,
  section[section-id="e1fe4234-8243-4519-ac55-6cfc4a746b31"].bx-done { margin-top: 57px; }
  section[section-id="1b1c4649-c66f-4d02-879a-0de2ed55f7a7"].bx-done { margin-top: 114px; }
}

/* ── «أفضل»: PRODUCT VIEW من شوبيفاي (testmanualprod) ── */
.bx-lb { background: #F4F4F6; color: #111; font-family: 'Noto Kufi Arabic', sans-serif; padding-block: 16px 28px; width: 100%; }
.bx-lb, .bx-lb * { box-sizing: border-box; }
.bx-lb a { color: inherit; text-decoration: none; }
.bx-lb p { margin: 0; }
.bx-lb [hidden] { display: none !important; }
.bx-lb .bx-lb__in { margin: 0 auto; max-width: 1440px; width: 100%; }
.bx-lb .bx-lb__head { display: flex; align-items: flex-start; justify-content: space-between; direction: rtl; font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 1.2; padding-inline: 18px; text-transform: uppercase; }
.bx-lb .bx-lb__more sup { font-size: 8px; line-height: 1; margin-inline-start: 2px; position: relative; top: -0.15em; vertical-align: super; }
.bx-lb .bx-lb__vp { margin: 44px auto 0; max-width: 960px; outline: none; touch-action: pan-y; width: 100%; }
.bx-lb .bx-lb__slide:not([hidden]) { animation: bx-fade 220ms ease-out; }
@keyframes bx-fade { from { opacity: 0.35; } to { opacity: 1; } }
.bx-lb .bx-lb__media { aspect-ratio: 7 / 9; background: #F4F4F6; overflow: hidden; position: relative; width: 100%; max-width: 100%; }
.bx-lb .bx-lb__mlink, .bx-lb .bx-lb__img { display: block; height: 100%; width: 100%; max-width: none; }
.bx-lb .bx-lb__img { object-fit: cover; object-position: 50% 50%; }
.bx-lb .bx-lb__det { display: flex; align-items: flex-start; justify-content: space-between; font-size: 12px; line-height: 1.2; min-height: 48px; padding: 11px 18px 0; }
.bx-lb .bx-lb__copy { min-width: 0; padding-inline-end: 16px; }
.bx-lb .bx-lb__t, .bx-lb .bx-lb__p { overflow-wrap: anywhere; }
.bx-lb .bx-lb__view { flex: 0 0 auto; text-transform: uppercase; }
.bx-lb .bx-lb__view:hover, .bx-lb .bx-lb__more:hover { text-decoration: underline; text-underline-offset: 3px; }
/* the small photos: every size written out. The row was sized by its content (max-content, an auto margin, flex-basis only),
   which Safari measured before the photos had loaded and drew out of sight until the phone was turned (the owner, 5 November,
   twice). Now the strip is a flex row that scrolls; the row's own auto margin puts it at the right end when it fits and is
   nothing when it does not, so a long row scrolls from the first photo */
.bx-lb .bx-lb__ts { direction: ltr; display: flex; margin-top: 17px; overflow-x: auto; overflow-y: hidden; padding: 0 18px 4px; scrollbar-width: none; }
.bx-lb .bx-lb__ts::-webkit-scrollbar { display: none; }
.bx-lb .bx-lb__thumbs { display: flex; flex: none; gap: 8px; margin-left: auto; width: max-content; }
.bx-lb .bx-lb__thumb { -webkit-appearance: none; appearance: none; background: transparent; border: 0; border-radius: 0; color: inherit; cursor: pointer; display: block; flex: none; height: clamp(48px, 13.5vw, 68px); padding: 0; width: clamp(40px, 11vw, 56px); }
.bx-lb .bx-lb__thumb img { display: block; height: 100%; max-width: none; object-fit: cover; opacity: 0.55; transition: opacity 160ms ease; width: 100%; }
.bx-lb .bx-lb__thumb[aria-selected="true"] img { opacity: 1; }
@media (hover: hover) { .bx-lb .bx-lb__thumb:hover img { opacity: 1; } }
.bx-lb .bx-lb__thumb:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }
@media (min-width: 750px) {
  .bx-lb { padding-block: 32px 48px; }
  .bx-lb .bx-lb__head { padding-inline: 60px; }
  .bx-lb .bx-lb__vp { margin-top: 56px; }
  .bx-lb .bx-lb__media { aspect-ratio: 1 / 1; }
  .bx-lb .bx-lb__det { padding-inline: 0; }
  .bx-lb .bx-lb__ts { margin-inline: auto; max-width: 960px; padding-inline: 0; }
  .bx-lb .bx-lb__thumb { height: 72px; width: 60px; }
}

/* ── «احدث»: شريط شوبيفاي (COOL) ── */
.bx-rk { background: #F4F4F6; color: #111; padding-block: 16px 28px; width: 100%; }
.bx-rk, .bx-rk * { box-sizing: border-box; }
.bx-rk a { color: inherit; text-decoration: none; }
.bx-rk h3, .bx-rk p { margin: 0; }
.bx-rk .bx-rk__in { margin: 0 auto; max-width: 1920px; width: 100%; }
.bx-rk .bx-rk__head { display: flex; align-items: flex-start; justify-content: space-between; direction: rtl; font-family: 'Noto Kufi Arabic', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 1.2; padding-inline: 18px; }
.bx-rk .bx-rk__h sup { font-size: 8px; line-height: 1; margin-inline-start: 2px; position: relative; top: -0.25em; vertical-align: super; }
.bx-rk .bx-rk__h:hover, .bx-rk .bx-rk__more:hover { text-decoration: underline; text-underline-offset: 3px; }
.bx-rk .bx-rk__rail { direction: ltr; display: flex; gap: 12px; margin-top: 28px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 0 12px 4px; scrollbar-width: none; width: 100%; }
.bx-rk .bx-rk__rail::-webkit-scrollbar { display: none; }
.bx-rk .bx-rk__card { direction: ltr; flex: 0 0 clamp(100px, calc((100vw - 48px) / 3), 120px); min-width: 0; text-align: start; }
.bx-rk .bx-rk__media { background: #F4F4F6; height: 180px; overflow: hidden; position: relative; width: 100%; }
.bx-rk .bx-rk__img { display: block; height: 100%; width: 100%; max-width: none; object-fit: contain; }
.bx-rk .bx-rk__copy { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; letter-spacing: -0.02em; padding-inline: 8px; }
.bx-rk .bx-rk__copy h3 { color: #111; font: inherit; overflow-wrap: anywhere; }
.bx-rk .bx-rk__copy p { color: #858585; overflow-wrap: anywhere; }
@media (min-width: 750px) {
  .bx-rk { padding-block: 32px 48px; }
  .bx-rk .bx-rk__head { padding-inline: 60px; }
  .bx-rk .bx-rk__h { font-size: 18px; line-height: 22px; }
  .bx-rk .bx-rk__h sup { font-size: 11px; }
  .bx-rk .bx-rk__more { margin-top: 8px; }
  .bx-rk .bx-rk__rail { gap: 24px; margin-top: 4px; padding-inline: 36px; }
  .bx-rk .bx-rk__card { flex-basis: 390px; }
  .bx-rk .bx-rk__media { height: 540px; }
  .bx-rk .bx-rk__copy { font-size: 12px; line-height: 16px; padding-inline: 48px; }
}

/* ── الأسئلة اللي تنفتح: INFOER من شوبيفاي ── */
.bx-acc { background: #F4F4F2; color: #111; direction: rtl; margin: 0 auto; max-width: 760px; padding: 40px 20px 40px; text-align: right; width: 100%; }
.bx-acc * { box-sizing: border-box; }
.bx-acc .bx-acc__item { border-bottom: 1px solid #E5E5E5; }
.bx-acc .bx-acc__sum { cursor: pointer; display: block; font-size: 14px; font-weight: 400; line-height: 1.1; list-style: none; min-height: 52px; padding: 17px 24px 15px 0; position: relative; }
.bx-acc .bx-acc__sum::-webkit-details-marker { display: none; }
.bx-acc .bx-acc__sum::after { content: '+'; font-size: 20px; font-weight: 300; line-height: 1; position: absolute; right: 2px; top: 15px; }
.bx-acc .bx-acc__item[open] .bx-acc__sum::after { content: '−'; }
.bx-acc .bx-acc__body { font-size: 13px; line-height: 1.5; padding: 0 0 20px; }
.bx-acc .bx-acc__body p { margin: 0; }
@media (min-width: 750px) {
  .bx-acc .bx-acc__sum { font-size: 16px; }
  .bx-acc .bx-acc__body { font-size: 14px; }
}

/* ── الفوتر: BRONCFOOTER من شوبيفاي، وفوقه شريط 40 بكسل بلون الصفحة (قسم المسافة الفاضية في مجموعة فوتر شوبيفاي) ── */
#footer.bx-done { padding: 40px 0 0 !important; background: #F4F4F2; }
@media (min-width: 768px) { #footer.bx-done { padding-top: 45px !important; } }
@media (min-width: 1024px) { #footer.bx-done { padding-top: 55px !important; } }
.bx-ft { background: #F2F4F5; color: #111; padding: 40px 20px 32px; width: 100%; }
.bx-ft * { box-sizing: border-box; }
.bx-ft .bx-ft__in { direction: rtl; margin: 0 auto; max-width: 1400px; text-align: right; width: 100%; }
.bx-ft .bx-ft__brand { font-size: 13px; font-weight: 600; letter-spacing: 0.04em; line-height: 1.1; margin: 0 0 28px; text-transform: uppercase; }
.bx-ft .bx-ft__cols { display: flex; flex-direction: column; gap: 40px; }
.bx-ft .bx-ft__menu { display: flex; flex-direction: column; gap: 16px; }
.bx-ft .bx-ft__desc { font-size: 13px; line-height: 1.45; margin: 0 0 24px; max-width: 460px; }
.bx-ft .bx-ft__soc { display: flex; flex-wrap: wrap; gap: 16px 22px; }
.bx-ft .bx-ft__link { color: inherit; display: inline-block; font-size: 13px; line-height: 18px; text-decoration: none; width: fit-content; }
.bx-ft a.bx-ft__link:hover { text-decoration: underline; text-underline-offset: 3px; }
.bx-ft .bx-ft__cert { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; margin-top: 40px; }
.bx-ft .bx-ft__cert img { display: block; height: 48px; object-fit: contain; width: 48px; }
.bx-ft .bx-ft__ct { font-size: 13px; font-weight: 600; margin: 0; }
.bx-ft .bx-ft__cn { font-size: 12px; margin: 2px 0 0; opacity: 0.65; }
.bx-ft .bx-ft__div { background: #D7D9DA; height: 1px; margin: 48px 0 24px; width: 100%; }
.bx-ft .bx-ft__copy { font-size: 12px; margin: 0; opacity: 0.55; text-align: center; }
@media (min-width: 750px) {
  .bx-ft { padding: 64px 40px 48px; }
  .bx-ft .bx-ft__cols { flex-direction: row-reverse; justify-content: space-between; }
  .bx-ft .bx-ft__menu, .bx-ft .bx-ft__social { flex: 0 0 auto; }
  .bx-ft .bx-ft__copy { text-align: right; }
}

/* ── صفحة المنتج: editorial-product-page من شوبيفاي (السكربت يرسمها وينقل لها فورم زد: الخيارات وزر السلة) ── */
section.bx-pdp-done { display: none !important; }
/* قبل ما ترسم الطبقة الصفحة (سكربتها يشتغل بعد سكربتات زد، حوالي 11 ثانية في جوال بطيء): صورة زد الأولى بنفس مقاس ومكان معرض
   الطبقة تحت 990 (عرض الشاشة × 620، بدون حواف ولا زوايا، على #F3F4F6)، والسكربت يعرض نفس النسخة اللي نزّلها زد. فأكبر محتوى في
   الصفحة (LCP) يبقى صورة زد اللي تطلع بدري: صورة أحدث تاخذ مكانه بس لو كانت أكبر. وما ينزل اللي يختفي على كل حال: شريط الصور
   الصغيرة (نسخ أصلية كاملة، 1.2 ميقا لأول صورة في Solva) و«منتجات مشابهة» حق زد (السكربت يقرأ منها البيانات بس) */
body[data-template="product_details"] .product-gallery-thumbs,
body[data-template="product_details"] [data-products-carousel="related-products"] { display: none !important; }
@media (max-width: 989.98px) {
  body[data-template="product_details"] #product-main-section { grid-template-columns: minmax(0, 1fr); }
  body[data-template="product_details"] .product-gallery { background: #F3F4F6; border-radius: 0; margin-inline: calc(50% - 50vw); max-width: none; width: 100vw; }
  body[data-template="product_details"] .product-gallery .product-gallery__slide img { border-radius: 0; height: 620px; object-fit: contain; width: 100%; }
  body[data-template="product_details"] .product-gallery__prev,
  body[data-template="product_details"] .product-gallery__next { display: none; }
}
/* الرأس فوق صورة المنتج (زجاج) مثل شوبيفاي، وبدون قسم «الرئيسية › ...» اللي فوق (مخفي من النسخة 3 وبقت مسافته) */
body[data-template="product_details"] > div.sticky.top-0 { position: fixed; top: 0; left: 0; right: 0; }
body[data-template="product_details"] main > section:has(> nav[aria-label="breadcrumb"]),
body[data-template="product_details"] main > section:has(> div > nav[aria-label="breadcrumb"]) { display: none; }
.bx-pdp { background: #F3F4F6; color: #111; display: block; font-family: 'Noto Kufi Arabic', sans-serif; font-weight: 400; padding-bottom: 72px; width: 100%; }
.bx-pdp, .bx-pdp * { box-sizing: border-box; }
.bx-pdp h1, .bx-pdp h2, .bx-pdp p, .bx-pdp figure { margin: 0; }
.bx-pdp .bx-pdp__hero { display: block; min-width: 0; }
.bx-pdp .bx-pdp__shell { height: 620px; min-width: 0; overflow: hidden; position: relative; }
.bx-pdp .bx-pdp__gal { direction: ltr; display: flex; height: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-x pan-y; width: 100%; }
.bx-pdp .bx-pdp__gal::-webkit-scrollbar, .bx-pdp .bx-pdp__cgal::-webkit-scrollbar { display: none; }
.bx-pdp .bx-pdp__media { align-items: center; display: flex; flex: 0 0 100%; height: 100%; justify-content: center; scroll-snap-align: start; scroll-snap-stop: always; width: 100%; }
.bx-pdp .bx-pdp__media img { display: block; height: 100%; max-width: none; object-fit: contain; width: 100%; }
.bx-pdp .bx-pdp__dots { direction: ltr; bottom: 12px; display: flex; gap: 4px; justify-content: center; left: 50%; max-width: calc(100% - 40px); position: absolute; transform: translateX(-50%); width: max-content; z-index: 2; }
.bx-pdp .bx-pdp__dot { -webkit-appearance: none; appearance: none; background: transparent; border: 0; border-radius: 0; cursor: pointer; height: 28px; padding: 13px 0; width: 21px; }
.bx-pdp .bx-pdp__dot::before { background: rgba(17, 17, 17, 0.24); content: ''; display: block; height: 1px; transition: background-color 160ms ease; width: 100%; }
.bx-pdp .bx-pdp__dot[aria-current="true"]::before { background: #111; }
.bx-pdp .bx-pdp__dot:focus-visible, .bx-pdp a:focus-visible, .bx-pdp summary:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }
.bx-pdp .bx-pdp__info { font-size: 12px; line-height: 1.35; padding: 24px 24px 0; }
.bx-pdp .bx-pdp__sum { margin-bottom: 22px; }
.bx-pdp .bx-pdp__sum h1 { font-size: 16px; font-weight: 400; line-height: 1.25; overflow-wrap: anywhere; color: #111; }
.bx-pdp .bx-pdp__price { font-size: 12px; line-height: 1.35; margin-top: 8px; }
/* فورم زد داخل الصفحة: الخيارات أزرار بإطار للمختار، وبدون الكمية ولا «اشتر الآن» ولا المشاركة */
.bx-pdp #product-form { display: block; }
.bx-pdp #product-form > :not(#product-variants-options):not([data-product-actions]):not(input):not(#checkout_dialog):not(#bank_discounts) { display: none !important; }
.bx-pdp #product-form > * + * { margin-top: 0; }
.bx-pdp .product-options__group { border: 0; min-width: 0; padding: 0 0 24px; }
.bx-pdp .product-options__label { display: block; font-size: inherit; font-weight: 400; margin-bottom: 10px; color: #111; }
.bx-pdp .product-options__list { display: flex; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; list-style: none; }
.bx-pdp .product-options__item { align-items: center; background: transparent !important; border: 1px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; color: #111 !important; cursor: pointer; display: inline-flex; font-size: 12px; min-height: 34px; padding: 3px 8px !important; }
.bx-pdp .product-options__item.active { border-color: #111 !important; }
.bx-pdp .product-options__item[disabled], .bx-pdp .product-options__item.disabled { cursor: not-allowed; opacity: 0.35; }
.bx-pdp [data-product-actions] { background: transparent; bottom: 0; margin: 0 -2px; padding: 8px 0 10px; position: sticky; z-index: 5; gap: 0; }
.bx-pdp [data-product-actions] > div { gap: 0; margin: 0; padding: 0; width: 100%; }
/* زر السلة: نفس زجاج شوبيفاي الشفاف (وصفة assets/chat-widget.js productLook، أرقامها نفسها، فاتح وداكن) */
.bx-pdp { --bcb-bg: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.12) 55%, rgba(255,255,255,.2)); --bcb-fg: #0d0d0f; --bcb-halo: 0 0 4px rgba(255,255,255,.9); --bcb-gl: 1; --bcb-bl: 8px; --bcb-sh: 1; }
@media (prefers-color-scheme: dark) { .bx-pdp { --bcb-bg: linear-gradient(180deg, rgba(60,60,66,.35), rgba(20,20,24,.2) 55%, rgba(40,40,46,.3)); --bcb-fg: #fff; --bcb-halo: 0 0 4px rgba(0,0,0,.7); --bcb-gl: .35; } }
.bx-pdp [data-add-to-cart-form="product-form"], .bx-pdp [data-add-to-cart-form="product-form"]:hover {
  position: relative !important; isolation: isolate; overflow: visible !important; flex: 1 1 100%; width: 100%;
  height: auto !important; min-height: 52px !important; border-radius: 999px !important; border: 0 !important;
  font: 600 15px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Arabic", "Segoe UI", system-ui, sans-serif !important; letter-spacing: -.01em !important;
  color: var(--bcb-fg) !important; text-shadow: var(--bcb-halo) !important; -webkit-tap-highlight-color: transparent;
  background-color: transparent !important;
  background-image: linear-gradient(100deg, rgb(255 255 255 / 0), rgb(255 255 255 / calc(.6 * var(--bcb-sh))), rgb(255 255 255 / 0)), var(--bcb-bg) !important;
  background-repeat: no-repeat !important; background-size: 40% 100%, 100% 100% !important; background-position: -80% 0, 0 0;
  animation: bcb-sheen 1.5s .55s cubic-bezier(.4, 0, .2, 1) both;
  -webkit-backdrop-filter: blur(var(--bcb-bl)) saturate(210%) contrast(1.06); backdrop-filter: blur(var(--bcb-bl)) saturate(210%) contrast(1.06);
  box-shadow: inset 0 1.5px 1px -.5px rgb(255 255 255 / calc(.95 * var(--bcb-sh))), inset 0 -1.5px 2px -1px rgba(0,0,0,.16),
    inset 1.5px 0 2px -1.5px rgb(255 255 255 / calc(.7 * var(--bcb-sh))), inset -1.5px 0 2px -1.5px rgb(255 255 255 / calc(.7 * var(--bcb-sh))),
    inset 0 -8px 14px -10px rgba(0,0,0,.12), 0 .5px 1px rgba(0,0,0,.1), 0 8px 22px -6px rgba(0,0,0,.22) !important;
  transition: transform 160ms cubic-bezier(.23, 1, .32, 1), box-shadow 200ms ease;
}
@keyframes bcb-sheen { to { background-position: 180% 0, 0 0; } }
.bx-pdp [data-add-to-cart-form="product-form"]::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.2px; pointer-events: none; opacity: var(--bcb-sh);
  background: linear-gradient(165deg, rgba(255,255,255,.95), rgba(255,255,255,.3) 32%, rgba(0,0,0,.2) 62%, rgba(255,255,255,.65));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.bx-pdp [data-add-to-cart-form="product-form"]::after { content: ""; position: absolute; left: 14px; right: 14px; top: 3px; height: 44%; border-radius: 999px; pointer-events: none; z-index: -1; opacity: var(--bcb-gl);
  background: linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0)); filter: blur(.3px); }
.bx-pdp [data-add-to-cart-form="product-form"]:active:not(:disabled) { transform: scale(.97); }
@media (hover: hover) and (pointer: fine) {
  .bx-pdp [data-add-to-cart-form="product-form"]:hover:not(:disabled) { transform: translateY(-2px); }
  .bx-pdp [data-add-to-cart-form="product-form"]:hover:active:not(:disabled) { transform: scale(.97); }
}
@media (prefers-reduced-motion: reduce) { .bx-pdp [data-add-to-cart-form="product-form"] { transition: none; animation: none; } }
.bx-pdp .bx-pdp__acc { margin-top: 26px; }
.bx-pdp .bx-pdp__item { border-bottom: 1px solid rgba(17, 17, 17, 0.14); padding: 0; }
.bx-pdp .bx-pdp__item summary { cursor: pointer; display: block; list-style: none; min-height: 52px; padding: 19px 24px 17px 0; position: relative; }
.bx-pdp .bx-pdp__item summary::-webkit-details-marker { display: none; }
.bx-pdp .bx-pdp__item summary::after { content: '+'; font-size: 20px; font-weight: 300; line-height: 1; position: absolute; right: 2px; top: 17px; }
.bx-pdp .bx-pdp__item[open] summary::after { content: '−'; }
.bx-pdp .bx-pdp__body { padding: 0 0 22px; color: #111; font-size: inherit; line-height: 1.35; }
.bx-pdp .bx-pdp__body > * + * { margin-top: 14px; }
.bx-pdp .bx-pdp__body ul, .bx-pdp .bx-pdp__body ol { margin: 0; padding-inline-start: 20px; list-style: disc; }
.bx-pdp .bx-pdp__camp { display: block; margin-top: 88px; width: 100%; }
.bx-pdp .bx-pdp__camp header { align-items: center; display: flex; justify-content: space-between; min-height: 46px; padding: 0 18px; }
.bx-pdp .bx-pdp__camp h2, .bx-pdp .bx-pdp__camp a { color: inherit; font-size: 12px; font-weight: 400; text-decoration: none; }
.bx-pdp .bx-pdp__cgal { direction: ltr; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; width: 100%; }
.bx-pdp .bx-pdp__cgal figure { aspect-ratio: 4 / 5; flex: 0 0 100%; max-width: 100%; scroll-snap-align: start; width: 100%; }
.bx-pdp .bx-pdp__cgal img, .bx-pdp .bx-pdp__cgal video { display: block; height: 100%; max-width: none; object-fit: cover; width: 100%; }
.bx-pdp .bx-pdp__copy { font-size: 12px; line-height: 1.35; padding: 14px 18px 0; }
.bx-pdp .bx-pdp__copy > * + * { margin-top: 12px; }
.bx-pdp .bx-pdp__copy strong { font-weight: 400; } /* خط شوبيفاي هنا ما فيه عريض */
@media (min-width: 990px) {
  .bx-pdp { padding-bottom: 112px; }
  .bx-pdp .bx-pdp__hero { align-items: start; display: grid; grid-template-columns: minmax(0, 2fr) minmax(380px, 1fr); }
  .bx-pdp .bx-pdp__shell { height: 840px; min-height: 620px; }
  .bx-pdp .bx-pdp__info { align-self: start; font-size: 13px; max-height: 100vh; overflow-y: auto; padding: 56px 42px 34px; position: sticky; scrollbar-width: thin; top: 0; }
  .bx-pdp .bx-pdp__sum h1 { font-size: 20px; }
  .bx-pdp .bx-pdp__price { font-size: 13px; }
  .bx-pdp [data-product-actions] { position: static; }
  .bx-pdp .bx-pdp__camp { margin-top: 124px; }
  .bx-pdp .bx-pdp__camp header, .bx-pdp .bx-pdp__copy { padding-left: 40px; padding-right: 40px; }
  .bx-pdp .bx-pdp__copy { font-size: 13px; max-width: 760px; }
}
@media (prefers-reduced-motion: reduce) { .bx-pdp .bx-pdp__gal, .bx-pdp .bx-pdp__cgal { scroll-behavior: auto; } }

/* ── «منتجات مشابهه»: editorial-product-recommendations من شوبيفاي (منتجات زد المشابهة) ── */
.bx-rec { background: #F3F4F6; color: #111; display: block; font-family: Assistant, 'Noto Kufi Arabic', sans-serif; font-weight: 400; margin-top: 96px; padding: 80px 0 100px; width: 100%; }
/* تحت الأسئلة في صفحة المنتج: مكان تقييمات Loox في شوبيفاي (40 و55) */
.bx-pdp-q { margin-bottom: 40px; }
@media (min-width: 750px) { .bx-pdp-q { margin-bottom: 55px; } }
@media (min-width: 990px) { .bx-rec { margin-top: 137px; } }
.bx-rec, .bx-rec * { box-sizing: border-box; }
.bx-rec h2, .bx-rec h3, .bx-rec p { margin: 0; }
.bx-rec .bx-rec__h { font-size: 12px; font-weight: 400; line-height: 1.3; padding: 0 23px 30px; }
.bx-rec .bx-rec__rail { direction: ltr; display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 0 23px 12px; scroll-snap-type: x mandatory; scrollbar-width: none; width: 100%; }
.bx-rec .bx-rec__rail::-webkit-scrollbar { display: none; }
.bx-rec .bx-rec__card { color: inherit; display: block; flex: 0 0 min(240px, calc(100vw - 46px)); min-width: 0; scroll-snap-align: start; text-decoration: none; }
.bx-rec .bx-rec__img { align-items: center; aspect-ratio: 1 / 1.08; display: flex; justify-content: center; overflow: hidden; width: 100%; max-width: 100%; }
.bx-rec .bx-rec__img img { display: block; height: 100%; max-width: none; object-fit: contain; width: 100%; }
.bx-rec .bx-rec__det { padding: 14px 20px 0; direction: ltr; text-align: left; }
.bx-rec .bx-rec__t { font-size: 12px; font-weight: 400; line-height: 1.35; overflow-wrap: anywhere; }
.bx-rec .bx-rec__p { font-size: 12px; line-height: 1.35; }
@media (min-width: 750px) {
  .bx-rec { padding: 96px 0 140px; }
  .bx-rec .bx-rec__h { font-size: 13px; padding-left: 40px; padding-right: 40px; }
  .bx-rec .bx-rec__rail { gap: 24px; padding-left: 40px; padding-right: 40px; }
  .bx-rec .bx-rec__card { flex-basis: 260px; }
  .bx-rec .bx-rec__t, .bx-rec .bx-rec__p { font-size: 13px; }
}

/* ── صفحات المجموعات: صفحات شوبيفاي /pages/<المجموعة> (السكربت يرسمها فوق صفحة تصنيف زد و«جميع المنتجات») ──
   قبل ما يرسم السكربت أقسام زد مخفية (ثانية ونص بالكثير: لو ما اشتغل ترجع)، والبحث (?q=) يرجّعها السكربت على طول (bx-show) */
body[data-template="category_details"] #main > section,
body[data-template="list_products"] #main > section,
body[data-template="pages"] #main > section { visibility: hidden; animation: bx-reveal 0s 1.5s forwards; }
body.bx-show #main > section { visibility: visible; animation: none; }
@keyframes bx-reveal { to { visibility: visible; } }
body.bx-col #main > section.bx-col-done, body.bx-camp #main > section.bx-col-done { display: none !important; }
/* الرأس فوق الصفحة مثل شوبيفاي: ثابت، شفاف فوق المسافة اللي فوق (66 بالجوال و87 بالكمبيوتر)، وزجاج بعدها */
body.bx-col > div.sticky.top-0 { position: fixed; top: 0; left: 0; right: 0; }
body.bx-col:not(.bx-scrolled) > div.sticky.top-0 > header { background: transparent !important; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
/* بالكمبيوتر الرأس 130 بكسل والشرائح على 87 تحته، مثل شوبيفاي — وفي شوبيفاي الشعار ياخذ ضغطة الشريحة اللي تحته.
   هنا الرأس يمرّر الضغط إلا على أزراره وروابطه وقائمته، ورابط الشعار نصه الفوقاني بس (15 إلى 85)، فكل الشرائح تنضغط */
@media (min-width: 1024px) {
  body.bx-col > div.sticky.top-0 { pointer-events: none; }
  body.bx-col > div.sticky.top-0 :is(a, button, input, select, textarea, label, summary, dialog, el-dialog, [popover], [role="button"]) { pointer-events: auto; }
  body.bx-col > div.sticky.top-0 > header nav > div > a > img { pointer-events: none; }
  body.bx-col > div.sticky.top-0 > header nav > div > a::before { content: ''; height: 70px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 709px; }
}
.bx-col { background: #F4F4F2; color: #151515; display: block; font-family: 'Noto Kufi Arabic', sans-serif; font-weight: 400; width: 100%; }
.bx-col, .bx-col * { box-sizing: border-box; }
.bx-col h1, .bx-col h3, .bx-col p, .bx-col figure, .bx-col ul { margin: 0; }
.bx-col .bx-col__sp { height: 66px; }
/* الشرائح (collection-pill-navigation): من اليسار، الصفحة نفسها أول وحدة ومظلّلة */
.bx-chips { background: #F3F4F6; color: #696D73; direction: ltr; display: block; overflow: hidden; width: 100%; }
.bx-chips .bx-chips__scroll { cursor: grab; direction: ltr; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; padding: 4px 12px; scrollbar-width: none; touch-action: pan-x; width: 100%; }
.bx-chips .bx-chips__scroll::-webkit-scrollbar { display: none; }
.bx-chips[data-dragging] .bx-chips__scroll { cursor: grabbing; }
.bx-chips[data-dragging] .bx-chips__a { -webkit-user-select: none; user-select: none; }
.bx-chips .bx-chips__list { align-items: center; display: flex; gap: 10px; list-style: none; margin: 0; min-width: 100%; padding: 0; width: max-content; }
.bx-chips li { flex: 0 0 auto; margin: 0; padding: 0; }
.bx-chips .bx-chips__a { align-items: center; background: transparent; border: 1px solid #D9DDE2; border-radius: 20px; color: #696D73; display: inline-flex; height: 32px; justify-content: center; padding-inline: 12px; text-decoration: none; white-space: nowrap; -webkit-tap-highlight-color: transparent;
  font: 400 10px/1 "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif; }
.bx-chips .bx-chips__a.is-on { background: #E2E5E9; border-color: transparent; color: #33363A; }
.bx-chips .bx-chips__a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
/* صورة المجموعة بعرض الصفحة (مربعة، وBOLD وSLICK بمقاسها)، أو مقطع BORDERS */
.bx-col .bx-col__fig { aspect-ratio: 1; display: block; max-width: 100%; overflow: hidden; width: 100%; }
.bx-col .bx-col__fig img { display: block; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%; width: 100%; }
.bx-col .bx-col__hero { background: #000; height: 83vh; height: 83dvh; overflow: hidden; position: relative; width: 100%; }
.bx-col .bx-col__hero img, .bx-col .bx-col__hero video { display: block; height: 100%; left: 0; max-width: none; object-fit: cover; position: absolute; top: 0; width: 100%; }
.bx-col .bx-col__hero + .bx-ct { margin-top: 15px; }
/* العنوان (collection-intro-editable): Playfair بالنص داخل 340 من اليمين */
.bx-col .bx-ct { background: #F3F4F6; color: #111; padding: 4px 12px; }
.bx-col .bx-ct__in { max-width: min(100%, 340px); text-align: center; }
.bx-col .bx-ct--mid .bx-ct__in { margin-inline: auto; max-width: min(100%, 290px); }
.bx-col .bx-ct__h { direction: ltr; font: 400 20px/1 'Playfair Display', serif; letter-spacing: -0.4px; text-transform: uppercase; }
/* عنوان «الاكثر مبيعاً» و«احدث المنتجات» و«جميع المنتجات» تحت PRODUCT VIEW، والكلام (rich text: يسار، وSLICK بالنص) */
.bx-col .bx-col__h { color: #151515; font-size: 19.98px; font-weight: 400; letter-spacing: -0.02em; line-height: 1.6; text-align: center; }
.bx-col .bx-col__h--1 { font-size: 18.5px; }
.bx-col .bx-col__d { padding: 15px; text-align: left; }
.bx-col .bx-col__d--c { text-align: center; }
.bx-col .bx-col__d p { color: #151515; font-size: 15px; line-height: 1.1; }
.bx-col .bx-col__d strong { font-weight: 400; } /* خط شوبيفاي هنا ما فيه عريض */
.bx-col .bx-col__btn { padding: 15px; text-align: center; }
.bx-col .bx-col__bi { margin-top: 13.5px; text-align: center; }
/* أزرار شوبيفاي العريضة: شوبيفاي ما يحمّل إلا الخط العادي (400)، فالمتصفح يعرّضه بنفسه، وهو أضيق من العريض الحقيقي بحوالي 10%.
   «BX Kufi» نفس ملف قوقل (اللي الصفحة حمّلته أصلاً) بس بوزن 400، فيتعرّض بنفس الطريقة */
@font-face { font-family: 'BX Kufi'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/notokufiarabic/v27/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFlKp.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'BX Kufi'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/notokufiarabic/v27/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOMFFg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.bx-col .bx-col__b { border: 1px solid #151515; border-radius: 5px; color: #151515; display: inline-block; font: 700 14.1667px/1 'BX Kufi', 'Noto Kufi Arabic', sans-serif; padding: 6px 15px 5px; text-decoration: none; text-transform: uppercase; }
.bx-col .bx-col__b:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }
/* المنتجات (collection-product-grid): اثنين بالصف (أربعة من 750)، والصور تنسحب داخل الكرت */
.bx-cg { background: #F3F4F5; color: #111; display: block; padding: 0 12px 72px; width: 100%; }
.bx-cg .bx-cg__items { direction: ltr; display: grid; gap: 72px 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bx-cg .bx-cg__card { direction: ltr; min-width: 0; }
.bx-cg .bx-cg__glink, .bx-cg .bx-cg__det { color: inherit; display: block; text-decoration: none; }
.bx-cg .bx-cg__glink:focus-visible, .bx-cg .bx-cg__det:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }
.bx-cg .bx-cg__gal { aspect-ratio: 185 / 252; direction: ltr; display: flex; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-x pan-y; width: 100%; max-width: 100%; }
.bx-cg .bx-cg__gal::-webkit-scrollbar { display: none; }
.bx-cg .bx-cg__slide { align-items: center; display: flex; flex: 0 0 100%; height: 100%; justify-content: center; margin: 0; scroll-snap-align: start; scroll-snap-stop: always; width: 100%; }
.bx-cg .bx-cg__slide img { display: block; height: 100%; max-width: none; object-fit: contain; width: 100%; }
.bx-cg .bx-cg__det { padding: 8px 16px 0; }
.bx-cg .bx-cg__det h3, .bx-cg .bx-cg__det p { color: inherit; font: 400 11px/1.36 'Noto Kufi Arabic', sans-serif; margin: 0; overflow-wrap: anywhere; text-align: start; }
.bx-cg .bx-cg__det h3 { letter-spacing: -0.02em; }
@media (min-width: 750px) {
  .bx-col .bx-col__sp { height: 87px; }
  .bx-chips .bx-chips__scroll { padding-inline: 60px; }
  .bx-chips .bx-chips__a { font-size: 13px; }
  .bx-col .bx-col__hero { height: 84vh; height: 84dvh; }
  .bx-col .bx-col__hero + .bx-ct { margin-top: 60px; }
  .bx-col .bx-ct { padding: 72px 40px 120px; }
  .bx-col .bx-ct__in, .bx-col .bx-ct--mid .bx-ct__in { margin-inline: 0; max-width: min(100%, 380px); }
  .bx-col .bx-col__h { font-size: 18.5px; }
  .bx-col .bx-col__h--1 { font-size: 24.05px; }
  .bx-col .bx-col__d, .bx-col .bx-col__btn { padding: 20px; }
  .bx-col .bx-col__bi { margin-top: 28px; }
  .bx-col .bx-col__d p { font-size: 16.6667px; }
  .bx-col .bx-col__b { font-size: 15px; }
  .bx-cg { padding: 0 24px 88px; }
  .bx-cg .bx-cg__items { gap: 88px 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bx-cg .bx-cg__det { padding-top: 10px; }
  .bx-cg .bx-cg__det h3, .bx-cg .bx-cg__det p { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .bx-cg .bx-cg__gal { scroll-behavior: auto; } }

/* ── صفحتا الحملة: BORDERS وSLICK (صفحات شوبيفاي /pages/*-campaign، على صفحات زد بنفس العنوان) ──
   الرأس فوق المقطع شفاف وأبيض، ويصير زجاج بعد ما يعدّي، مثل الرئيسية */
body.bx-camp > div.sticky.top-0 { position: fixed; top: 0; left: 0; right: 0; }
body.bx-camp:not(.bx-scrolled) > div.sticky.top-0 > header { background: transparent !important; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
body.bx-camp:not(.bx-scrolled) > div.sticky.top-0 > header nav > el-dialog > button,
body.bx-camp:not(.bx-scrolled) > div.sticky.top-0 > header nav > ul svg,
body.bx-camp:not(.bx-scrolled) > div.sticky.top-0 > header ul > li > a[href$="/cart"] { color: #FFFFFF; }
body.bx-camp:not(.bx-scrolled) > div.sticky.top-0 > header nav > div > a > img { filter: brightness(0) invert(1); }
/* المقطع: مثل بنر الرئيسية بشريحة وحدة؛ BORDERS بطول 83 من الشاشة بالجوال وSLICK 79، و84 بالكمبيوتر */
.bx-hero.bx-hero--one[data-h="83"] { height: 83vh; height: 83dvh; }
.bx-hero.bx-hero--one[data-h="79"] { height: 79vh; height: 79dvh; }
/* صور الموديلز الأربع: 2:3، وحدة تحت الثانية بالجوال، وثلاث بالصف من 750 */
.bx-camp .bx-pb { display: grid; gap: 30px; grid-template-columns: minmax(0, 1fr); margin-top: 16px; padding: 15px; }
.bx-camp .bx-pb__fig { aspect-ratio: 2 / 3; margin: 0; max-width: 100%; overflow: hidden; }
.bx-camp .bx-pb__fig img, .bx-camp .bx-ci__fig img { display: block; height: 100%; max-width: none; object-fit: cover; width: 100%; }
/* كل نظارة: صورتها 4:3 بعرض الصفحة، واسمها، و«اطلب الان» بالنص */
.bx-camp .bx-ci__fig { aspect-ratio: 4 / 3; margin: 0; max-width: 100%; overflow: hidden; width: 100%; }
.bx-camp .bx-ct--item { padding: 0 8px 12px; }
.bx-camp .bx-ct--item .bx-ct__in { text-align: left; }
.bx-camp .bx-ci__btn { text-align: center; }
.bx-camp .bx-ci__rt { padding: 0 15px 9px; }
.bx-camp .bx-ci__h { color: #151515; font: 400 18.5px/1.6 'Noto Serif JP', 'Noto Serif', Georgia, serif; letter-spacing: -0.02em; margin: 0; text-align: start; }
.bx-camp .bx-ci__b { margin-top: 15px; text-align: center; }
/* الزر الأخير الكبير */
.bx-camp .bx-ce { padding: 24px 15px; text-align: center; }
.bx-camp .bx-ce .bx-ce__b { font-size: 16.6667px; padding: 12px 15px 11px; }
@media (min-width: 750px) {
  .bx-hero.bx-hero--one[data-h] { height: 84vh; height: 84dvh; }
  .bx-camp .bx-pb { gap: 40px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 60px; padding: 20px; }
  .bx-camp .bx-ct--item { padding: 72px 40px 120px; }
  .bx-camp .bx-ci__rt { padding: 0 20px 8px; }
  .bx-camp .bx-ci__h { font-size: 24.05px; }
  .bx-camp .bx-ci__b { margin-top: 20px; }
  .bx-camp .bx-ce { padding: 32px 20px; }
  .bx-camp .bx-ce .bx-ce__b { font-size: 37.5px; padding: 12px 30px 11px; }
}

/* ── السلة: editorial-cart-page من شوبيفاي فوق سلة زد (السكربت يحط bx-cart، ويضيف «BAG» وعدده وصفّي الشحن والضريبة وقسم الشحن،
   ويكبّر الصور ويكتب «CHECKOUT - المجموع»). أجزاء زد تبقى حقته: الكمية والحذف وكود الخصم والدفع، وزد يبدّل المنتجات والمجاميع
   والكود بعد كل تغيير، فالتنسيق هنا على أسماء زد نفسه. قبل ما يرسم السكربت السلة مخفية (ثانية ونص بالكثير: لو ما اشتغل ترجع) ── */
body[data-template="cart_page"] #main > section { visibility: hidden; animation: bx-reveal 0s 1.5s forwards; }
body.bx-cart #main > section, body.bx-show[data-template="cart_page"] #main > section { visibility: visible; animation: none; }
/* الرأس مثل المجموعات: ثابت، شفاف فوق المسافة اللي فوق (66 بالجوال و87 من 750)، وزجاج بعدها */
body.bx-cart > div.sticky.top-0 { position: fixed; top: 0; left: 0; right: 0; }
body.bx-cart:not(.bx-scrolled) > div.sticky.top-0 > header { background: transparent !important; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
body.bx-cart #main > section.bx-cart__sp { height: 66px; overflow: hidden; padding: 0 !important; }
body.bx-cart #main > section.bx-cart__sp > * { display: none; }
/* الصفحة: خلفية شوبيفاي وخط النظام (system_ui) 12 بالجوال و13 من 990 */
body.bx-cart .bx-cart__page {
  background: #F3F4F6; color: #111;
  font-family: system_ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px; font-weight: 400; line-height: 1.1; min-height: 70vh; padding: 20px 24px 80px !important;
}
body.bx-cart .bx-cart__page, body.bx-cart .bx-cart__page * { box-sizing: border-box; }
.bx-cart__page > .theme-container { margin: 0; max-width: none; padding: 0; width: 100%; }
.bx-cart__page .bx-bag { display: flex; justify-content: center; margin-bottom: 34px; text-align: center; }
.bx-cart__page .bx-bag h1 { background: #E2E4E5; border-radius: 8px; color: #111; font: 400 18px/30px 'Noto Kufi Arabic', sans-serif; letter-spacing: normal; margin: 0; min-height: 30px; padding: 0 12px; text-transform: none; }
.bx-cart__page .bx-bag sup { font-size: .58em; line-height: 1; margin-inline-start: 1px; vertical-align: super; }
/* عمود المنتجات: بدون «السلة» وعناوين الأعمدة و«متابعة التسوق»، والمنتجات بينها 72 */
.bx-cart__page .cart-with-products > .grid { display: block !important; }
.bx-cart__page .cart-with-products > .grid > div { grid-column: auto !important; min-width: 0; }
.bx-cart__page .cart-with-products > .grid > div:first-child > :is(h1, #progressive_discount, .uppercase, a) { display: none !important; }
.bx-cart__page [data-cart-products-list] { display: grid; gap: 72px; margin: 0 !important; }
.bx-cart__page [data-cart-products-list] > * { margin: 0 !important; }
.bx-cart__page [data-cart-products-list] > p { display: none !important; }
/* كل منتج: صورته يمين (185 عرض و252 طول، كاملة)، واسمه وخياره وسعره وكميته و«حذف» يساره بالنص */
.bx-cart__page .cart-product-item { align-items: center; display: grid !important; gap: 10px !important; grid-template-columns: minmax(0, 185px) minmax(0, 1fr); min-width: 0; }
.bx-cart__page .cart-product-item > a:first-child { align-items: center; border-radius: 0; display: flex; height: 252px; justify-content: center; min-width: 0; overflow: visible; width: auto; }
.bx-cart__page .cart-product-item > a:first-child img { display: block; height: 100%; max-width: none; object-fit: contain; width: 100%; }
.bx-cart__page .cart-product-item > div { display: block !important; min-width: 0; }
.bx-cart__page .cart-product-item > div > div { display: block !important; width: auto !important; }
.bx-cart__page .cart-product-item > div > div.hidden { display: none !important; }
.bx-cart__page .cart-product-item .items-start.justify-between { display: block !important; }
.bx-cart__page .cart-product-item .items-start.justify-between > .min-w-0 { display: block; }
.bx-cart__page .cart-product-item a.line-clamp-2 { color: inherit; display: block; font: inherit; line-height: 1.35; overflow: visible; overflow-wrap: anywhere; text-decoration: none; -webkit-line-clamp: unset; }
.bx-cart__page .cart-product-item .bx-opt { line-height: 1.35; margin: 0; overflow-wrap: anywhere; }
/* السعر مثل شوبيفاي: القديم مشطوب رمادي ثم الجديد، و«SAR» بعد الرقم (زد يبدّل نص «SAR» برمزه، فيكتبه التنسيق) */
.bx-cart__page .cart-product-item .items-start.justify-between > .shrink-0 { align-items: baseline; direction: ltr; display: flex !important; flex-direction: row; gap: 0; justify-content: flex-start; line-height: 1.35; }
.bx-cart__page .cart-product-item .items-start.justify-between > .shrink-0 > p { color: #111; font: inherit; line-height: 1.35; margin: 0; white-space: nowrap; }
.bx-cart__page .cart-product-item .items-start.justify-between > .shrink-0 > p.line-through { color: #666; margin-inline-end: 5px; order: -1; }
.bx-cart__page .cart-product-item .items-start.justify-between > .shrink-0 > p.text-muted { display: none; }
.bx-cart__page .cart-product-item .items-start.justify-between > .shrink-0 > p svg { display: none !important; }
.bx-cart__page .cart-product-item .items-start.justify-between > .shrink-0 > p::after { content: ' SAR'; }
/* الكمية: «الكمية» ثم − والعدد و+، و«حذف» تحتها. العدد نص مثل شوبيفاي: ما ينضغط ولا يوصله التاب (السكربت)، فما يطلع كيبورد
   ولا يكبّر آيفون الصفحة، فيبقى بحجم الكلام بدال 16 الحقول. و− على 1 باهت وما ينضغط، مثل شوبيفاي */
.bx-cart__page .cart-product-item .items-center.justify-between { display: block !important; width: auto !important; }
.bx-cart__page .cart-product-item .items-center.justify-between > p { display: none !important; }
.bx-cart__page .cart-product-item .items-center.justify-between > div:first-child { align-items: center; column-gap: 7px; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; margin-top: 10px; width: auto !important; }
.bx-cart__page .cart-product-item .items-center.justify-between > div:first-child::before { content: var(--bx-qty, "الكمية"); }
.bx-cart__page .qty-input { align-items: center; background: none !important; border: 0 !important; border-radius: 0; box-shadow: none; display: grid !important; gap: 7px; grid-template-columns: 28px minmax(18px, auto) 28px; height: auto !important; padding: 0 !important; width: auto !important; }
.bx-cart__page .qty-input .qty-input-btn { align-items: center; appearance: none; background: transparent !important; border: 0; color: inherit; cursor: pointer; display: flex; font-size: 20px; height: 30px; justify-content: center; line-height: 1; padding: 0; width: 28px; }
.bx-cart__page .qty-input .qty-input-btn svg { display: none; }
.bx-cart__page .qty-input .qty-input-btn[data-qty-action="decrease"]::before { content: '−'; }
.bx-cart__page .qty-input .qty-input-btn[data-qty-action="increase"]::before { content: '+'; }
.bx-cart__page .qty-input .qty-input-btn:disabled, .bx-cart__page .qty-input .qty-input-btn.bx-min { cursor: not-allowed; opacity: .35; pointer-events: none; }
.bx-cart__page .qty-input .qty-input-field { -moz-appearance: textfield; appearance: textfield; background: transparent; border: 0; box-shadow: none; color: inherit; font: inherit; font-size: inherit !important; height: auto; line-height: 1.1; min-width: 18px; padding: 0; pointer-events: none; text-align: center; width: 18px; }
.bx-cart__page .qty-input .qty-input-field::-webkit-inner-spin-button, .bx-cart__page .qty-input .qty-input-field::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.bx-cart__page .cart-product-item .items-center.justify-between > .shrink-0 { display: flex !important; gap: 0; justify-content: flex-start; margin-top: 8px; }
.bx-cart__page .cart-product-item [data-wishlist-btn] { display: none !important; }
.bx-cart__page .cart-product-item [data-action="product-remove"] { align-items: center; appearance: none; background: #E2E4E5 !important; border: 0; border-radius: 4px; color: inherit; cursor: pointer; display: inline-flex; font: inherit; height: auto; line-height: 1.1; min-height: 30px; padding: 6px 10px; width: auto; }
.bx-cart__page .cart-product-item [data-action="product-remove"] svg { display: none; }
.bx-cart__page .cart-product-item [data-action="product-remove"]::before { content: var(--bx-del, "حذف"); }
/* الملخص تحت خط: كود الخصم (زد يحتاجه في السلة، وشوبيفاي ياخذه في الدفع)، ثم المجاميع وزر الدفع وقسم الشحن */
.bx-cart__page .cart-with-products > .grid > div:last-child { border-top: 1px solid #D6D8DA; margin-top: 64px; padding-top: 48px; }
.bx-cart__page .cart-with-products > .grid > div:last-child > .mb-3 { display: none; }
.bx-cart__page .cart-with-products > .grid > div:last-child > .sticky { display: block; position: static; }
.bx-cart__page .cart-with-products > .grid > div:last-child > .sticky > * { border: 0 !important; display: block; padding: 0 !important; }
.bx-cart__page [data-coupon-section] { margin: 0 0 32px; }
.bx-cart__page [data-coupon-section] h3 { display: none; }
.bx-cart__page [data-coupon-form] { display: flex; gap: 8px; margin: 0; }
.bx-cart__page [data-coupon-form] > div { flex: 1 1 auto; min-width: 0; }
.bx-cart__page [data-coupon-input] { background: #FFFFFF; border: 1px solid #D6D8DA; border-radius: 7px; box-shadow: none; color: #111; font: 16px/1.2 system_ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif; height: 44px; padding: 0 12px; width: 100%; }
.bx-cart__page [data-coupon-submit-btn] { background: #E2E4E5 !important; border: 0; border-radius: 7px; box-shadow: none; color: #111 !important; flex: none; font: inherit; height: 44px; min-height: 0; padding: 0 16px; }
.bx-cart__page [data-order-summary-section] { display: block; }
.bx-cart__page [data-order-summary-section] > h3 { display: none; }
.bx-cart__page [data-order-summary] { background: none !important; border-radius: 0; display: block; padding: 0 !important; }
.bx-cart__page [data-cart-totals] { display: grid !important; gap: 5px !important; }
.bx-cart__page [data-cart-totals] > div { align-items: flex-start; display: flex; gap: 20px; justify-content: space-between; line-height: 1.25; }
.bx-cart__page [data-cart-totals] > div > span { color: #111; font: inherit; line-height: 1.25; }
.bx-cart__page [data-cart-totals] > div > :last-child { max-width: 58%; text-align: end; }
.bx-cart__page [data-cart-totals] > div:not(:first-child):not(:last-child):not(.bx-row) > span { color: #666; }
.bx-cart__page [data-cart-totals] > div:last-child { align-items: baseline; margin-top: 20px; }
.bx-cart__page [data-cart-totals] > div:last-child > :last-child { font-size: 20px; font-weight: 400; }
.bx-cart__page [data-cart-totals] svg { display: none !important; }
.bx-cart__page [data-cart-totals] > div:not(.bx-row) > :last-child::after { content: ' SAR'; }
.bx-cart__page [data-checkout-buttons] { display: block; margin-top: 24px; }
.bx-cart__page [data-checkout-buttons] a { align-items: center; background: #111 !important; border: 0; border-radius: 7px; box-shadow: none; color: #FFFFFF !important; display: flex; font-family: inherit; font-size: inherit; font-weight: 600; height: auto; justify-content: center; line-height: 1.1; min-height: 48px; padding: 13px 18px; text-align: center; text-transform: none; width: 100%; }
/* «الشحن والإستبدال والإسترجاع» تحت الزر، مفتوح، مثل شوبيفاي */
.bx-cart__page .bx-cacc { margin-top: 46px; }
.bx-cart__page .bx-cacc details { border-bottom: 1px solid #D6D8DA; }
.bx-cart__page .bx-cacc summary { cursor: pointer; display: block; line-height: 1.1; list-style: none; min-height: 58px; padding: 20px 28px 18px 0; position: relative; }
.bx-cart__page .bx-cacc summary::-webkit-details-marker { display: none; }
.bx-cart__page .bx-cacc summary::after { content: '+'; font-size: 20px; line-height: 1.1; position: absolute; right: 2px; top: 17px; }
.bx-cart__page .bx-cacc details[open] summary::after { content: '−'; }
.bx-cart__page .bx-cacc__c { line-height: 1.35; padding: 0 0 26px; }
.bx-cart__page .bx-cacc__c > p { margin: 0; }
.bx-cart__page .bx-cacc__c > * + * { margin-top: 14px; }
/* السلة الفاضية: «سلتك فارغة.» وزر «الإستمرار فالتسوق» لجميع المنتجات */
.bx-cart__page .cart-empty { min-height: 52vh; padding: 100px 0 !important; text-align: center; }
.bx-cart__page .cart-empty > div { display: block !important; }
.bx-cart__page .cart-empty > div > div:first-child { display: none; }
.bx-cart__page .cart-empty h2 { color: inherit; font: inherit; letter-spacing: normal; line-height: 1.1; margin: 0 !important; }
.bx-cart__page .cart-empty a { background: #111 !important; border: 0; border-radius: 7px; box-shadow: none; color: #FFFFFF !important; display: inline-block; font: inherit; height: auto; line-height: 1.1; margin-top: 22px; min-height: 0; min-width: 220px; padding: 15px 20px; text-decoration: none; }
@media (min-width: 750px) {
  body.bx-cart #main > section.bx-cart__sp { height: 87px; }
}
@media (min-width: 990px) {
  body.bx-cart .bx-cart__page { font-size: 13px; padding: 44px 40px 100px !important; }
  .bx-cart__page .bx-bag h1 { font-size: 20px; }
  .bx-cart__page .cart-with-products > .grid { align-items: start; display: grid !important; gap: 60px !important; grid-template-columns: minmax(0, 1fr) 430px !important; }
  .bx-cart__page [data-cart-products-list] { gap: 44px; }
  .bx-cart__page .cart-product-item { gap: 28px !important; grid-template-columns: minmax(280px, 46%) minmax(220px, 1fr); }
  .bx-cart__page .cart-product-item > a:first-child { height: 300px; }
  .bx-cart__page .cart-with-products > .grid > div:last-child { align-self: start; border-top: 0; margin-top: 0; padding-top: 0; position: sticky; top: 24px; }
}