/* Tashweesh Pages — shared front additions (kept minimal: the design CSS is per page) */
.tsp-preview-bar{position:sticky;top:0;z-index:9999;background:#ffcc00;color:#111;font:600 13px/1.4 system-ui,Tahoma,sans-serif;text-align:center;padding:6px 12px}
.case-card{cursor:pointer}

/* Site footer (same as the home page footer — Tashweesh Landing), scoped classes */
.tsp-footer{background:#020C18 var(--tsp-footer-bg,none) no-repeat center bottom/cover;padding:80px 0 50px;position:relative;direction:rtl;font-family:'Almarai',sans-serif;margin:0}
.tsp-footer *{box-sizing:border-box}
.tsp-footer-inner{max-width:1320px;width:100%;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.tsp-footer-logo-wrap{margin:0 0 40px;display:flex;justify-content:center;align-items:center}
.tsp-footer-logo{width:431px;max-width:100%;height:auto;max-height:131.898px;object-fit:contain;display:block}
.tsp-footer-socials{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 42px;flex-wrap:wrap}
.tsp-social-link{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease;text-decoration:none;border:0;background:none}
.tsp-social-link:hover{transform:translateY(-2px);opacity:.85}
.tsp-social-icon{width:32px;height:32px;display:block;max-width:none}
.tsp-footer-copyright{font-family:'Almarai',sans-serif;font-weight:400;font-size:17px;line-height:100%;letter-spacing:.005em;text-align:center;color:#fff;opacity:.5;margin:0;padding:0}
@media (max-width:768px){
  .tsp-footer{padding:50px 0 40px}
  .tsp-footer-logo-wrap{margin-bottom:30px}
  .tsp-footer-logo{width:233px;max-height:30px}
  .tsp-footer-socials{gap:14px;margin-bottom:30px}
  .tsp-social-icon{width:27px;height:27px}
  .tsp-footer-copyright{font-weight:700;font-size:12px;letter-spacing:0;width:238px;margin:0 auto}
}

/* No sideways page movement on phones */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}

/* Phones: the 12-month chart image scrolled sideways → last 6 months as an HTML chart that fits the screen (case «من 6 خانات إلى 7») */
.tsp-c6{display:none}
@media (max-width:792px){
  #comparison .after-chart-scroll-wrapper{display:none!important}
  .tsp-c6{display:block;order:3;width:100%;container-type:inline-size;direction:ltr;margin:6px 0 0;padding-top:4px}
  .tsp-c6-plot{position:relative;display:flex;height:240px;height:70cqw;border-bottom:1.5px solid #0C1C44}
  .tsp-c6-col{position:relative;flex:1 1 0;min-width:0}
  .tsp-c6-bar{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:var(--h);background:#0C1C44;border-radius:3px 3px 0 0;z-index:1}
  .tsp-c6-col.is-after .tsp-c6-bar{background:linear-gradient(180deg,#4BBBEB 0%,#6ED0F7 100%)}
  .tsp-c6-val,.tsp-c6-roas{position:absolute;left:50%;transform:translateX(-50%);font-family:'Almarai',sans-serif;font-weight:700;font-size:10px;font-size:max(8.5px,2.9cqw);line-height:1;color:#0C1C44;white-space:nowrap}
  .tsp-c6-val{bottom:calc(var(--h) + 5px);bottom:calc(var(--h) + 1.5cqw);z-index:3}
  .tsp-c6-roas{bottom:calc(var(--r) + 9px);bottom:calc(var(--r) + 2.8cqw);z-index:5}
  .tsp-c6-pt{position:absolute;left:50%;bottom:var(--r);width:10px;height:10px;width:max(9px,3cqw);height:max(9px,3cqw);border-radius:50%;background:#0C1C44;border:2px solid #fff;box-sizing:border-box;transform:translate(-50%,50%);z-index:4}
  .tsp-c6-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}
  .tsp-c6-line polyline{fill:none;stroke:#0C1C44;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
  .tsp-c6-x{position:relative;display:flex;margin-top:8px;margin-top:2.4cqw}
  .tsp-c6-x span{flex:1 1 0;min-width:0;text-align:center;font-family:'Almarai',sans-serif;font-size:10px;font-size:max(9px,3cqw);line-height:1.2;color:#0C1C44}
  .tsp-c6-x em{display:none}
}

/* «من 1.37 إلى 9.96 مليون»: result cards wider than very small phones (320px) */
@media (max-width:380px){
  .tsp-case-90days .results-cards-row{grid-template-columns:minmax(0,1fr)}
  .tsp-case-90days .results-card{padding:32px 14px;min-width:0}
  .tsp-case-90days .results-compare-num-wrap{font-size:38px}
}