/* ============================================================
   Sho Vision Studio — shared stylesheet (public site)
   ============================================================ */
html,body{margin:0;padding:0;background:#04050a;}
body{font-family:'DM Sans',system-ui,sans-serif;color:#E8ECF6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
*{box-sizing:border-box;}
a{color:#7D97FF;text-decoration:none;}
a:hover{color:#AFC0FF;}
::selection{background:#3B5BFD;color:#fff;}
::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:#04050a;}
::-webkit-scrollbar-thumb{background:#22305e;border-radius:9px;}
button{font:inherit;}
input,textarea,select{font:inherit;}
img{max-width:100%;}

@keyframes shoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes shoPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}
@keyframes shoBar{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes shoMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes shoRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes shoPop{from{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:none}}
html{scroll-behavior:smooth;}
[id]{scroll-margin-top:100px;}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
[data-reveal].is-visible{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  [data-reveal]{opacity:1;transform:none;transition:none;}
}

.sho-nav-links a{color:#E4E8F2;}
.sho-nav-links a:hover{color:#fff;}
.sho-nav-links a.is-active{color:#fff;}
.sho-cta-primary:hover{background:#5470FF !important;}
.sho-cta-outline:hover{border-color:rgba(59,91,253,.8) !important;}
.sho-dock-btn:hover{color:#fff;border-color:rgba(59,91,253,.7) !important;}
.sho-quote-btn:hover{background:#3B5BFD !important;border-color:#3B5BFD !important;}
.sho-service-card{transition:border-color .35s ease,transform .18s ease;transform-style:preserve-3d;}
.sho-service-card:hover{border-color:rgba(59,91,253,.55) !important;}
.sho-step-card{transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s ease;}
.sho-step-card:hover{transform:translateY(-8px);border-color:rgba(59,91,253,.55) !important;}
.sho-metric-card{transition:border-color .35s ease;}
.sho-metric-card:hover{border-color:rgba(59,91,253,.5) !important;}
.sho-plan-card{transition:transform .4s cubic-bezier(.2,.7,.2,1);}
.sho-plan-card:hover{transform:translateY(-8px);}
.sho-plan-cta:hover{background:#3B5BFD !important;border-color:#3B5BFD !important;}
.sho-testi-card{transition:border-color .35s ease;}
.sho-testi-card:hover{border-color:rgba(59,91,253,.5) !important;}
.sho-faq-item{transition:border-color .3s ease;}
.sho-faq-item:hover{border-color:rgba(59,91,253,.45) !important;}
.sho-input:focus{border-color:#3B5BFD !important;outline:none;}
.sho-input-light:focus{border-color:#fff !important;outline:none;}
.sho-send-btn:hover{background:#5470FF !important;}
.sho-sub-btn:hover{opacity:.9;}
.sho-faq-answer{margin:0;padding:0 22px 22px;color:#C6CEDF;font-size:14px;line-height:1.7;animation:shoRise .4s cubic-bezier(.2,.7,.2,1) both;}
.sho-portfolio-card:hover, .sho-blog-card:hover{border-color:rgba(59,91,253,.55) !important;transform:translateY(-6px);}
.sho-portfolio-card, .sho-blog-card{transition:transform .3s ease,border-color .3s ease;}

/* ---------- nav / mobile menu ---------- */
.sho-navbar-inner{pointer-events:auto;width:100%;max-width:1180px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px 12px 22px;border-radius:999px;background:rgba(8,10,18,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px -30px rgba(0,0,0,.9);}
.sho-nav-links{display:flex;align-items:center;gap:26px;font-size:14px;color:#E4E8F2;}
.sho-nav-right{display:flex;align-items:center;gap:12px;}
.sho-lang-switch{position:relative;}
.sho-lang-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#E4E8F2;font-size:12.5px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;}
.sho-lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:rgba(8,10,18,.96);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px;min-width:140px;display:none;flex-direction:column;gap:2px;z-index:60;box-shadow:0 20px 60px -20px rgba(0,0,0,.9);}
[dir="rtl"] .sho-lang-menu{right:auto;left:0;}
.sho-lang-menu.is-open{display:flex;}
.sho-lang-menu a{display:block;padding:9px 12px;border-radius:9px;color:#E4E8F2;font-size:13.5px;}
.sho-lang-menu a:hover{background:rgba(59,91,253,.18);color:#fff;}
.sho-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);cursor:pointer;}
.sho-burger span{display:block;width:16px;height:2px;background:#fff;margin:0 auto;border-radius:2px;}
.sho-mobile-panel{position:fixed;top:82px;left:18px;right:18px;z-index:39;background:rgba(8,10,18,.97);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;display:none;flex-direction:column;gap:4px;backdrop-filter:blur(18px);}
.sho-mobile-panel.is-open{display:flex;}
.sho-mobile-panel a{color:#E4E8F2;padding:12px 14px;border-radius:12px;font-size:15px;}
.sho-mobile-panel a:hover{background:rgba(59,91,253,.14);color:#fff;}

@media (max-width:880px){
  .sho-nav-links{display:none;}
  .sho-quote-btn{display:none;}
  .sho-burger{display:flex;}
}

/* ---------- footer social ---------- */
.sho-social-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.sho-social-icon{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:background .25s ease;}
.sho-social-icon:hover{background:#3B5BFD;color:#fff;}

/* ---------- effects dock (shape / matrix, collapsed by default) ---------- */
@keyframes shoFxShimmer{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.sho-fx-dock{position:fixed;left:18px;bottom:18px;z-index:38;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:10px;}
.sho-fx-toggle{position:relative;width:46px;height:46px;flex:none;border-radius:50%;background:linear-gradient(150deg,rgba(59,91,253,.28),rgba(124,92,255,.18));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#C7D2FF;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.2,.7,.2,1),color .25s ease,border-color .25s ease;box-shadow:0 12px 30px -16px rgba(59,91,253,.7);}
.sho-fx-toggle::before{content:"";position:absolute;inset:-1px;border-radius:50%;padding:1px;background:conic-gradient(from 0deg,rgba(124,92,255,.7),rgba(59,91,253,0) 30%,rgba(59,91,253,0) 70%,rgba(124,92,255,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:shoFxShimmer 6s linear infinite;opacity:.8;}
.sho-fx-toggle:hover{color:#fff;border-color:rgba(255,255,255,.3);transform:scale(1.08) rotate(8deg);}
.sho-fx-panel{display:none;flex-direction:column;gap:8px;}
.sho-fx-panel.is-open{display:flex;}
.sho-fx-panel .sho-dock-btn{opacity:0;transform:translateY(8px) scale(.96);transition:opacity .22s ease,transform .22s ease;background:rgba(10,13,24,.9) !important;box-shadow:0 14px 30px -16px rgba(0,0,0,.7);}
.sho-fx-panel.is-open .sho-dock-btn{opacity:1;transform:none;}
.sho-fx-panel.is-open .sho-dock-btn:nth-child(1){transition-delay:.06s;}
.sho-fx-panel.is-open .sho-dock-btn:nth-child(2){transition-delay:0s;}
[dir="rtl"] .sho-fx-dock{left:auto;right:18px;align-items:flex-end;}

/* ---------- contact FAB (chat + WhatsApp speed-dial) ---------- */
@keyframes shoFabPulse{0%,100%{box-shadow:0 18px 40px -16px rgba(59,91,253,.9),0 0 0 0 rgba(124,92,255,.4);}50%{box-shadow:0 18px 40px -16px rgba(59,91,253,.9),0 0 0 9px rgba(124,92,255,0);}}
.sho-contact-fab{position:fixed;right:18px;bottom:18px;z-index:45;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px;}
.sho-fab-main{width:58px;height:58px;flex:none;border-radius:50%;background:linear-gradient(135deg,#3B5BFD,#7C6CFF);color:#fff;border:1px solid rgba(255,255,255,.22);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.2,.7,.2,1);animation:shoFabPulse 3.4s ease-in-out infinite;}
.sho-fab-main:hover{transform:scale(1.07);}
.sho-fab-main.is-open{animation:none;box-shadow:0 18px 40px -16px rgba(59,91,253,.9);}
.sho-fab-plus{display:block;transition:transform .3s cubic-bezier(.2,.7,.2,1);}
.sho-fab-main.is-open .sho-fab-plus{transform:rotate(45deg);}
.sho-fab-menu{display:flex;flex-direction:column-reverse;gap:10px;align-items:flex-end;visibility:hidden;transition:visibility .25s;}
.sho-fab-menu.is-open{visibility:visible;}
.sho-fab-item{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(14,17,30,.86);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 34px -20px rgba(0,0,0,.85);opacity:0;transform:translateY(10px) scale(.97);transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background .2s ease;}
.sho-fab-menu.is-open .sho-fab-item{opacity:1;transform:none;}
.sho-fab-menu.is-open .sho-fab-item.chat{transition-delay:.08s;}
.sho-fab-item:hover{border-color:rgba(255,255,255,.32);background:rgba(24,28,46,.92);}
.sho-fab-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font-family:'Poppins',sans-serif;font-weight:700;font-size:12.5px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);}
.sho-fab-item.whatsapp .sho-fab-icon{background:linear-gradient(135deg,#2FE38A,#128C7E);}
.sho-fab-icon.chat-icon{background:linear-gradient(135deg,#3B5BFD,#7C6CFF);}
[dir="rtl"] .sho-contact-fab{right:auto;left:18px;align-items:flex-start;}
[dir="rtl"] .sho-fab-menu{align-items:flex-start;}
[dir="rtl"] .sho-fab-item{padding:8px 8px 8px 18px;}
@media (prefers-reduced-motion:reduce){
  .sho-fab-main{animation:none;}
  .sho-fx-toggle::before{animation:none;}
}

/* ---------- chat widget ---------- */
.sho-chat-panel{position:fixed;right:18px;bottom:88px;z-index:46;width:min(360px,90vw);max-height:min(500px,64vh);background:rgba(8,10,18,.98);border:1px solid rgba(255,255,255,.1);border-radius:22px;display:none;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.9);}
[dir="rtl"] .sho-chat-panel{right:auto;left:18px;}
.sho-chat-panel.is-open{display:flex;animation:shoPop .25s cubic-bezier(.2,.7,.2,1) both;}
.sho-chat-head{padding:16px 18px;background:linear-gradient(135deg,#2540E8,#1226A8);display:flex;align-items:center;gap:10px;}
.sho-chat-avatar{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Poppins',sans-serif;}
.sho-chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;}
.sho-chat-msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;}
.sho-chat-msg.bot{background:rgba(255,255,255,.06);color:#E8ECF6;align-self:flex-start;border-bottom-left-radius:4px;}
.sho-chat-msg.user{background:#3B5BFD;color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}
[dir="rtl"] .sho-chat-msg.bot{align-self:flex-end;border-bottom-left-radius:14px;border-bottom-right-radius:4px;}
[dir="rtl"] .sho-chat-msg.user{align-self:flex-start;border-bottom-right-radius:14px;border-bottom-left-radius:4px;}
.sho-chat-foot{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08);}
.sho-chat-input{flex:1;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13.5px;}
.sho-chat-send{width:40px;height:40px;border-radius:50%;background:#3B5BFD;border:0;color:#fff;cursor:pointer;flex:none;}
.sho-chat-close{margin-left:auto;background:none;border:0;color:rgba(255,255,255,.8);cursor:pointer;font-size:18px;}
[dir="rtl"] .sho-chat-close{margin-left:0;margin-right:auto;}

@media (max-width:600px){
  .sho-chat-panel{right:12px;left:12px;width:auto;bottom:82px;}
  [dir="rtl"] .sho-chat-panel{left:12px;right:12px;}
  .sho-contact-fab{right:12px;}
  [dir="rtl"] .sho-contact-fab{left:12px;right:auto;}
  .sho-fx-dock{left:12px;}
  [dir="rtl"] .sho-fx-dock{right:12px;left:auto;}
  .sho-prose-card{padding:28px 22px;border-radius:20px;}
}

/* ---------- empty state ---------- */
.sho-empty-state{max-width:480px;margin:20px auto 0;text-align:center;padding:50px 30px;border-radius:22px;border:1px dashed rgba(255,255,255,.16);background:rgba(255,255,255,.02);}
.sho-empty-icon{width:44px;height:44px;margin:0 auto 16px;border-radius:50%;background:rgba(59,91,253,.16);border:1px solid rgba(59,91,253,.4);color:#9BB0FF;display:flex;align-items:center;justify-content:center;font-size:18px;}
.sho-empty-state p{color:#C6CEDF;font-size:14.5px;line-height:1.7;margin:0;}

/* ---------- portfolio ---------- */
.sho-filter-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:38px;}
.sho-filter-btn{padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#DCE2EE;font-size:13px;cursor:pointer;}
.sho-filter-btn.is-active,.sho-filter-btn:hover{background:#3B5BFD;border-color:#3B5BFD;color:#fff;}
.sho-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.sho-portfolio-card{display:block;border-radius:20px;overflow:hidden;background:rgba(10,13,24,.8);border:1px solid rgba(255,255,255,.07);}
.sho-portfolio-cover{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:linear-gradient(150deg,#2540E8,#0B1440);}
.sho-portfolio-cover.is-placeholder{display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:700;font-size:34px;color:rgba(255,255,255,.55);}
.sho-portfolio-body{padding:20px 22px;}
.sho-cat-pill{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(59,91,253,.16);border:1px solid rgba(59,91,253,.4);color:#9BB0FF;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;}

/* ---------- portfolio: live website cards ---------- */
.sho-portfolio-card{position:relative;}
.sho-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit;}
.sho-web-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.07);}
.sho-web-chrome .dots{display:flex;gap:5px;}
.sho-web-chrome .dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18);display:block;}
.sho-web-chrome .url{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.35);color:#AEB7CB;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sho-web-chrome .live{display:flex;align-items:center;gap:5px;color:#7CF2B0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;}
.sho-web-chrome .live:before{content:"";width:6px;height:6px;border-radius:50%;background:#34D399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:shoLivePing 1.8s infinite;}
@keyframes shoLivePing{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55);}80%,100%{box-shadow:0 0 0 7px rgba(52,211,153,0);}}
.sho-web-shot{position:relative;aspect-ratio:16/10;background-color:#0B1440;background-size:cover;background-position:center top;overflow:hidden;}
.sho-web-shot.is-live{background-size:100% auto;transition:background-position 5s cubic-bezier(.45,.05,.3,1);}
.sho-portfolio-card:hover .sho-web-shot.is-live{background-position:center bottom;}
.sho-web-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,5,10,.75));pointer-events:none;}
.sho-web-actions{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;}
.sho-portfolio-card:hover .sho-web-actions,.sho-portfolio-card:focus-within .sho-web-actions{opacity:1;transform:none;}
@media (hover:none){.sho-web-actions{opacity:1;transform:none;}}
.sho-web-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:rgba(8,10,20,.72);color:#fff;backdrop-filter:blur(8px);font-family:inherit;}
.sho-web-btn.primary{background:#3B5BFD;border-color:#3B5BFD;}
.sho-web-btn:hover{filter:brightness(1.12);}

/* ---------- live preview modal ---------- */
.sho-live-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:3vh 3vw;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s;}
.sho-live-modal.is-open{visibility:visible;opacity:1;transition:opacity .3s ease;}
.sho-live-backdrop{position:absolute;inset:0;background:rgba(3,4,10,.82);backdrop-filter:blur(10px);}
.sho-live-window{position:relative;width:min(1280px,100%);height:100%;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#080A14;border:1px solid rgba(59,91,253,.35);box-shadow:0 40px 120px -30px rgba(59,91,253,.55);transform:translateY(18px) scale(.98);transition:transform .4s cubic-bezier(.2,.7,.2,1);}
.sho-live-modal.is-open .sho-live-window{transform:none;}
.sho-live-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0D1020;border-bottom:1px solid rgba(255,255,255,.07);}
.sho-live-dots{display:flex;gap:6px;}
.sho-live-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16);display:block;}
.sho-live-url{flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.4);color:#C6CEDF;font-size:12.5px;white-space:nowrap;overflow:hidden;}
.sho-live-url span{overflow:hidden;text-overflow:ellipsis;}
.sho-live-devices{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.05);}
.sho-live-devices button{width:32px;height:28px;border:0;border-radius:999px;background:transparent;color:#AEB7CB;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.sho-live-devices button.is-active{background:#3B5BFD;color:#fff;}
.sho-live-open{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#3B5BFD;color:#fff !important;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 10px 30px -12px rgba(59,91,253,.9);transition:transform .2s ease;}
.sho-live-open:hover{transform:translateY(-1px);}
.sho-live-open.is-going span{animation:shoLiveGo .9s ease;}
@keyframes shoLiveGo{50%{transform:translate(4px,-4px);opacity:0;}51%{transform:translate(-4px,4px);}100%{transform:none;opacity:1;}}
.sho-live-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer;}
.sho-live-stage{flex:1;min-height:0;display:flex;justify-content:center;background:radial-gradient(ellipse at top,rgba(59,91,253,.12),transparent 60%);}
.sho-live-frame{position:relative;width:100%;height:100%;background:#fff;transition:width .45s cubic-bezier(.2,.7,.2,1),margin .45s ease,border-radius .45s ease;}
.sho-live-frame.is-mobile{width:390px;max-width:100%;margin:18px 0;height:calc(100% - 36px);border-radius:28px;overflow:hidden;box-shadow:0 0 0 8px #1a1d2e,0 30px 80px -20px rgba(0,0,0,.8);}
.sho-live-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;}
.sho-live-loader{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#080A14;color:#C6CEDF;font-size:13px;transition:opacity .4s ease;}
.sho-live-loader.is-hidden{opacity:0;pointer-events:none;}
.sho-live-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(59,91,253,.25);border-top-color:#3B5BFD;animation:shoSpin .8s linear infinite;}
@keyframes shoSpin{to{transform:rotate(360deg);}}
.sho-live-progress{width:180px;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;}
.sho-live-progress i{display:block;height:100%;width:40%;background:#3B5BFD;border-radius:3px;animation:shoProg 1.2s ease-in-out infinite;}
@keyframes shoProg{0%{transform:translateX(-100%);}100%{transform:translateX(260%);}}
.sho-live-shot{position:absolute;inset:0;z-index:2;overflow-y:auto;background:#080A14;display:none;}
.sho-live-shot.is-visible{display:block;}
.sho-live-shot img{width:100%;display:block;cursor:pointer;}
.sho-live-shot-note{position:sticky;bottom:12px;margin:0 auto;width:max-content;max-width:90%;padding:8px 14px;border-radius:999px;background:rgba(8,10,20,.85);color:#DCE2EE;font-size:12px;backdrop-filter:blur(8px);}
.sho-live-shot-note:empty{display:none;}
.sho-live-hero{max-width:1000px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(10,13,24,.8);position:relative;}
.sho-live-hero .sho-web-shot{aspect-ratio:16/9;}
@media (max-width:640px){.sho-live-modal{padding:0;}.sho-live-window{border-radius:0;}.sho-live-devices,.sho-live-dots{display:none;}.sho-live-open{padding:8px 12px;}}

/* ---------- blog ---------- */
.sho-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.sho-blog-card{display:block;border-radius:20px;overflow:hidden;background:rgba(10,13,24,.8);border:1px solid rgba(255,255,255,.07);}
.sho-blog-cover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:linear-gradient(150deg,#1e2c6b,#0B1440);}
.sho-prose-card{background:rgba(6,8,16,.9);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:44px 46px;box-shadow:0 30px 70px -40px rgba(0,0,0,.8);}
.sho-prose{color:#E4E8F2;font-size:15.5px;line-height:1.85;}
.sho-prose h2{font-family:'Poppins',sans-serif;font-weight:700;color:#fff;font-size:26px;margin:34px 0 14px;}
.sho-prose h3{font-family:'Poppins',sans-serif;font-weight:600;color:#fff;font-size:20px;margin:26px 0 10px;}
.sho-prose p{margin:0 0 16px;}
.sho-prose img{border-radius:16px;margin:18px 0;}
.sho-prose ul,.sho-prose ol{padding-inline-start:22px;margin:0 0 16px;}
.sho-prose a{text-decoration:underline;}

/* ---------- RTL general ---------- */
[dir="rtl"] body{direction:rtl;}
[dir="rtl"] .sho-faq-toggle,[dir="rtl"] .sho-plan-cta,[dir="rtl"] .sho-service-points div{text-align:right;}