/* OK Offers 0.9.0 — شكل العروض: A ركن الخصم · B كبسولة الحالة · C شريط العرض · D سطر الكاش باك */

/* A + B: فوق الصورة. الخصم في أول السطر والحالة في آخره */
.ok-look-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px;margin:0 0 6px}
.okk-card__badges .ok-look-chips,.ok-look-ov .ok-look-chips{width:100%;margin:0}
.okk-card__badges .ok-look-chips .ok-look-st{margin-inline-start:auto}
/* صورة المنتج: زرار التكبير في الركن التاني، فالكبسولتين جنب بعض */
.ok-look-chips .ok-off-badge{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:800;line-height:1.5;padding:2px 9px;border-radius:999px;color:#fff;background:#2B2B2B;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ok-look-chips .ok-off-badge.ok-off-badge--sale{background:#BC0000;color:#fff}
.ok-look-chips .ok-off-badge.ok-off-badge--last{background:#8A4300;color:#fff}
.ok-look-chips .ok-off-badge.ok-off-badge--new{background:#0E9F6E;color:#fff}
.ok-look-chips .ok-off-badge.ok-off-badge--best{background:#2B2B2B;color:#fff}
.ok-look-chips .ok-off-badge.ok-off-badge--custom{background:#2B2B2B;color:#FFC93C}
.ok-look-chips .ok-off-badge.ok-off-badge--offer{background:#FFC93C;color:#2B2B2B}

/* C: شريط العرض على آخر الصورة. بيلف لسطرين لو الكلام طويل، ومابيتقصّش */
.ok-ribbon.ok-look-rib{position:absolute;inset-inline-start:8px;bottom:8px;z-index:2;max-width:calc(100% - 16px);display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px 5px;padding:4px 10px;border-radius:14px;font-size:11.5px;font-weight:800;line-height:1.35;white-space:normal;overflow:visible;pointer-events:none;box-sizing:border-box;text-align:start}
.ok-look-rib .ok-look-ic{font-style:normal;flex:0 0 auto;line-height:1}
.ok-look-rib .ok-look-t{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
/* الأيقونة جنب الكلام دايمًا؛ العداد بس هو اللي ينزل سطر لو مفيش مكان */
.ok-ribbon.ok-look-rib:not(.ok-look-rib--tm){flex-wrap:nowrap}
.ok-look-rib--std{background:#fff;color:#2B2B2B;box-shadow:inset 0 0 0 1.5px #FFC93C,0 2px 6px rgba(0,0,0,.14)}
.ok-look-rib--star{background:linear-gradient(100deg,#FFC93C,#FFE38A 45%,#FFC93C);background-size:200% 100%;color:#4A2E00;box-shadow:0 2px 8px rgba(160,110,0,.35);animation:okLookShine 2.6s linear infinite}
.ok-look-rib--fire{background:linear-gradient(90deg,#E63200,#FF8A00,#E63200);background-size:200% 100%;color:#fff;box-shadow:0 0 0 2px rgba(255,138,0,.25),0 3px 10px rgba(230,50,0,.45);animation:okLookShine 1.8s linear infinite;text-shadow:0 1px 1px rgba(120,20,0,.35)}
.ok-look-rib--fire .ok-look-ic{animation:okLookFlick .9s ease-in-out infinite}
/* العداد جوه الشريط (آخر 48 ساعة) */
.ok-look-rib .ok-off-timer{display:inline-flex;align-items:center;gap:3px;margin:0;padding:0 5px;border-radius:6px;background:rgba(0,0,0,.12);color:inherit;font-weight:800;font-size:inherit;line-height:1.5}
.ok-look-rib .ok-off-timer__left{color:inherit;font-size:inherit;font-variant-numeric:tabular-nums}
.ok-look-rib--std .ok-off-timer{background:#FFF1D6;color:#8A4300}

/* D: سطر الكاش باك تحت السعر: ذهبي هادي ومفصول عن زرار الشراء */
.ok-cbrow.ok-look-cb{display:flex;align-items:center;gap:6px;margin:6px 0 2px;padding:5px 8px;border-radius:11px;line-height:1.3;min-width:0;font-size:12px;box-sizing:border-box}
.ok-look-cb .ok-look-ic{font-style:normal;font-size:13px;line-height:1;display:inline-block}
.ok-look-cbt{display:flex;flex-direction:column;min-width:0;width:100%}
.ok-look-cbt b{font-size:12px;font-weight:800;overflow-wrap:anywhere}
.ok-look-cbt small{font-size:10.5px;font-weight:600;opacity:.85;line-height:1.35}
.ok-look-cb--std{background:#FFF6DD;color:#6A4200;box-shadow:inset 0 0 0 1px #FFE08A}
.ok-look-cb--star{background:linear-gradient(100deg,#FFF0C2,#FFF9E6 45%,#FFF0C2);background-size:200% 100%;color:#6A4200;box-shadow:inset 0 0 0 1.5px #FFC93C;animation:okLookShine 3s linear infinite}
.ok-look-cb--fire{background:#FFF1E6;color:#8A2A00;box-shadow:inset 0 0 0 1.5px #FF8A00}
.ok-look-cb--fire .ok-look-ic{animation:okLookFlick .9s ease-in-out infinite}

/* صفحة المنتج: من غير JS بيظهروا فوق العنوان؛ الـ JS بيحطهم على صورة المنتج */
.ok-look-pp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}
.ok-look-pp .ok-look-chips{margin:0}
.ok-look-pp .ok-ribbon.ok-look-rib{position:static;max-width:100%}
.ok-look-ov{position:absolute;inset:0;z-index:3;pointer-events:none;padding:12px;box-sizing:border-box}
.ok-look-ov .ok-look-pp{position:absolute;inset:12px;margin:0;display:block}
.ok-look-ov .ok-look-chips .ok-off-badge{font-size:13px;padding:3px 11px}
.ok-look-ov .ok-ribbon.ok-look-rib{position:absolute;inset-inline-start:0;bottom:0;max-width:100%;font-size:13.5px;padding:6px 13px}

/* صندوق العرض في صفحة المنتج حسب القوة */
.ok-deal.ok-deal--lv-fire{background:linear-gradient(135deg,#FFF1E6,#FFE2CC);border-color:#FF8A00;box-shadow:0 0 0 3px rgba(255,138,0,.12)}
.ok-deal.ok-deal--lv-fire .ok-deal__txt b{color:#8A2A00}
.ok-deal.ok-deal--lv-star{background:linear-gradient(135deg,#FFF8E1,#FFEDB3);border-color:#FFC93C}

/* كروت الكمبيوتر أعرض: الكلام أكبر شوية */
@media (min-width:1024px){
  .okk-card .ok-look-chips .ok-off-badge{font-size:12.5px;padding:3px 10px}
  .okk-card .ok-ribbon.ok-look-rib{font-size:13px;padding:5px 12px;inset-inline-start:10px;bottom:10px;max-width:calc(100% - 20px)}
  .okk-card .ok-look-cbt b{font-size:13.5px}.okk-card .ok-look-cbt small{font-size:11.5px}
}
@keyframes okLookShine{to{background-position:-200% 0}}
@keyframes okLookFlick{0%,100%{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.18) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.ok-look-rib,.ok-look-cb,.ok-look-ic{animation:none!important}}