.eoc-wrap{max-width:1200px;margin:0 auto}
.eoc-slider{position:relative;overflow:hidden;border-radius:20px;margin:10px 8px 14px;box-shadow:0 8px 22px rgba(15,40,80,.18);background:#0a3d8f}
.eoc-track{display:grid}
.eoc-slide{grid-area:1/1;position:relative;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 30px;min-height:158px;direction:rtl;font-family:inherit;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.eoc-slide.on{opacity:1;visibility:visible;z-index:1}
.eoc-slide:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.13);left:-60px;top:-70px}
.eoc-slide:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.1);right:-40px;bottom:-60px}
.eoc-go{cursor:pointer;-webkit-tap-highlight-color:transparent}
.eoc-txt{position:relative;z-index:1;flex:1}
.eoc-wrap .eoc-t{color:#fff!important;font-size:clamp(19px,5.4vw,28px);font-weight:800;line-height:1.35;margin:0 0 6px}
.eoc-wrap .eoc-s{color:#fff!important;opacity:.95;font-size:clamp(12px,3.4vw,15px);line-height:1.6;margin:0 0 12px}
.eoc-wrap .eoc-cta{display:inline-block;background:#fff;color:#0a3d8f!important;font-weight:800;font-size:13px;padding:7px 16px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.eoc-ico{position:relative;z-index:1;width:clamp(60px,17vw,100px);flex:none}
.eoc-dots{position:absolute;bottom:9px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:3}
.eoc-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:all .3s}
.eoc-dots i.on{background:#fff;width:22px;border-radius:6px}

/* القائمة المنبثقة */
.eoc-sheet{display:none;position:fixed;inset:0;z-index:2147483000}
.eoc-sheet.eoc-on{display:block}
.eoc-bd{position:absolute;inset:0;background:rgba(10,20,40,.55)}
.eoc-panel{position:absolute;left:0;right:0;bottom:0;height:90vh;max-height:90vh;display:flex;flex-direction:column;background:#f6f8fb;border-radius:24px 24px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.25)}
.eoc-ph{flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 18px 6px;font-size:18px;font-weight:800;color:#14323f}
.eoc-x{border:0;background:#e5eaf1;color:#14323f;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;padding:0}

/* عداد تنازلي */
.eoc-timer{flex:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 14px 8px;background:linear-gradient(90deg,#0a3d8f,#1d4ed8);color:#fff;font-size:13px;font-weight:700}
.eoc-timer-nums{display:inline-flex;gap:2px;font-variant-numeric:tabular-nums;letter-spacing:1px}
.eoc-timer-nums span{background:rgba(255,255,255,.2);padding:2px 6px;border-radius:6px;min-width:28px;text-align:center}

/* تبويبات */
.eoc-tabs{flex:none;display:flex;gap:0;padding:0 12px;border-bottom:1px solid #e2e8f0;background:#fff}
.eoc-tab{flex:1;border:0;background:transparent;padding:12px 8px;font:inherit;font-size:13.5px;font-weight:700;color:#64748b;cursor:pointer;position:relative}
.eoc-tab.on{color:#0a3d8f}
.eoc-tab.on:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:#0a3d8f;border-radius:3px 3px 0 0}
.eoc-tabpane{display:none;flex:1;min-height:0;flex-direction:column}
.eoc-tabpane.on{display:flex}

/* شيبس الفلترة */
.eoc-chips{flex:none;display:flex;gap:8px;overflow-x:auto;padding:8px 14px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;direction:rtl}
.eoc-chips::-webkit-scrollbar{display:none}
.eoc-chip{flex:0 0 auto;border:1.5px solid #cfd9e6;background:#fff;color:#14323f;font:inherit;font-size:13px;font-weight:800;padding:7px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;line-height:1.2}
.eoc-chip.on{background:#0a3d8f;border-color:#0a3d8f;color:#fff}

.eoc-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 8px 16px}
.eoc-loading{text-align:center;padding:30px;color:#6b7280;font-size:14px}

/* شريط اشترِ 4 */
.eoc-bundle-bar{flex:none;background:#ecfdf5;color:#065f46;text-align:center;padding:10px 12px;font-size:13px;font-weight:700;border-top:1px solid #a7f3d0}

/* بطاقات المنتجات */
.eoc-body .woocommerce{margin:0!important;padding:0!important}
.eoc-body ul.products{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0!important;padding:0!important;list-style:none}
.eoc-body ul.products:before,.eoc-body ul.products:after{display:none!important}
.eoc-sheet .woocommerce ul.products li.product{width:auto!important;max-width:none!important;margin:0!important;float:none!important;min-width:0;background:#fff!important;border-radius:16px!important;box-shadow:0 2px 10px rgba(15,40,80,.08)!important;padding:0 0 4px!important;display:flex!important;flex-direction:column!important;overflow:hidden;position:relative}
.eoc-sheet .woocommerce ul.products li.product .mf-act{display:none!important}
.eoc-sheet .woocommerce ul.products li.product img{width:100%!important;height:120px!important;max-height:120px!important;object-fit:contain!important;aspect-ratio:auto!important;margin:0 auto!important;opacity:1!important;visibility:visible!important;display:block!important;background:#fff}
.eoc-sheet .woocommerce ul.products li.product :is(div,span,a):has(> img){height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:8px 8px 0!important;display:flex!important;align-items:center;justify-content:center}
.eoc-sheet .woocommerce ul.products li.product .woocommerce-loop-product__title{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;height:auto!important;min-height:3.2em!important;max-height:none!important;font-size:12px!important;line-height:1.4!important;margin:4px 8px 2px!important;word-break:break-word;text-align:center!important}
.eoc-sheet .woocommerce ul.products li.product .price{display:block!important;text-align:center!important;font-size:14px!important;margin:2px 8px 4px!important;color:#0a3d8f!important;font-weight:800!important}
.eoc-sheet .woocommerce ul.products li.product .price del{opacity:.55;font-size:12px;margin-left:4px}
.eoc-sheet .woocommerce ul.products li.product .price ins{text-decoration:none}
.eoc-sheet .woocommerce ul.products li.product .mf-meta{display:none!important}
.eoc-sheet .woocommerce ul.products li.product .mf-qty-wrap,.eoc-sheet .woocommerce ul.products li.product .mf-opts{width:calc(100% - 16px)!important;max-width:none!important;margin:0 8px 8px!important;box-sizing:border-box}
.eoc-sheet .mf-qty-wrap .mf-qty-add{font-size:12px!important;padding:0 4px!important;gap:4px!important}
.eoc-sheet .woocommerce ul.products li.product .onsale,.eoc-sheet .woocommerce ul.products li.product .mf-sale,.eoc-sheet .woocommerce ul.products li.product [class*="sale-flash"]{display:none!important}
.eoc-sheet .woocommerce ul.products li.product .mf-act,.eoc-sheet .woocommerce ul.products li.product .mf-wish,.eoc-sheet .woocommerce ul.products li.product .mf-qv{display:none!important}

/* نصيحة الاستخدام */
.eoc-tip{font-size:11px;color:#64748b;text-align:center;padding:0 8px 6px;line-height:1.35;min-height:2.6em}

/* روتينات */
.eoc-routines{padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}
.eoc-routine{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px rgba(15,40,80,.07)}
.eoc-routine-title{font-size:15px;font-weight:800;color:#0f172a;margin-bottom:4px}
.eoc-routine-desc{font-size:13px;color:#64748b;margin-bottom:8px}
.eoc-routine-skus{font-size:11px;color:#94a3b8;margin-bottom:12px;direction:ltr;text-align:right}
.eoc-routine-btn{width:100%;border:0;background:#0a3d8f;color:#fff;font:inherit;font-size:14px;font-weight:700;padding:11px;border-radius:12px;cursor:pointer}

/* المساعد الذكي */
.eoc-quiz{padding:16px;overflow-y:auto}
.eoc-quiz-q{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:16px;text-align:center}
.eoc-quiz-opts{display:flex;flex-direction:column;gap:10px}
.eoc-quiz-opt{border:1.5px solid #cfd9e6;background:#fff;color:#14323f;font:inherit;font-size:14px;font-weight:700;padding:14px 16px;border-radius:14px;cursor:pointer;text-align:right}
.eoc-quiz-opt:hover,.eoc-quiz-opt:active{border-color:#0a3d8f;background:#eff6ff}
.eoc-quiz-result{text-align:center}
.eoc-quiz-products{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.eoc-quiz-product{background:#fff;border-radius:12px;padding:12px;font-size:13px;font-weight:700;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.eoc-quiz-restart{border:0;background:#e2e8f0;color:#334155;font:inherit;font-size:13px;font-weight:700;padding:10px 20px;border-radius:10px;cursor:pointer}

/* قائمة منتجات الروتين */
.eoc-routine-list{list-style:none;margin:0 0 12px;padding:0}
.eoc-routine-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:12.5px}
.eoc-routine-list li:last-child{border-bottom:0}
.eoc-routine-list li span{flex:1;color:#334155;line-height:1.35}
.eoc-routine-list li strong{color:#0a3d8f;font-weight:800;white-space:nowrap}
.eoc-routine-msg,.eoc-quiz-msg{margin-top:10px;font-size:13px;font-weight:700;text-align:center}

/* نتيجة الكويز كمنتجات قابلة للإضافة */
.eoc-quiz-product{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px;box-shadow:0 1px 6px rgba(0,0,0,.06);text-align:right}
.eoc-qp-info{flex:1;min-width:0}
.eoc-qp-name{font-size:13px;font-weight:800;color:#0f172a;line-height:1.35}
.eoc-qp-tip{font-size:11px;color:#64748b;margin-top:3px;line-height:1.35}
.eoc-qp-price{font-size:13px;font-weight:800;color:#0a3d8f;margin-top:4px}
.eoc-qp-add{flex:none;border:0;background:#0a3d8f;color:#fff;font:inherit;font-size:12px;font-weight:700;padding:8px 14px;border-radius:10px;cursor:pointer}
.eoc-qp-add:disabled{opacity:.6}
.eoc-quiz-addall{display:block;width:100%;border:0;background:#059669;color:#fff;font:inherit;font-size:14px;font-weight:700;padding:12px;border-radius:12px;cursor:pointer;margin:12px 0 8px}
.eoc-quiz-addall:disabled{opacity:.6}
.eoc-routine-btn:disabled{opacity:.6}

/* توست */
.eoc-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;font-size:13px;font-weight:700;z-index:2147483647;opacity:0;transition:all .25s;pointer-events:none;max-width:90vw;text-align:center}
.eoc-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
