/* جزرة · الصفحة الرئيسية «اختر اللي يعجبك» — يُلصق في: المظهر ← تخصيص الثيم ← CSS مخصص (يستبدل كل ما في الخانة)
   يشمل: الصفحة الرئيسية + ألوان الهيدر والفوتر وشعار جزرة في كل الصفحات. */
.jz-hero, .jz-hero *, .jz-box, .jz-box * { box-sizing: border-box; }
:root { --jz-green: #29b573; --jz-green-d: #218552; --jz-orange: #f79c24; }
.jz-hero {
  position: relative; overflow: hidden;
  min-height: 100svh; padding: 18px 16px 170px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  color: var(--jz-fg, #fff); background: var(--jz-bg, #14243d); transition: background-color .6s, color .4s;
}
.jz-hero h2 { margin: 0; font-size: clamp(24px, 5vw, 52px); font-weight: 800; line-height: 1.25; color: inherit; }

.jz-stack { position: relative; aspect-ratio: 4/5; width: min(66vw, 38svh, 400px); margin-top: 11%; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.jz-card { position: absolute; inset: 0; border-radius: 22px; overflow: hidden; background: var(--jz-c1); transform-origin: 50% 0;
  transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s, filter .5s; box-shadow: 0 30px 55px -28px #000b; }
.jz-card[data-pos="0"] { will-change: transform; }
.jz-card[data-pos="0"] { z-index: 5; cursor: grab; }
.jz-card[data-pos="1"] { transform: translateY(-5.5%) scale(.92); z-index: 4; filter: brightness(.8); }
.jz-card[data-pos="2"] { transform: translateY(-10.5%) scale(.84); z-index: 3; filter: brightness(.62); }
.jz-card[data-pos="h"] { transform: translateY(-10.5%) scale(.84); z-index: 1; opacity: 0; pointer-events: none; }
.jz-card.is-drag { transition: none; cursor: grabbing; }
.jz-card.is-out { transition: transform .3s ease-in, opacity .3s ease-in; opacity: 0; }
.jz-card img { pointer-events: none; -webkit-user-drag: none; }
/* الصورة اللي ما بدأت تحميل: لا نعرض وصفها النصي */
.jz-card img:not([src]) { visibility: hidden; }
/* صورة المنتج الرئيسية من سلة */
.jz-card__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* صورة المنتج الرئيسية مفرّغة: الشراب يطفو على لون البطاقة */
.jz-card.is-cut .jz-card__photo { object-fit: contain; padding: 10% 12% 14%; filter: drop-shadow(0 18px 16px #0007); transform: rotate(-6deg); }
.jz-card { transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s, filter .5s, background-color .4s; }
.jz-card__tag { position: absolute; top: 12px; inset-inline-end: 14px; font-size: 11px; font-weight: 700; letter-spacing: .2em; opacity: .55; color: var(--jz-cfg); }
.jz-card__tag::before { content: attr(data-tag); }   /* زخرفة فقط: من الـCSS عشان قارئ الشاشة ما يقراها */
.jz-stamp { position: absolute; top: 18px; z-index: 2; padding: 6px 14px; border-radius: 10px; border: 3px solid; font-style: normal; font-weight: 800; font-size: 22px; background: #fff; pointer-events: none; }
.jz-stamp--yes { left: 14px; color: #178a48; transform: rotate(-12deg); opacity: calc(var(--jz-d, 0) * 1.6); }
.jz-stamp--no { right: 14px; color: #c4352a; transform: rotate(12deg); opacity: calc(var(--jz-d, 0) * -1.6); }

/* يسار = لا، يمين = عجبني (اتجاه فعلي في كل اللغات) */
.jz-acts { direction: ltr; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: min(92vw, 520px); margin-top: 16px; }
.jz-info { direction: rtl; flex: 1; min-width: 0; }
.jz-who { font-size: 12px; }
.jz-v { margin: 2px 0 0; font-size: 19px; font-weight: 800; color: inherit; }
.jz-price b { font-size: 17px; }
.jz-price s { margin-inline-start: 8px; font-size: .85em; font-weight: 600; }
.jz-bnpl { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 5px; font-size: 11px; }
.jz-bnpl__logo { display: inline-flex; align-items: center; gap: 3px; height: 20px; padding: 0 5px 0 2px; border-radius: 5px; background: #fff; color: #14213d; }
.jz-bnpl__logo img { height: 14px; width: auto; border-radius: 3px; }
.jz-bnpl__logo b { font-size: 11px; font-weight: 800; letter-spacing: -.01em; }
.jz-act { display: flex; flex-direction: column; align-items: center; gap: 4px; border: 0; background: none; padding: 0; color: inherit; cursor: pointer; }
.jz-act i { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; font-style: normal; font-size: 24px; box-shadow: 0 10px 24px -10px #0008; transition: transform .15s; }
.jz-act:active i { transform: scale(.9); }
.jz-act i svg { width: 44%; height: 44%; }
.jz-act--no i { background: #ffffff2b; backdrop-filter: blur(6px); }
.jz-act--yes i { width: 66px; height: 66px; font-size: 28px; background: var(--jz-acc); color: #fff; }
.jz-act span { font-size: 11px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.jz-at-last .jz-act--no { visibility: hidden; }   /* آخر بطاقة: ما بعدها شيء */
.jz-act kbd { display: none; font: inherit; font-size: 11px; opacity: .7; border: 1px solid currentColor; border-radius: 6px; padding: 0 6px; }

/* تأكيد الإضافة للسلة مع «تراجع» */
.jz-toast { position: fixed; z-index: 75; inset-inline: 16px; bottom: calc(92px + env(safe-area-inset-bottom)); width: fit-content; margin-inline: auto; display: flex; align-items: center; gap: 14px; padding-block: 8px; padding-inline: 18px 8px; border-radius: 999px; background: #14213d; color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 14px 30px -14px #000a; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .2s, transform .25s; }
.jz-toast.is-on { opacity: 1; transform: none; pointer-events: auto; }
.jz-toast button { min-height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: #fff; color: #14213d; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .jz-toast { transition: none; } }
@media (min-width: 900px) { .jz-toast { bottom: 28px; } }

/* شريط «اللي عجبك» */
.jz-box { position: fixed; inset-inline: 0; bottom: 0; z-index: 60; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); background: #fff; color: #14213d;
  border-radius: 20px 20px 0 0; box-shadow: 0 -12px 32px -20px #0007; transform: translateY(110%); transition: transform .45s cubic-bezier(.2,.8,.2,1); text-align: start; }
.jz-box.is-on { transform: none; }
.jz-box__title { display: none; }
.jz-box__row { display: flex; align-items: center; gap: 12px; }
.jz-slots { display: flex; gap: 6px; }
.jz-slot { width: 40px; height: 40px; border-radius: 12px; background: #f3f1ec; overflow: hidden; }
.jz-slot img { width: 100%; height: 100%; object-fit: contain; padding: 3px; }
.jz-slot.is-pop { animation: jz-pop .45s; }
.jz-slot--more { display: grid; place-items: center; font-size: 13px; font-weight: 800; direction: ltr; }
@keyframes jz-pop { 40% { transform: scale(1.15); } }
.jz-sum { flex: 1; min-width: 0; line-height: 1.3; white-space: nowrap; }
.jz-count { display: block; font-size: 11px; opacity: .8; }
.jz-total { display: block; font-size: 17px; font-weight: 800; }
.jz-save { display: block; font-size: 11px; font-weight: 700; color: #1e8a4c; }
.jz-go { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 14px; min-height: 48px; padding: 0 18px; font: inherit; font-size: 14px; font-weight: 800; background: #14213d; color: #fff; cursor: pointer; transition: opacity .2s, transform .15s; }
.jz-go:active { transform: scale(.97); }
.jz-go svg { flex: none; width: 10px; height: 24px; fill: #f79c24; }
.jz-go:disabled { opacity: .35; cursor: default; }
@media (min-width: 900px) {
  .jz-hero { min-height: 640px; padding: 28px 40px 60px; padding-inline-start: 390px; }
  .jz-stack { width: min(24vw, 46svh, 400px); margin-top: 6%; cursor: pointer; }
  .jz-acts { margin-top: 22px; }
  .jz-act i { width: 66px; height: 66px; }
  .jz-act--yes i { width: 78px; height: 78px; }
  .jz-act kbd { display: inline-block; }
  .jz-box { position: absolute; inset-inline: auto; inset-inline-start: 28px; top: 28px; bottom: auto; width: 320px; border-radius: 22px; padding: 22px; transform: none; box-shadow: 0 24px 50px -30px #0008; }
  .jz-box__title { display: block; font-size: 20px; font-weight: 800; margin-bottom: 14px; }
  .jz-box__row { flex-wrap: wrap; gap: 14px; }
  .jz-slots { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .jz-slot { width: auto; height: auto; aspect-ratio: 1; }
  .jz-go { width: 100%; justify-content: center; min-height: 52px; font-size: 16px; }
  .jz-hover-yes .jz-card[data-pos="0"] { --jz-d: .35; }
  .jz-hover-no .jz-card[data-pos="0"] { --jz-d: -.35; }
}
/* بعد كم شراب: «شفت 6 من 13 · تصفّح الكل» */
.jz-at-last .jz-end { cursor: default; }
.jz-end { position: absolute; inset: 0; z-index: 6; display: flex; flex-direction: column; padding: 12px; border-radius: 22px; background: #f4efe6; color: #14213d;
  box-shadow: 0 30px 55px -24px #0009; transition: transform .45s cubic-bezier(.2,.8,.2,1), opacity .3s; animation: jz-in .45s cubic-bezier(.2,.8,.2,1); cursor: grab; }
.jz-end.is-drag { transition: none; }
.jz-end.is-out { opacity: 0; transition: transform .3s ease-in, opacity .3s ease-in; }
.jz-end__grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 5px; flex: 1; min-height: 0; }
.jz-end__grid span { position: relative; overflow: hidden; border-radius: 9px; background: #14213d14; }
.jz-end__grid img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.jz-end__grid .is-seen::after { content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; background: #14213d8c; color: #fff; font-size: 18px; font-weight: 900; }
.jz-end b { margin-top: 10px; font-size: 19px; font-weight: 900; }
.jz-end small { font-size: 12px; opacity: .8; }
.jz-end__go { display: flex; align-items: center; justify-content: center; margin-top: 10px; min-height: 44px; border-radius: 14px; background: #14213d; color: #fff !important; font-size: 15px; font-weight: 900; text-decoration: none; }
.jz-at-end .jz-info { visibility: hidden; }
@keyframes jz-in { from { transform: translateY(14px) scale(.96); opacity: 0; } }

@media (prefers-reduced-motion: reduce) { .jz-hero *, .jz-box * { animation: none !important; transition: none !important; } }

/* ================= أول لقطة قبل الجافاسكربت (الرئيسية والمنتج والتصنيف) =================
   سلة تحمّل هذا الملف آخر الصفحة وتشغّل الجافاسكربت بعد كل سكربتات التتبع.
   فنرسم مكان الصفحة من الـCSS مباشرة (خلفية كحلية بملمس ورق خفيف)، ونخفي محتوى سلة الأصلي والفوتر
   لين تجهز صفحتنا: اللي يختفي ما يُحسب «تحرّك»، فالصفحة ما تنط.
   لو الكود ما اشتغل لأي سبب، كل شيء يرجع طبيعي بعد 10 ثوانٍ. */
:root { --jz-grain: url("data:image/webp;base64,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"); }
body.index:not(.jz-ready) .store-header,
body.product-single:not(.jb-on):not(.jb-off) .store-header,
body.product-index:not(.jc-on):not(.jc-off) .store-header { position: relative; }
body.index:not(.jz-ready) .store-header::after,
body.product-single:not(.jb-on):not(.jb-off) .store-header::after,
body.product-index:not(.jc-on):not(.jc-off) .store-header::after {
  content: ""; display: block; box-sizing: border-box; height: 100svh; overflow: hidden;
  background: #14243d var(--jz-grain) center / cover; animation: jz-reserve 0s 10s forwards;
}
body.index:not(.jz-ready) .store-header::after {
  content: "اختر اللي يعجبك."; padding: 18px 16px 0;
  text-align: center; font-size: clamp(24px, 5vw, 52px); font-weight: 800; line-height: 1.25; color: #fff;
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;   /* خط الجهاز: يظهر فورًا بدون ما ينتظر خط سلة */
}
body.index:not(.jz-ready) main, body.index:not(.jz-ready) .store-footer,
body.product-single:not(.jb-on):not(.jb-off) main, body.product-single:not(.jb-on):not(.jb-off) .store-footer,
body.product-index:not(.jc-on):not(.jc-off) main, body.product-index:not(.jc-on):not(.jc-off) .store-footer { visibility: hidden; animation: jz-reveal 0s 10s forwards; }
/* المحتوى المخفي لين تجهز الصفحة ما يطلب خطوط سلة (كانت تنزل قبل أول ظهور وتأخره)، وأول ما تجهز يرجع لخطه */
body.index:not(.jz-ready) main *, body.index:not(.jz-ready) .store-footer *,
body.product-single:not(.jb-on):not(.jb-off) main *, body.product-single:not(.jb-on):not(.jb-off) .store-footer *,
body.product-index:not(.jc-on):not(.jc-off) main *, body.product-index:not(.jc-on):not(.jc-off) .store-footer *,
.store-header .sr-only { font-family: sans-serif !important; }
@media (max-width: 899px) {
  body.index:not(.jz-ready) .store-header::before {
    content: ""; position: absolute; z-index: 1; left: 0; right: 0; margin: 0 auto;
    width: min(66vw, 38svh, 400px); aspect-ratio: 4 / 5; border-radius: 22px; box-shadow: 0 30px 55px -28px #000b;
    bottom: calc(100svh - 18px - clamp(24px, 5vw, 52px) * 1.25 - (100vw - 32px) * .11 - min(66vw, 38svh, 400px) * 1.25);
    background: #ffffff14;
    animation: jz-reserve-card 0s 10s forwards;
  }
}
@keyframes jz-reserve { to { height: 0; padding: 0; font-size: 0; } }
@keyframes jz-reserve-card { to { display: none; opacity: 0; } }
@keyframes jz-reveal { to { visibility: visible; } }
/* صفحة المنتج: محتوى سلة الأصلي ما يترسم أصلًا قبل صفحتنا (عشان خط الأيقونات وما معه ما ينزل في أول لقطة) */
body.product-single:not(.jb-on):not(.jb-off) .container--product-details { display: none; animation: jz-show 0s 10s forwards; }
@keyframes jz-show { to { display: block; } }
@media (min-width: 900px) {
  body.index:not(.jz-ready) .store-header::after { height: 640px; padding-top: 28px; padding-inline-start: 390px; }
  body.product-single:not(.jb-on):not(.jb-off) .store-header::after, body.product-index:not(.jc-on):not(.jc-off) .store-header::after { height: 640px; }
}

/* ================= الهيدر والفوتر بنفس الاتجاه (كل الصفحات) ================= */
:root { --jz-head: #14243d; --jz-head-fg: #ffffff; }
.store-header { background: var(--jz-head) !important; color: var(--jz-head-fg) !important; transition: background-color .6s, color .4s; }
/* شريط اللغة والبحث: 12 منتج وعملة واحدة، ما نحتاجه */
.store-header .top-navbar { display: none !important; }
/* لون صريح (مو شفاف) حتى يذوب خلفية الشعار حتى في الهيدر الثابت */
.store-header #mainnav, .store-header .main-nav-container, .store-header .inner { background: var(--jz-head) !important; box-shadow: none !important; border-color: #ffffff1a !important; color: inherit !important; }
.store-header a, .store-header button, .store-header i, .store-header b, .store-header span:not(.s-cart-summary-count), .store-header .text-primary { color: inherit !important; }
.store-header .s-user-menu-login-btn svg, .store-header .s-cart-summary-icon svg { fill: currentColor !important; }
/* أيقونتا القائمة والسلة مرسومتين بالـCSS بدل خط أيقونات سلة (268KB): الخط ما ينزل في أول لقطة */
.store-header .sicon-menu, .store-header .sicon-shopping-bag, .store-header .sicon-menu::before, .store-header .sicon-shopping-bag::before { font-family: inherit !important; }
.store-header .sicon-menu::before, .store-header .sicon-shopping-bag::before { content: "" !important; display: inline-block; width: 1em; height: 1em; vertical-align: middle; background: currentColor;
  -webkit-mask: var(--jz-ico) center / contain no-repeat; mask: var(--jz-ico) center / contain no-repeat; }
.store-header .sicon-menu { --jz-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.store-header .sicon-shopping-bag { --jz-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6z'/%3E%3Cpath d='M9 8V7a3 3 0 0 1 6 0v1' stroke-linecap='round'/%3E%3C/svg%3E"); }
/* رمز الريال كذلك (نفس شكل حرفه في خط سلة بالضبط): كان لوحده يحمّل خط الأيقونات كامل (269KB) قبل أول ظهور في كل صفحة */
.sicon-sar, .sicon-sar::before { font-family: inherit !important; }
.sicon-sar::before { content: "" !important; display: inline-block; width: .757em; height: 1em; vertical-align: -.0625em; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 775 1024'%3E%3Cpath d='M482 925Q472 948 465 972.5Q458 997 456 1024L748 961Q759 938 765.5 913.5Q772 889 775 863L482 925ZM748 775Q759 752 765.5 727Q772 702 775 676L547 725V632L748 589Q759 566 765.5 541Q772 516 775 490L547 538V203Q521 218 498 237.5Q475 257 456 280V558L364 577V158Q338 173 315 192Q292 211 273 234V597L69 640Q59 663 52.5 688Q46 713 43 739L273 690V807L26 859Q16 882 9.5 907Q3 932 0 958L258 903Q274 900 287 891Q300 882 309 869L357 799Q360 794 362 787.5Q364 781 364 774V670L456 651V837L748 775Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 775 1024'%3E%3Cpath d='M482 925Q472 948 465 972.5Q458 997 456 1024L748 961Q759 938 765.5 913.5Q772 889 775 863L482 925ZM748 775Q759 752 765.5 727Q772 702 775 676L547 725V632L748 589Q759 566 765.5 541Q772 516 775 490L547 538V203Q521 218 498 237.5Q475 257 456 280V558L364 577V158Q338 173 315 192Q292 211 273 234V597L69 640Q59 663 52.5 688Q46 713 43 739L273 690V807L26 859Q16 882 9.5 907Q3 932 0 958L258 903Q274 900 287 891Q300 882 309 869L357 799Q360 794 362 787.5Q364 781 364 774V670L456 651V837L748 775Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
/* شعار جزرة الأصلي (من ملف الهوية) بدل صورة JPG ذات الخلفية البيضاء:
   الجزرة برتقالية والكتابة بلون الهيدر، حادّ في كل الشاشات */
:root { --jz-logo-carrot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 185'%3E%3Cpath d='M37 28.6C38.2 29 39.4 29.2 40.6 29.7C45.8 31.8 48.8 35.7 49.8 41.1C50.4 44.2 50.2 47.3 49.9 50.3C48.9 62.5 46.4 74.4 43.5 86.2C41.7 93.8 39.6 101.4 37.3 109C37 110 36.7 111 36.1 111.9C33.4 116 27.8 116.2 24.9 112.3C24.3 111.4 23.8 110.5 23.6 109.5C21.7 102.2 19.8 95 17.9 87.7C17.4 85.7 18.4 83.3 20.3 82.2C21.4 81.5 22.7 81.2 24 81.2C25.4 81.2 26.9 81.2 28.3 81.2C28.8 81.2 29.3 81.2 29.8 81.2C30.6 81.1 30.7 81 30.7 80.2C30.7 78.9 30.5 77.7 30.2 76.4C29.5 72.7 28.7 69 28.2 65.2C27.4 60.1 27.1 54.9 27.3 49.7C27.6 44.4 28.3 39.2 29.7 34.1C29.7 33.8 29.8 33.6 29.7 33.3C29.3 33.1 28.8 33.2 28.4 33.3C26.7 33.4 25 33.7 23.4 34.3C20.3 35.4 18.4 37.6 17.7 40.8C17.2 42.9 17 45 17.1 47.1C17.3 52.6 18 58.1 19 63.6C19.5 66.4 20 69.3 20.5 72.1C20.8 73.6 19.9 74.9 18.6 75.2C17.1 75.4 15.9 74.6 15.6 73C14.9 69.6 14.4 66.2 13.7 62.7C12.9 58.4 12.5 54.1 12.2 49.8C12 46.7 12 43.6 12.6 40.6C13.8 34.2 17.9 30.1 24.5 28.8C26.4 28.4 28.4 28.1 30.4 28.1C31.3 28.2 31.7 27.9 32 27.1C33.8 22.9 36.2 19.1 39.3 15.7C41.4 13.4 43.9 11.5 46.7 10.2C47.7 9.7 48.7 9.4 49.8 9.2C51.2 8.9 52.4 9.7 52.8 11C53.1 12.4 52.4 13.7 50.9 14C48.7 14.6 46.8 15.7 45 17.2C41.5 20.2 39 24 37 28.2C37 28.3 36.9 28.4 37 28.6M45.1 46.5C45.1 44.7 45.1 43.3 44.8 42C44.3 39.2 43.1 36.9 40.6 35.4C39.3 34.5 37.9 34 36.3 33.7C35 33.4 35 33.4 34.7 34.7C33.6 38.8 32.9 43.1 32.5 47.3C32.1 52.4 32.3 57.5 32.9 62.6C33.4 66.7 34.2 70.7 35 74.7C35.4 76.7 35.8 78.7 35.7 80.8C35.6 83.7 33.9 85.7 31 86.1C29.8 86.3 28.6 86.4 27.4 86.3C26.2 86.2 24.9 86.1 23.7 86.3C22.8 86.4 22.8 86.4 23 87.3C24.8 94.2 26.6 101.2 28.4 108.2C28.5 108.5 28.7 108.8 28.9 109.1C29.7 110.4 31.2 110.4 31.9 109.1C32.1 108.7 32.3 108.3 32.4 107.9C37.2 91.7 41.4 75.5 43.9 58.8C44.5 54.6 45 50.3 45.1 46.5ZM30 15C30 18.8 29.7 21.3 29.5 23.9C29.4 24.6 28.9 25.1 28.3 25.2C27.6 25.2 26.9 24.7 26.9 24C26.8 23.3 26.8 22.6 26.8 21.9C26.7 18.9 26.6 15.8 26 12.8C25.7 11.6 25.4 10.3 24.9 9.2C24.2 7.6 23.3 6.1 21.8 5.1C21 4.4 20.6 3.5 20.8 2.5C21.1 1.6 21.7 0.9 22.6 0.6C23.6 0.3 24.4 0.6 25.2 1.3C26.8 2.8 27.9 4.7 28.7 6.8C29.8 9.8 30 13 30 15ZM23.2 24.1C23.2 25 22.8 25.7 22 25.8C21.2 25.9 20.6 25.4 20.4 24.5C20 22.8 19.6 21.2 18.9 19.6C18.5 18.6 17.9 17.6 17.1 16.7C15.9 15.3 14.3 14.5 12.4 14.4C11.9 14.4 11.4 14.4 10.9 14.4C9.4 14.3 8.4 13.1 8.5 11.7C8.5 10.3 9.7 9.2 11.2 9.3C15.5 9.6 18.9 11.6 21 15.5C22.2 17.6 22.8 20 23 22.5C23.1 23 23.1 23.6 23.2 24.1Z'/%3E%3C/svg%3E"); --jz-logo-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 185'%3E%3Cpath d='M38.2 157.4C38.2 158.3 38.2 159.3 38 160.2C37.6 162.2 36.7 163.9 35.1 165.3C34.3 166 33.3 166.5 32.2 166.5C31.2 166.5 30.5 166.1 30.2 165.2C30.1 164.5 30.2 163.9 30.9 163.5C31 163.4 31.1 163.2 31.3 163.2C33.6 162.1 34.3 160.1 34.5 157.8C34.5 156.9 34.5 156 34.5 155.1C34.5 150.8 34.5 146.6 34.5 142.4C34.5 142.1 34.5 141.9 34.5 141.6C34.6 140.5 35.4 139.8 36.5 139.9C37.5 139.9 38.2 140.6 38.2 141.7C38.2 144.3 38.2 146.9 38.2 149.5C38.2 150 38.2 150.6 38.2 151.1C38.3 153 39.5 154.4 41.4 154.8C41.9 154.9 42.4 154.9 42.8 154.9C47.3 154.9 51.8 154.9 56.3 154.9C56.5 154.9 56.6 154.9 56.7 154.9C57.2 155 57.3 154.8 57.3 154.3C57.3 153.1 57.1 151.9 56.8 150.8C56.6 149.9 56.2 149.1 55.8 148.3C54.2 145.2 51.7 143.6 48.3 143.4C48.1 143.3 47.8 143.4 47.6 143.3C46.7 143.1 46.1 142.4 46.1 141.5C46.2 140.6 46.9 139.9 47.8 139.9C51.9 139.8 55.4 141.2 58 144.5C59.1 146 59.9 147.8 60.4 149.6C61 151.9 61.3 154.2 61.3 156.5C61.3 157.8 60.6 158.5 59.2 158.5C53.5 158.5 47.9 158.5 42.2 158.5C40.9 158.5 39.7 158.2 38.7 157.5C38.6 157.4 38.5 157.3 38.2 157.4ZM16.2 149.3C16.2 150.5 16.1 151.7 15.8 152.9C15 156.2 12.8 158.2 9.4 158.5C8.3 158.6 7.2 158.5 6.1 158.3C3.9 157.7 2.2 156.4 1.5 154.1C0.3 150.9 0.3 147.6 1.4 144.4C2.7 140.9 5.7 139.1 9.9 139.8C12.6 140.2 14.4 141.8 15.4 144.3C16 145.9 16.2 147.5 16.2 149.3M12.4 149.2C12.3 147.9 12.3 146.6 11.9 145.3C11.5 144.2 10.7 143.5 9.6 143.2C7.4 142.6 5.5 143.6 4.9 145.8C4.3 147.9 4.3 150.1 4.8 152.3C5.3 154.1 6.6 155 8.5 154.9C10.4 154.9 11.6 154 12.1 152.3C12.3 151.3 12.4 150.2 12.4 149.2ZM27.2 150.4C27.2 153.1 27.2 155.8 27.2 158.5C27.2 161.1 26.2 163.3 24.3 165C23.5 165.8 22.5 166.4 21.3 166.5C20.2 166.6 19.5 166.1 19.3 165.2C19.1 164.5 19.2 163.9 19.9 163.5C20 163.4 20.2 163.2 20.4 163.1C22.5 162.1 23.3 160.2 23.5 158C23.5 157.2 23.5 156.3 23.5 155.5C23.5 151.2 23.5 146.8 23.5 142.5C23.5 142.2 23.5 141.9 23.5 141.6C23.6 140.5 24.3 139.8 25.4 139.9C26.5 139.9 27.2 140.6 27.2 141.7C27.2 144.6 27.2 147.5 27.2 150.4L27.2 150.4ZM44.4 180.6C44.8 181.1 45.1 181.6 45.4 182C45.8 182.7 45.7 183.3 45.2 183.6C44.7 183.9 44.2 183.8 43.8 183.2C43.4 182.8 43.1 182.4 42.8 182C42.3 181.3 41.5 181.1 40.7 181.3C40.5 181.3 40.5 181.5 40.5 181.7C40.5 182 40.5 182.4 40.4 182.8C40.3 183.4 39.9 183.8 39.4 183.8C38.9 183.7 38.5 183.3 38.4 182.7C38.4 182.6 38.4 182.5 38.4 182.3C38.4 179.9 38.4 177.5 38.4 175.1C38.4 174 38.7 173.7 39.8 173.7C40.5 173.7 41.2 173.7 41.9 173.7C43.5 173.7 44.9 174.3 45.4 175.8C46 177.4 46 179 44.6 180.4C44.6 180.4 44.5 180.5 44.4 180.6M40.5 177.6C40.5 178 40.5 178.4 40.5 178.8C40.4 179.3 40.6 179.4 41.1 179.4C41.3 179.4 41.5 179.4 41.7 179.4C43.2 179.4 43.7 178.8 43.6 177.4C43.6 176.1 43 175.7 41.3 175.8C40.3 175.8 40.5 175.7 40.5 177.2C40.5 177.3 40.5 177.5 40.5 177.6ZM57.9 177.6C57.9 176.6 57.9 175.7 57.9 174.7C57.9 174.2 58.2 173.8 58.7 173.7C59.2 173.6 59.7 173.9 59.9 174.5C59.9 174.7 59.9 175 59.9 175.3C59.9 177.6 59.9 179.8 59.9 182.1C59.9 182.4 59.9 182.7 59.9 182.9C59.8 183.5 59.3 183.8 58.8 183.7C58.3 183.7 57.9 183.4 57.9 182.8C57.8 182 57.9 181.3 57.9 180.5C57.9 179.7 57.8 179.7 57.1 179.7C56.3 179.7 55.4 179.4 55 179.8C54.5 180.2 54.8 181.2 54.8 181.9C54.7 182.2 54.8 182.6 54.7 182.9C54.6 183.4 54.2 183.8 53.7 183.8C53.2 183.7 52.8 183.4 52.7 182.8C52.7 182.8 52.7 182.7 52.7 182.6C52.7 180 52.7 177.4 52.7 174.8C52.7 174.1 53.1 173.7 53.7 173.7C54.3 173.7 54.7 174.1 54.8 174.7C54.8 175.5 54.8 176.3 54.8 177C54.8 177.4 54.9 177.7 55.3 177.6C56.2 177.6 57 177.7 57.9 177.6ZM14.8 181.9L14.3 181.9C13.2 181.9 13.2 181.9 12.8 182.9C12.5 183.6 12.1 183.9 11.5 183.7C10.9 183.5 10.7 183.1 10.8 182.4C10.9 182.1 11 181.9 11.1 181.6C11.9 179.4 12.7 177.1 13.6 174.9C13.6 174.7 13.7 174.5 13.8 174.2C14.3 173.5 15.2 173.5 15.7 174.2C15.8 174.3 15.8 174.5 15.9 174.6C16.8 177.1 17.7 179.5 18.6 182C18.7 182.2 18.8 182.5 18.8 182.8C18.8 183.3 18.5 183.6 18 183.7C17.5 183.8 17.1 183.6 16.9 183.2C16.7 182.8 16.7 182.2 16.3 182C15.9 181.8 15.3 181.9 14.8 181.9C14.8 181.9 14.8 181.9 14.8 181.9M14.8 177C14.3 178.1 14.1 178.9 13.8 179.8C14.5 179.9 15.1 179.9 15.8 179.8C15.5 178.9 15.2 178.1 14.8 177ZM27.8 181.6C28.8 181.6 29.7 181.6 30.6 181.6C30.8 181.6 31 181.6 31.3 181.6C31.8 181.8 32.1 182.2 32 182.7C31.9 183.3 31.6 183.6 31.1 183.6C30.9 183.6 30.7 183.6 30.5 183.6C29.1 183.6 27.7 183.6 26.4 183.6C25.8 183.6 25.2 183.7 24.9 183.1C24.5 182.5 24.9 182 25.2 181.5C26.2 179.9 27.2 178.4 28.2 176.8C28.4 176.5 28.7 176.2 28.7 175.8C28 175.8 27.3 175.8 26.6 175.8C26.3 175.8 26 175.8 25.7 175.7C25.3 175.7 25 175.4 24.9 174.9C24.8 174.4 25 174.1 25.4 173.8C25.6 173.8 25.7 173.7 25.8 173.7C27.5 173.7 29.2 173.7 30.8 173.7C31.6 173.8 32 174.5 31.7 175.2C31.5 175.5 31.4 175.7 31.2 175.9C30.2 177.5 29.2 179.1 28.2 180.6C28 180.9 27.8 181.1 27.8 181.6ZM4.6 177.9C4.6 178.9 4.7 179.8 4.6 180.7C4.6 182.5 3.3 183.8 1.5 183.8C1.2 183.8 0.9 183.7 0.6 183.6C0.3 183.4 0.1 183.1 0.1 182.7C0.2 182.3 0.3 182 0.7 181.8C0.9 181.8 1.1 181.8 1.4 181.8C2.2 181.6 2.6 181.3 2.6 180.4C2.6 178.7 2.6 177.1 2.6 175.4C2.6 175.2 2.6 174.9 2.6 174.6C2.7 174 3.2 173.7 3.7 173.7C4.2 173.7 4.6 174.1 4.6 174.7C4.7 175.8 4.6 176.9 4.6 177.9L4.6 177.9ZM53.3 162.6C53.3 163.9 52.7 164.7 51.5 164.7C50.4 164.7 49.7 163.9 49.6 162.7C49.6 161.5 50.3 160.7 51.5 160.6C52.6 160.6 53.3 161.4 53.3 162.6ZM38.2 133.9C38.2 135.2 37.5 135.9 36.4 135.9C35.2 135.9 34.6 135.1 34.6 133.9C34.6 132.7 35.3 131.9 36.4 131.9C37.6 131.9 38.2 132.7 38.2 133.9ZM13.1 133.9C13.1 135.2 12.5 135.9 11.3 135.9C10.1 136 9.5 135.2 9.5 134C9.5 132.7 10.1 132 11.3 131.9C12.5 131.9 13.1 132.7 13.1 133.9ZM3.6 133.9C3.6 132.7 4.3 131.9 5.4 131.9C6.6 132 7.3 132.7 7.2 134C7.2 135.2 6.5 136 5.4 136C4.2 135.9 3.6 135.2 3.6 133.9Z'/%3E%3C/svg%3E"); }
.store-header .navbar-brand { position: relative; display: block; width: 22px; height: 66px; flex: none; }
.store-header .navbar-brand img { display: none !important; }
.store-header .navbar-brand::before, .store-header .navbar-brand::after { content: ""; position: absolute; inset: 0;
  -webkit-mask: var(--jz-logo-text) center / contain no-repeat; mask: var(--jz-logo-text) center / contain no-repeat; background: currentColor; }
.store-header .navbar-brand::after { -webkit-mask-image: var(--jz-logo-carrot); mask-image: var(--jz-logo-carrot); background: #f79c24; }
/* الجوال: الشعار في المنتصف تمامًا */
@media (max-width: 1023px) {
  .store-header .navbar-brand { position: absolute; inset: 0; margin: auto !important; width: 20px; height: 60px; }
}

/* ================= الفوتر (قانوني، يبقى في كل الصفحات) ================= */
.store-footer { background: #0b1a3d !important; color: #f4efe6 !important; border-radius: 28px 28px 0 0; margin-top: 28px; overflow: hidden; }
.store-footer .store-footer__inner { background: transparent !important; border: 0 !important; padding-top: 34px !important; }
.store-footer h3, .store-footer a, .store-footer p, .store-footer b, .store-footer span, .store-footer .text-text-grey { color: inherit !important; }
/* عناوين الأقسام: صغيرة وهادية */
.store-footer h3 { font-size: 12px !important; font-weight: 700 !important; letter-spacing: .04em; opacity: .55; margin-bottom: 12px !important; }
/* اسم المتجر = شعار جزرة */
.store-footer .store-footer__inner a.flex h3 { position: relative; font-size: 0 !important; opacity: 1; width: 30px; height: 90px; margin: 0 !important; }
.store-footer .store-footer__inner a.flex h3::before, .store-footer .store-footer__inner a.flex h3::after { content: ""; position: absolute; inset: 0;
  -webkit-mask: var(--jz-logo-text) center / contain no-repeat; mask: var(--jz-logo-text) center / contain no-repeat; background: #f4efe6; }
.store-footer .store-footer__inner a.flex h3::after { -webkit-mask-image: var(--jz-logo-carrot); mask-image: var(--jz-logo-carrot); background: #f79c24; }
/* السجل التجاري والضريبة: بطاقات بيضاء صغيرة */
.store-footer salla-trust-badges, .store-footer .s-trust-badges-wrapper { gap: 10px; }
.store-footer .s-trust-badges-image, .store-footer .load-img-onclick img { background: #fff; border-radius: 10px; padding: 4px; }
.store-footer .text-text-grey, .store-footer .s-trust-badges-label, .store-footer .copyright-text { opacity: .7; }
/* روابط السياسات: صفوف واضحة */
.store-footer .s-menu-footer-list { display: flex; flex-direction: column; }
.store-footer .s-menu-footer-item { display: flex !important; justify-content: space-between; align-items: center; padding: 11px 0 !important; margin: 0 !important; font-size: 15px; border-bottom: 1px solid #ffffff14; }
.store-footer .s-menu-footer-item::after { content: "‹"; opacity: .45; font-size: 18px; }
.store-footer .s-menu-footer-item:hover { opacity: .75; }
/* التواصل: أزرار */
.store-footer .s-contacts-list > div { background: #ffffff0f; border-radius: 14px; padding: 8px 12px; margin-bottom: 8px !important; }
.store-footer .s-social-icon svg, .store-footer .s-contacts-icon svg { fill: currentColor !important; }
.store-footer .s-social-list a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #ffffff12; }
/* طرق الدفع: شرائح بيضاء في النص، وتحتها الحقوق */
.store-footer > div:last-child { display: flex !important; flex-direction: column-reverse; align-items: center; gap: 14px; border-top: 1px solid #ffffff1a; padding: 22px 16px calc(22px + env(safe-area-inset-bottom)) !important; text-align: center; }
.store-footer .s-payments-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.store-footer .s-payments-list-item { display: grid; place-items: center; width: 54px; height: 34px; margin: 0 !important; border-radius: 8px; background: #fff; }
.store-footer .s-payments-list-item img, .store-footer .s-payments-list-wrap img { max-width: 38px; max-height: 14px; background: none; padding: 0; }   /* أصغر من مقاس ملف الشعار الأصلي، فيطلع حاد */
@media (max-width: 899px) { body.index.jz-ready { padding-bottom: 84px; } }   /* الشريط ما يغطي آخر الفوتر */

/* الرئيسية: إخفاء «أحدث المنتجات» الافتراضية (صورها lazy فما تنزل وهي مخفية) */
body.index .s-block--latest-products { display: none !important; }
/* الرئيسية: الشريط يكفي، نخفي إشعار سلة «تمت الإضافة» */
body.index salla-add-product-toast { display: none !important; }
body.index main#main-content.jz-empty { display: none; }
/* ================= صفحة المنتج (كل المنتجات) ================= */
.jb, .jb * { box-sizing: border-box; }
.jb { --ink: #14213d; --cream: #f6efe2; --jb-bg: #1d2433; --jb-fg: #ffffff; color: var(--ink); }
main > .jb { margin-top: 0 !important; }   /* الثيم يحط مسافة بين الأقسام */
/* صفحة سلة الأصلية تبقى في الصفحة (للسلة والخيارات) لكن ما تنعرض */
body.jb-on .container--product-details, body.jb-on .container--breadcrumbs, body.jb-on salla-comments, body.jb-on .s-comments-product,
body.jb-on salla-products-slider[source="related"], body.jb-on .sticky-product-bar, body.jb-on salla-add-product-toast { display: none !important; }

/* البطل: الشراب + «يحلى معه» على لون المجموعة */
.jb-hero { background: var(--jb-bg); color: var(--jb-fg); padding: 14px 0 22px; border-radius: 0 0 28px 28px; transition: background-color .5s, color .5s; }
.jb-title { padding: 0 20px; }
.jb-who { font-size: 12px; }
.jb-title h2 { margin: 2px 0 0; font-size: clamp(30px, 8.6vw, 52px); font-weight: 900; line-height: 1.1; color: inherit; }

.jb-stage { position: relative; }
.jb-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.jb-track::-webkit-scrollbar { display: none; }
.jb-shot { position: relative; flex: 0 0 100%; margin: 0; height: min(46svh, 440px); scroll-snap-align: center; display: flex; align-items: center; justify-content: center; padding: 18px 28px 30px; }
.jb-shot img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.jb-shot i { position: absolute; bottom: 16px; left: 30%; right: 30%; height: 16px; border-radius: 50%; background: radial-gradient(closest-side, #0007, transparent); opacity: 0; }
/* صورة مفرّغة: الشراب يطفو */
.jb-shot.is-cut img { filter: drop-shadow(0 26px 22px #0008); transform: rotate(-6deg); }
.jb-shot.is-cut i { opacity: 1; }
/* صورة عادية: بطاقة */
.jb-shot.is-photo { padding: 10px 40px 24px; }
.jb-shot.is-photo img { border-radius: 20px; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 30px 50px -28px #000c; }
/* مشهد كامل (صورة بخلفيتها، وهو الأساس من أول لحظة عشان الصفحة ما تنط): الصورة من الحافة للحافة، وأسفلها يذوب في لون الصفحة */
.jb--scene .jb-hero { display: flex; flex-direction: column; padding-top: 0; }
.jb--scene .jb-stage { order: 1; }
.jb--scene .jb-title { order: 2; margin-top: -6px; }
.jb--scene .jb-box { order: 3; }
.jb--scene .jb-shot:not(.is-cut) { height: auto; padding: 0; }
.jb--scene .jb-shot:not(.is-cut) img { width: 100%; height: auto; max-height: none; aspect-ratio: 4 / 5; border-radius: 0; box-shadow: none;
  -webkit-mask-image: linear-gradient(transparent, #000 12%, #000 82%, transparent); mask-image: linear-gradient(transparent, #000 12%, #000 82%, transparent); }
.jb--scene .jb-dots { position: absolute; inset-inline: 0; bottom: 14%; margin: 0; }
.jb-dots { display: flex; justify-content: center; gap: 6px; margin-top: -6px; }
.jb-dots i { width: 6px; height: 6px; border-radius: 3px; background: currentColor; opacity: .3; transition: width .25s, opacity .25s; }
.jb-dots i.on { width: 18px; opacity: .9; }

/* «يحلى معه» */
.jb-box { margin: 18px 16px 0; padding: 14px; border-radius: 22px; background: var(--cream); color: var(--ink); box-shadow: 0 24px 40px -26px #000c, inset 0 -6px 0 #e7dcc8; }
.jb-box__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.jb-box__head b { font-size: 16px; font-weight: 900; }
.jb-box__head span { font-size: 12px; font-weight: 700; opacity: .8; }
.jb-slots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.jb-slot { position: relative; height: 118px; padding: 8px 4px 22px; border: 0; border-radius: 16px; background: #fff; box-shadow: inset 0 3px 8px #0000001c; display: grid; place-items: center; font: inherit; color: inherit; cursor: pointer; overflow: hidden; transition: transform .2s; }
.jb-slot:disabled { background: #fff8; cursor: default; }
.jb-slot img { max-height: 82px; max-width: 86%; object-fit: contain; border-radius: 10px; transition: opacity .25s, filter .25s, transform .3s; }
.jb-slot img.is-cut { border-radius: 0; transform: rotate(-10deg); }
.jb-slot:not(.is-in) img { opacity: .3; filter: grayscale(.4); }
.jb-slot small { position: absolute; inset-inline: 4px; bottom: 5px; font-size: 10px; font-weight: 800; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; opacity: .85; }
.jb-slot i { position: absolute; top: 7px; inset-inline-start: 7px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-weight: 900; font-size: 14px; background: var(--ink); color: #fff; }
.jb-slot.is-in i { background: #1e8a4c; }
.jb-slot em { position: absolute; top: 7px; inset-inline-end: 7px; font-style: normal; font-size: 10px; font-weight: 900; padding: 2px 8px; border-radius: 999px; background: var(--jb-bg); color: var(--jb-fg); }
.jb-slot.is-pop img { animation: jb-drop .45s cubic-bezier(.2,.9,.3,1.3); }
.jb-slot.is-scene { padding: 0; }
.jb-slot.is-scene img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; border-radius: 16px; }
.jb-slot.is-scene small { inset-inline: 0; bottom: 0; padding: 16px 6px 6px; border-radius: 0 0 16px 16px; background: linear-gradient(transparent, #000a); color: #fff; opacity: 1; }
@keyframes jb-drop { from { transform: translateY(-30px) rotate(-22deg); } }
.jb-slot:active { transform: scale(.96); }

/* تحت البطل */
.jb-inst { margin: 0 0 18px; border-radius: 18px; background: #f3f1ec; }
.jb-inst summary { display: flex; align-items: center; gap: 8px; padding: 12px 14px; list-style: none; cursor: pointer; font-size: 14px; font-weight: 800; }
.jb-inst summary::-webkit-details-marker { display: none; }
.jb-inst summary::after { content: "+"; margin-inline-start: auto; font-size: 18px; line-height: 1; opacity: .6; }
.jb-inst[open] summary::after { content: "–"; }
.jb-inst__logos { display: inline-flex; gap: 6px; font-style: normal; }
.jb-inst__logos b { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 8px 0 3px; border-radius: 8px; background: #fff; font-size: 12px; font-weight: 900; color: #14213d; box-shadow: 0 1px 0 #14213d14; }
.jb-inst__logos b.is-tabby { padding: 0 3px; }
.jb-inst__logos img { height: 14px; width: auto; border-radius: 4px; }
.jb-inst > salla-installment { display: block; padding: 0 12px 12px; }
.jb-inst .mb-5 { margin-bottom: 10px !important; }
.jb-more { max-width: 760px; margin: 0 auto; padding: 18px 16px 8px; }
body.jb-on { padding-bottom: 84px; }   /* مكان شريط الشراء تحت الفوتر */
.jb-facts { margin: 0 0 18px; font-size: 13px; font-weight: 700; opacity: .8; text-align: center; }
.jb-rev h3, .jb-other h3 { margin: 0 0 10px; font-size: 18px; font-weight: 900; }
.jb-rev h3 i { font-style: normal; color: #f79c24; }
.jb-rev h3 span { font-size: 12px; font-weight: 600; opacity: .8; }
.jb-rev__row, .jb-other__row { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
.jb-rev__row::-webkit-scrollbar, .jb-other__row::-webkit-scrollbar { display: none; }
.jb-rev figure { flex: 0 0 76%; scroll-snap-align: start; margin: 0; padding: 14px 16px; border-radius: 18px; background: #f3f1ec; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; }
.jb-rev blockquote { margin: 0; font-size: 15px; font-weight: 800; line-height: 1.6; }
.jb-rev figcaption { font-size: 12px; opacity: .8; unicode-bidi: plaintext; }
.jb-desc { margin: 22px 0; border-top: 1px solid #14213d1f; border-bottom: 1px solid #14213d1f; }
.jb-desc summary { padding: 14px 0; font-weight: 900; cursor: pointer; list-style: none; display: flex; justify-content: space-between; }
.jb-desc summary::-webkit-details-marker { display: none; }
.jb-desc summary::after { content: "+"; font-size: 20px; line-height: 1; }
.jb-desc[open] summary::after { content: "–"; }
.jb-desc .product__description { padding: 0 0 14px !important; }
.jb-other a { flex: 0 0 38%; max-width: 190px; scroll-snap-align: start; color: inherit; text-decoration: none; }
.jb-other a span { display: grid; place-items: center; height: 150px; border-radius: 18px; background: var(--jb-c, #e9e4da); margin-bottom: 6px; overflow: hidden; transition: background-color .4s; }
.jb-other a span img { max-height: 120px; max-width: 80%; object-fit: contain; transform: rotate(-8deg); filter: drop-shadow(0 12px 10px #0007); }
.jb-other a.is-photo span img { max-height: none; max-width: none; width: 100%; height: 100%; object-fit: cover; transform: none; filter: none; }
.jb-other b { display: block; font-size: 14px; font-weight: 900; }
.jb-other small { font-size: 12px; opacity: .8; }

/* شريط الشراء: نفس شريط الرئيسية */
.jb-bar { position: fixed; inset-inline: 0; bottom: 0; z-index: 60; display: flex; align-items: center; gap: 12px; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); background: #fff; color: var(--ink); border-radius: 20px 20px 0 0; box-shadow: 0 -12px 32px -20px #0007; }
.jb-sum { flex: 1; min-width: 0; line-height: 1.25; white-space: nowrap; }
.jb-sum small { display: block; font-size: 11px; opacity: .8; }
.jb-sum b { font-size: 18px; font-weight: 900; }
.jb-sum s { font-size: 12px; opacity: .8; margin-inline-start: 6px; }
.jb-go { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 14px; min-height: 50px; padding: 0 20px; font: inherit; font-size: 15px; font-weight: 900; background: var(--ink); color: #fff; cursor: pointer; transition: opacity .2s, transform .15s, background-color .3s; }
.jb-go:active { transform: scale(.97); }
.jb-go svg { flex: none; width: 10px; height: 24px; fill: #f79c24; }
.jb-go:disabled { opacity: .4; cursor: default; }
.jb-go.is-busy { opacity: .6; }
.jb-go.is-done { background: #1e8a4c; }

@media (min-width: 900px) {
  .jb--scene .jb-hero { display: grid; padding-top: 40px; }
  .jb--scene .jb-shot:not(.is-cut) img { border-radius: 24px; -webkit-mask-image: none; mask-image: none; }
  .jb--scene .jb-dots { position: static; margin-top: 10px; }
  .jb-hero { display: grid; grid-template-columns: 1.2fr 1fr; grid-template-rows: auto 1fr; align-items: center; column-gap: 40px; padding: 40px max(40px, calc(50vw - 600px)) 48px; border-radius: 0 0 40px 40px; }
  .jb-title { grid-column: 2; grid-row: 1; padding: 0; align-self: end; }
  .jb-stage { grid-column: 1; grid-row: 1 / 3; }
  .jb-shot { height: min(68vh, 620px); }
  .jb-box { grid-column: 2; grid-row: 2; align-self: start; margin: 20px 0 0; }
  .jb-slot { height: 150px; }
  .jb-slot img { max-height: 110px; }
  .jb-bar { inset-inline: auto; inset-inline-end: 24px; bottom: 24px; width: 380px; border-radius: 20px; }
  .jb-rev figure { flex-basis: 40%; }
  .jb-other a { flex-basis: 190px; }
}
@media (prefers-reduced-motion: reduce) { .jb * { animation: none !important; transition: none !important; } }
/* ================= صفحة التصنيف «الرفوف» ================= */
.jc, .jc * { box-sizing: border-box; }
.jc { --ink: #14213d; --jc-bg: #14243d; --jc-fg: #ffffff; color: var(--ink); }
main > .jc { margin-top: 0 !important; }
body.jc-on .container--products-list, body.jc-on .container--breadcrumbs, body.jc-on .s-block--testimonials { display: none !important; }

.jc-head { padding: 26px 20px 30px; background: var(--jc-bg); color: var(--jc-fg); transition: background-color .5s, color .5s; }
.jc-head h1 { margin: 0; font-size: clamp(34px, 10vw, 64px); font-weight: 900; line-height: 1.05; color: inherit; }
.jc-head p { margin: 6px 0 0; font-size: 14px; }
.jc-head a { color: inherit; }

/* كل عالم رف بلون صوره */
.jc-shelf { --jc-bg: #e9e4da; --jc-fg: #14213d; padding: 22px 0 26px; background: var(--jc-bg); color: var(--jc-fg); transition: background-color .5s, color .5s; }
.jc-shelf:last-child { border-radius: 0 0 28px 28px; }
.jc-shelf__head { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding: 0 20px 14px; }
.jc-shelf__head h2 { margin: 0; font-size: 24px; font-weight: 900; color: inherit; }
.jc-shelf__head small { font-size: 12px; }
.jc-all { flex: none; border: 0; border-radius: 999px; padding: 10px 16px; font: inherit; font-size: 13px; font-weight: 900; background: var(--jc-fg); color: var(--jc-bg); cursor: pointer; transition: transform .15s, opacity .2s; }
.jc-all s { font-weight: 600; margin-inline-start: 4px; }
.jc-all:active { transform: scale(.96); }
.jc-all:disabled { opacity: .85; cursor: default; }

.jc-row { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 20px 4px; scroll-padding-inline: 20px; }
.jc-row::-webkit-scrollbar { display: none; }
.jc-card { position: relative; flex: 0 0 68%; max-width: 300px; scroll-snap-align: start; border-radius: 22px; overflow: hidden; background: #0002; box-shadow: 0 24px 40px -28px #000c; }
.jc-card > a { display: block; }
.jc-card img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.jc-card__meta { position: absolute; inset-inline: 0; bottom: 0; padding: 40px 16px 14px; background: linear-gradient(transparent, #000b); color: #fff; pointer-events: none; display: flex; flex-direction: column; }
.jc-card__meta b { font-size: 18px; font-weight: 900; }
.jc-card__meta small { font-size: 13px; }
.jc-card__meta s { margin-inline-start: 4px; }
.jc-card.is-out img { filter: grayscale(.8); opacity: .6; }
.jc-add { position: absolute; bottom: 14px; inset-inline-end: 14px; width: 42px; height: 42px; border: 0; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--ink); font: inherit; font-size: 24px; font-weight: 900; line-height: 1; text-decoration: none; box-shadow: 0 8px 18px -8px #000a; cursor: pointer; transition: transform .15s, background-color .3s; }
.jc-add:active { transform: scale(.9); }
.jc-add.is-done { background: #1e8a4c; color: #fff; font-size: 18px; }

/* شريط السلة: نفس شريط الرئيسية، يطلع لما يكون في سلتك شي */
.jc-bar { position: fixed; inset-inline: 0; bottom: 0; z-index: 60; display: flex; align-items: center; gap: 12px; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); background: #fff; color: var(--ink);
  border-radius: 20px 20px 0 0; box-shadow: 0 -12px 32px -20px #0007; transform: translateY(110%); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.jc-bar.is-on { transform: none; }
.jc-sum { flex: 1; min-width: 0; line-height: 1.25; }
.jc-sum small { display: block; font-size: 11px; opacity: .8; }
.jc-sum b { font-size: 18px; font-weight: 900; }
.jc-go { display: inline-flex; align-items: center; gap: 8px; border-radius: 14px; min-height: 50px; padding: 0 20px; font-size: 15px; font-weight: 900; background: var(--ink); color: #fff; text-decoration: none; }
.jc-go svg { width: 10px; height: 24px; fill: #f79c24; }
body.jc-on { padding-bottom: 84px; }

@media (min-width: 900px) {
  .jc-head { padding: 48px max(40px, calc(50vw - 600px)) 40px; }
  .jc-shelf { padding: 36px 0 40px; }
  .jc-shelf__head, .jc-row { padding-inline: max(40px, calc(50vw - 600px)); }
  .jc-row { display: grid; grid-template-columns: repeat(4, 1fr); overflow: visible; }
  .jc-card { max-width: none; }
  .jc-bar { inset-inline: auto; inset-inline-end: 24px; bottom: 24px; width: 360px; border-radius: 20px; }
}
/* ================= صفحة السلة ================= */
body.jk-on .breadcrumbs { display: none !important; }
body.cart:not(.jk-on) main .container { animation: jk-wait 3s steps(1) both; }   /* لا نرمش بالشكل القديم (يرجع لوحده لو صار شي) */
@keyframes jk-wait { from { visibility: hidden; } to { visibility: visible; } }

.jk-head { --jk-bg: #14243d; --jk-fg: #ffffff; padding: 12px 20px 26px; background: var(--jk-bg); color: var(--jk-fg); border-radius: 0 0 28px 28px; transition: background-color .5s, color .5s; }
.jk-head h1 { margin: 0; font-size: clamp(34px, 10vw, 56px); font-weight: 900; line-height: 1.1; color: inherit; }
.jk-head p { margin: 4px 0 0; font-size: 14px; }
body.jk-on main .container > .pt-5 { padding-top: 18px; }

/* كل شراب: بطاقة كريمية */
body.jk-on section.cart-item { position: relative; padding: 10px !important; margin-bottom: 10px; border-radius: 20px !important; background: #f6efe2 !important; box-shadow: none !important; }
body.jk-on section.cart-item > div:first-of-type { display: flex; align-items: center; gap: 12px; margin: 0 !important; }
body.jk-on section.cart-item > div:first-of-type > div:first-child { flex: 1; min-width: 0; gap: 12px; align-items: center; }
body.jk-on section.cart-item a img { width: 78px !important; height: 98px !important; object-fit: cover; border: 0 !important; border-radius: 14px; }
body.jk-on section.cart-item .space-y-1 { min-width: 0; }
.jk-world { display: block; font-size: 12px; opacity: .8; }
body.jk-on section.cart-item h1 { margin: 0; line-height: 1.35 !important; }
body.jk-on section.cart-item h1 a { font-size: 15px !important; font-weight: 900; color: #14213d !important; }
body.jk-on section.cart-item .item-price, body.jk-on section.cart-item #has_discount { color: #14213d !important; font-weight: 800; }
/* المجموع لكل شراب مكرر مع الإجمالي تحت، نخليه هادي */
body.jk-on section.cart-item .border-t { flex-direction: column; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.jk-on section.cart-item .border-t > p { display: none; }
.jk-qty { display: flex; flex-direction: column; align-items: center; width: 40px; padding: 2px 0; border-radius: 14px; background: #fff; font-weight: 900; color: #14213d; }
.jk-qty button { width: 40px; height: 30px; border: 0; background: none; font: inherit; font-size: 19px; line-height: 1; color: inherit; cursor: pointer; }
.jk-qty button:disabled { opacity: .25; cursor: default; }
.jk-qty span { font-size: 15px; }
/* زر الحذف: على زاوية الصورة بدل ما يركب على الكمية */
body.jk-on section.cart-item > span.absolute { top: 4px !important; left: auto !important; right: auto !important; inset-inline-start: 4px !important; z-index: 2; }
body.jk-on section.cart-item button.btn--delete { width: 26px; height: 26px; min-height: 0; padding: 0; border-radius: 50%; background: #fff !important; color: #14213d !important; border: 0 !important; box-shadow: 0 2px 6px -2px #0006; }

/* «يمشي مع…» */
.jk-more { margin: 8px 0 14px; padding: 16px 14px; border-radius: 22px; background: #14243d; color: #fff; }
.jk-more h3 { margin: 0; font-size: 18px; font-weight: 900; color: inherit; }
.jk-more h3 em { font-style: normal; color: #f79c24; }
.jk-more p { margin: 2px 0 12px; font-size: 12px; opacity: .85; }
.jk-more__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.jk-pc { position: relative; min-width: 0; }
.jk-pc > a { display: block; aspect-ratio: 4 / 5; border-radius: 14px; overflow: hidden; background: #ffffff14; }
.jk-pc img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jk-pc button { position: absolute; top: 6px; inset-inline-start: 6px; width: 30px; height: 30px; border: 0; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #14213d;
  font: inherit; font-size: 19px; font-weight: 900; line-height: 1; cursor: pointer; box-shadow: 0 6px 14px -6px #000a; transition: transform .15s; }
.jk-pc button:active { transform: scale(.9); }
.jk-pc button.is-busy { opacity: .6; }
.jk-pc button.is-in { background: #1e8a4c; color: #fff; font-size: 14px; }
.jk-pc small { display: block; margin-top: 6px; font-size: 11px; opacity: .85; }
.jk-pc b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; font-weight: 800; line-height: 1.35; }
.jk-pc span { font-size: 12px; opacity: .85; }

/* الجانب: الشحن المجاني والكوبون وتابي وتمارا */
body.jk-on #free-shipping, body.jk-on #cart-gifting, body.jk-on salla-cart-coupons { box-shadow: none !important; }
body.jk-on #free-shipping { border-radius: 20px !important; border: 1px solid #14213d1a; margin-bottom: 10px; }
body.jk-on #free-shipping .bg-primary, body.jk-on #free-shipping-bar .progress-bg { background: #1e8a4c !important; }
body.jk-on #cart-gifting { border-radius: 20px !important; border: 1px solid #14213d1a; margin-bottom: 10px !important; }
.jk-inst { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; padding: 12px 14px; border-radius: 18px; background: #f3f1ec; font-size: 14px; font-weight: 800; color: #14213d; }
.jk-inst b { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 8px 0 3px; border-radius: 8px; background: #fff; font-size: 12px; font-weight: 900; box-shadow: 0 1px 0 #14213d14; }
.jk-inst b.is-tabby { padding: 0 3px; }
.jk-inst img { height: 14px; width: auto; border-radius: 4px; }
.jk-inst small { margin-inline-start: auto; font-size: 12px; font-weight: 600; opacity: .8; }
.jk-code { margin-bottom: 10px; border-radius: 18px; border: 1px solid #14213d1a; background: #fff; }
.jk-code summary { display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; list-style: none; cursor: pointer; font-size: 14px; font-weight: 800; color: #14213d; }
.jk-code summary::-webkit-details-marker { display: none; }
.jk-code summary::after { content: "+"; font-size: 18px; line-height: 1; opacity: .6; }
.jk-code[open] summary::after { content: "–"; }
.jk-code > div { padding: 0 14px 4px !important; border-radius: 0 0 18px 18px !important; box-shadow: none !important; }
.jk-code .s-cart-coupons-coupon-label { display: none; }

/* شريط الإجمالي وزر «إتمام الطلب» بنفس شريط الموقع */
body.jk-on salla-cart-summary-card.s-cart-summary-card--mobile { border-radius: 20px 20px 0 0; box-shadow: 0 -12px 32px -20px #0007 !important; border: 0 !important; }
body.jk-on salla-cart-summary-card .s-cart-summary-card-bar-total { font-size: 19px; font-weight: 900; color: #14213d; }
body.jk-on #s-cart-summary-card-submit button, body.jk-on salla-cart-summary-card button.s-button-primary {
  min-height: 52px; border-radius: 14px !important; background: #14213d !important; border-color: #14213d !important; color: #fff !important; font-size: 16px; font-weight: 900; }
body.jk-on salla-cart-summary-card .s-button-text { display: inline-flex; align-items: center; gap: 8px; }
body.jk-on salla-cart-summary-card .s-button-text svg { flex: none; width: 10px; height: 24px; fill: #f79c24; }

@media (min-width: 1024px) {
  .jk-head { padding: 40px max(40px, calc(50vw - 600px)) 36px; border-radius: 0 0 40px 40px; }
  .jk-more__row { grid-template-columns: repeat(3, minmax(0, 180px)); gap: 12px; }
}