/* FIX 9:18 PM: show vertical videos whole (no top/bottom crop) */
.fm{aspect-ratio:9/16 !important}
.fm video{object-fit:contain !important;object-position:50% 50% !important;background:#0B2233}
.fm img{object-fit:contain !important;object-position:50% 50% !important;background:#0B2233}
.midv-box{aspect-ratio:9/16 !important}
.midv-box video{object-fit:contain !important;object-position:50% 50% !important}
.hero-v{transform:none !important;animation:none !important}
.midv-box video,.midv.in .midv-box video{transform:none !important}

/* FRAME 9:45 PM: each product clearly separated in its own frame */
.list{gap:26px !important}
.it{border:2px solid #0E6E7E !important;border-radius:24px !important;padding:14px !important;box-shadow:0 10px 30px rgba(11,34,51,.14),0 0 0 6px rgba(14,110,126,.07) !important;background:#fff !important}
.it.feat .mid .t h3{font-size:20px}
.it.feat{position:relative}
.it.feat::after{content:"";display:block;height:4px;border-radius:4px;margin-top:4px;background:linear-gradient(90deg,#00B6C8,#E0218A)}

/* CODES Oct 31: retail hidden, gold "إظهار أسعار الجملة" buttons */
.btn-gold{height:50px;border-radius:14px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:15px;background:linear-gradient(135deg,#F9DC7E,#D9A521);color:#0B2233;border:0;box-shadow:0 8px 24px rgba(217,165,33,.38);transition:transform .2s var(--ease);white-space:nowrap}
.btn-gold:active{transform:scale(.95)}
.btn-gold.sm{height:42px;font-size:13.5px;padding:0 14px;border-radius:12px}
.hero-cta{flex-wrap:wrap}
.login.gold{background:linear-gradient(135deg,#F9DC7E,#D9A521);color:#0B2233;border-color:transparent;font-weight:800;padding:0 11px;font-size:12.5px;box-shadow:0 6px 18px rgba(217,165,33,.35)}
.login.gold svg{display:none}
.wl.gold{background:linear-gradient(135deg,#F9DC7E,#D9A521);color:#0B2233;font-weight:800;font-size:12.5px;padding:8px 11px;border-radius:10px}
.rp.lk{font-size:13.5px;color:#6f8291;font-weight:700}
.unlock .un-btn{width:100%;margin-top:14px;position:relative}
.un-ok{display:none;gap:8px;margin-top:12px;position:relative}
.unlock.ok .un-ok{display:flex}
.unlock.ok .un-btn{display:none}
.un-ok button{flex:1;height:40px;border-radius:11px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:700;font-size:13px}
.shop-lock{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#FFF8E6;border:1.5px solid #F0D27A;border-radius:16px;padding:10px 12px;margin:12px max(14px,calc((100% - 532px)/2)) 6px}
.shop-lock span{font-weight:800;font-size:13px;color:#7a5a00}
body.unl .shop-lock{display:none}
#csOn{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#E6F8FB;border-radius:12px;padding:10px 12px;margin:4px 0 12px;font-size:14px}
#csOn[hidden]{display:none}
.cs-out{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 16px;font-weight:800;color:var(--pk)}
.sheet-tot .gk2{width:100%;margin-top:10px}
.sheet-tot{flex-wrap:wrap}