/* ============================================================
   أقسام الأجهزة والتشكيلات — PITAKA Jordan
   ============================================================ */
.pk-dev{position:relative;overflow:hidden;border-radius:var(--pk-r-lg,16px)}
.pk-dev__in{padding:60px 56px;display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center}
.pk-dev--flip .pk-dev__in{direction:ltr}
.pk-dev--flip .pk-dev__in>*{direction:rtl}
.pk-dev__glow{position:absolute;inset-inline-end:-8%;top:-20%;width:60%;aspect-ratio:1;border-radius:50%;filter:blur(100px);opacity:.45;pointer-events:none}
.pk-dev__badge{display:inline-flex;align-items:center;gap:9px;background:var(--pitaka-lime,#D8FF00);color:#111;border-radius:99px;padding:8px 16px;font-family:var(--pk-cond,'Inter',sans-serif);font-size:11px;font-weight:700;letter-spacing:.14em;direction:ltr}
.pk-dev__badge i{width:7px;height:7px;border-radius:50%;background:#111;display:block;animation:pkBlip 1.6s infinite}
@keyframes pkBlip{0%,100%{opacity:1}50%{opacity:.2}}
.pk-dev__eb{font-family:var(--pk-cond,'Inter',sans-serif);font-size:11px;letter-spacing:.2em;font-weight:600;text-transform:uppercase;direction:ltr;display:block;margin-top:18px;opacity:.62}
.pk-dev__t{font-family:var(--pk-cond,'Inter',sans-serif);font-size:clamp(28px,4.2vw,54px);line-height:1;font-weight:800;letter-spacing:-.025em;margin:10px 0 0;direction:ltr}
.pk-dev__d{font-size:14.5px;line-height:1.95;margin:16px 0 0;max-width:60ch}
.pk-dev__stage{position:relative;display:grid;place-items:center;min-height:500px}
.pk-dev__stage img{max-height:500px;width:auto;filter:drop-shadow(0 44px 64px rgba(0,0,0,.3));transition:opacity .26s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.pk-dev__stage.is-sw img{opacity:0;transform:translateY(16px) scale(.98)}
.pk-swrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pk-sw{width:42px;height:42px;border-radius:50%;padding:0;border:1px solid rgba(128,128,128,.4);background:none;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.pk-sw img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.pk-sw:hover{transform:translateY(-2px)}
.pk-sw.is-on{border-color:currentColor;box-shadow:0 0 0 2px currentColor}
.pk-dev__stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid rgba(128,128,128,.24)}
.pk-dev__stats div b{font-family:var(--pk-cond,'Inter',sans-serif);font-size:21px;font-weight:800;display:block;direction:ltr;unicode-bidi:isolate}
.pk-dev__stats div span{font-size:12px;opacity:.7}
.pk-dev__cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.pk-dev__b1,.pk-dev__b2{display:inline-flex;align-items:center;gap:9px;border-radius:99px;padding:15px 30px;font-size:14px;font-weight:600;text-decoration:none}
.pk-dev__b2{background:transparent;border:1px solid currentColor;color:inherit}
.pk-dev__all{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;text-decoration:none;color:inherit;opacity:.72;border-bottom:1px solid;border-color:inherit;padding-bottom:3px;transition:opacity .2s}
.pk-dev__all:hover{opacity:1}
.pk-dev__n{font-style:normal;font-family:var(--pk-cond,'Inter',sans-serif);font-size:11px;font-weight:700;border:1px solid currentColor;border-radius:99px;padding:1px 8px;direction:ltr;unicode-bidi:isolate}

/* صف كل الألوان — واقف مستقيم، ويلتفّ لسطر جديد بدل التمرير الأفقي.
   flex-direction:column + margin-top:auto على الاسم يجعل كل الصور تبدأ من خط واحد
   حتى لو انكسر اسم لون على سطرين (Sunset 2.0 — California Dream كان يرفع صورته). */
.pk-lu{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:26px 0 24px;align-items:stretch}
.pk-lu__i{flex:0 0 auto;width:168px;text-align:center;display:flex;flex-direction:column;
 transition:transform .45s cubic-bezier(.22,1,.36,1);
 background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.pk-lu__i:hover,.pk-lu__i.is-on{transform:translateY(-8px) scale(1.04);z-index:3}
.pk-lu__i img{width:100%;height:230px;object-fit:contain;object-position:bottom;
 filter:drop-shadow(0 22px 30px rgba(0,0,0,.24));pointer-events:none}
.pk-lu__i.is-on img{filter:drop-shadow(0 26px 34px rgba(0,0,0,.32))}
.pk-lu__i span{display:block;font-family:var(--pk-cond,'Inter',sans-serif);font-size:11.5px;font-weight:600;
 margin-top:11px;opacity:.7;direction:ltr;unicode-bidi:isolate;line-height:1.45}
.pk-lu__i.is-on span{opacity:1}

/* رقم الموديل / اسم اللون */
.pk-swname{display:flex;align-items:baseline;gap:8px;margin-top:13px;min-height:20px}
.pk-swname__k{font-size:11.5px;opacity:.6}
.pk-swname__v{font-family:var(--pk-cond,'Inter',sans-serif);font-size:14px;font-weight:700;
 letter-spacing:.04em;direction:ltr;unicode-bidi:isolate}
.pk-dev__code{font-style:normal;font-family:var(--pk-cond,'Inter',sans-serif);font-size:11px;font-weight:700;
 border:1px solid currentColor;border-radius:99px;padding:2px 9px;opacity:.75;max-width:26ch;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pk-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.pk-style{margin:0;background:#fff;border:1px solid var(--pitaka-border,#E5E5E2);border-radius:14px;overflow:hidden;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.pk-style:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.1)}
.pk-style__m{aspect-ratio:1;position:relative;background:linear-gradient(160deg,#fcfcfb,#f1f1ee);overflow:hidden}
.pk-style__m img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:contain;display:block}
.pk-style figcaption{border-top:1px solid var(--pitaka-border,#E5E5E2);padding:12px 14px;font-family:var(--pk-cond,'Inter',sans-serif);font-size:12.5px;font-weight:600;direction:ltr}

.pk-mat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.pk-mat__c{background:#fff;border:1px solid var(--pitaka-border,#E5E5E2);border-radius:16px;padding:26px}
.pk-mat__c b{font-family:var(--pk-cond,'Inter',sans-serif);font-size:31px;font-weight:800;display:block;direction:ltr;letter-spacing:-.02em}
.pk-mat__c u{display:block;text-decoration:none;font-size:13.5px;font-weight:700;margin:10px 0 6px}
.pk-mat__c p{margin:0;font-size:12.5px;color:var(--pitaka-text-2,#6B6B6B);line-height:1.85}

.pk-reels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pk-reel{position:relative;border-radius:18px;overflow:hidden;background:#111;aspect-ratio:9/16}
.pk-reel video{width:100%;height:100%;object-fit:cover;display:block}
.pk-reel__c{position:absolute;inset-inline:0;bottom:0;padding:22px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,0));color:#fff}
.pk-reel__c b{display:block;font-size:15px;margin-bottom:4px}
.pk-reel__c span{font-size:12px;opacity:.82;line-height:1.7}

/* ============================================================
   شريط الإعلان أعلى الصفحة — iPhone 18
   ============================================================ */
.pk-ann{position:relative;overflow:hidden;background:#0B0B0C;color:#fff;border-radius:var(--pk-r-lg,16px)}
.pk-ann__glow{position:absolute;inset-inline-start:-10%;top:-30%;width:55%;aspect-ratio:1;border-radius:50%;
 background:radial-gradient(circle,#2b4cff,transparent 70%);filter:blur(110px);opacity:.5;pointer-events:none}
.pk-ann__in{position:relative;z-index:2;
 padding:54px 56px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.pk-ann__badge{display:inline-flex;align-items:center;gap:9px;background:var(--pitaka-lime,#D8FF00);color:#111;
 border-radius:99px;padding:8px 16px;font-family:var(--pk-cond,'Inter',sans-serif);font-size:11px;font-weight:700;
 letter-spacing:.14em;direction:ltr;unicode-bidi:isolate}
.pk-ann__badge i{width:7px;height:7px;border-radius:50%;background:#111;display:block;animation:pkBlip 1.6s infinite}
.pk-ann__eb{font-family:var(--pk-cond,'Inter',sans-serif);font-size:11px;letter-spacing:.2em;font-weight:600;
 text-transform:uppercase;direction:ltr;display:block;margin-top:18px;color:#8a8a86}
.pk-ann__t{font-size:clamp(26px,3.8vw,48px);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:8px 0 0}
.pk-ann__t .pk-ltr{font-family:var(--pk-cond,'Inter',sans-serif);display:block}
.pk-ann__t b{display:block;color:var(--pitaka-lime,#D8FF00);font-weight:800}
.pk-ann__d{font-size:14.5px;line-height:1.95;margin:14px 0 0;color:#a9a9a5;max-width:52ch}
.pk-ann__stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.pk-ann__stats b{font-family:var(--pk-cond,'Inter',sans-serif);font-size:20px;font-weight:800;display:block}
.pk-ann__stats span{font-size:12px;color:#a9a9a5}
.pk-ann__cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.pk-ann__b1,.pk-ann__b2{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:15px 30px;
 font-size:14px;font-weight:600;text-decoration:none}
.pk-ann__b1{background:var(--pitaka-lime,#D8FF00);color:#111}
.pk-ann__b2{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff}
.pk-ann__pick{margin-top:22px}
.pk-ann__picklbl{display:block;font-size:11.5px;color:#8a8a86;margin-bottom:9px}
.pk-ann__dots{margin-top:0;color:var(--pitaka-lime,#D8FF00)}
.pk-ann__dots .pk-sw{width:34px;height:34px}
.pk-ann__stage{position:relative;display:grid;place-items:center;min-height:440px}
.pk-ann__stage img{max-height:440px;width:auto;filter:drop-shadow(0 44px 64px rgba(0,0,0,.55));
 transition:opacity .26s ease,transform .5s cubic-bezier(.22,1,.36,1);animation:pkFloat 7s ease-in-out 1.2s infinite}
.pk-ann__stage.is-sw img{opacity:0;transform:translateY(16px) scale(.97)}
@keyframes pkFloat{0%,100%{translate:0 0}50%{translate:0 -11px}}
.pk-ann__cap{position:absolute;bottom:0;font-family:var(--pk-cond,'Inter',sans-serif);font-size:11.5px;
 letter-spacing:.14em;color:#8a8a86;text-transform:uppercase;transition:opacity .3s ease}
.pk-ann__stage.is-sw .pk-ann__cap{opacity:0}

.pk-ltr{direction:ltr;unicode-bidi:isolate}

/* لمعة خفيفة تمرّ على بطاقة الإعلان */
.pk-ann::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;
 background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.055) 50%,transparent 58%);
 transform:translateX(-120%);animation:pkSweep 9s ease-in-out 2s infinite}
@keyframes pkSweep{0%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}

/* ============================================================
   ظهور العناصر عند التمرير — تُفعَّل من js/motion.js فقط
   ============================================================ */
.pk-rv{opacity:0;transform:translateY(20px);
 transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);
 transition-delay:var(--pk-d,0ms);will-change:opacity,transform}
.pk-rv.is-in{opacity:1;transform:none}
.pk-dev__stage.pk-rv{transform:translateY(26px) scale(.97)}
.pk-ann__stage.pk-rv{transform:translateY(26px) scale(.97)}
.pk-dev__stage.pk-rv.is-in,.pk-ann__stage.pk-rv.is-in{transform:none}
.pk-reel.pk-rv{transform:translateY(28px)}

.pk-dev,.pk-ann{transition:box-shadow .45s cubic-bezier(.22,1,.36,1)}
.pk-dev:hover{box-shadow:0 26px 56px rgba(0,0,0,.16)}
.pk-reel{transition:transform .45s cubic-bezier(.22,1,.36,1)}
.pk-reels .pk-reel:hover{transform:translateY(-6px)}
.pk-sw{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}
.pk-sw:hover{transform:translateY(-3px) scale(1.06)}
.pk-sw.is-on{transform:scale(1.06)}

@media (prefers-reduced-motion:reduce){
 .pk-rv{opacity:1!important;transform:none!important;transition:none}
 .pk-ann::after,.pk-ann__stage img{animation:none}
 .pk-sw:hover,.pk-reels .pk-reel:hover{transform:none}
}

/* معرض صور المنتج متعدّد الزوايا */
.pk-pgal__thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.pk-pth{width:78px;height:78px;border:1px solid var(--pitaka-border,#E5E5E2);border-radius:11px;background:#fff;padding:6px;cursor:pointer;display:grid;place-items:center;transition:border-color .2s,box-shadow .2s}
.pk-pth img{max-width:100%;max-height:100%;width:auto;display:block}
.pk-pth:hover{border-color:#999}
.pk-pth.is-on{border-color:var(--pitaka-black,#0B0B0B);box-shadow:0 0 0 1px var(--pitaka-black,#0B0B0B)}
.pk-pcount{font-family:var(--pk-cond,'Inter',sans-serif);font-size:11.5px;letter-spacing:.14em;color:var(--pitaka-text-2,#6B6B6B);margin-top:14px;direction:ltr}

@media(max-width:1180px) and (min-width:981px){
 .pk-reels{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
 .pk-dev__in{grid-template-columns:1fr;gap:26px;padding:34px 22px 30px}
 .pk-dev__stage{min-height:320px;order:-1}
 .pk-dev__stage img{max-height:320px}
 .pk-lu{gap:10px;padding:20px 0}
 .pk-lu__i{width:calc(33.333% - 7px)}
 .pk-lu__i img{height:150px}
 .pk-mat{grid-template-columns:repeat(2,1fr)}
 .pk-styles{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}
 .pk-ann__in{grid-template-columns:1fr;gap:20px;padding:30px 22px 26px}
 .pk-ann__stage{min-height:300px;order:-1}
 .pk-ann__stage img{max-height:300px}
 .pk-ann__cap{position:static;display:block;margin-top:10px}
 .pk-ann__stats{gap:18px}
 /* على الموبايل: سحب جانبي بدل التكديس الرأسي */
 .pk-reels{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;margin-inline:calc(var(--pitaka-pad,22px) * -1);padding-inline:var(--pitaka-pad,22px)}
 .pk-reels::-webkit-scrollbar{display:none}
 .pk-reels .pk-reel{flex:0 0 74%;scroll-snap-align:center}
}
@media (prefers-reduced-motion:reduce){
 .pk-dev__stage img,.pk-style,.pk-lu__i{transition:none}
 .pk-dev__badge i{animation:none}
}