/* V8 public presentation: additive responsive improvements, no admin/back-end changes. */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip}body{overflow-x:clip;min-width:0}
img,svg,video,iframe{max-width:100%}
main,.wrap,.article,.prose,.sarim-prepared,.sn-block{min-width:0}
:where(.article-body,.prose,.sarim-prepared,.sn-legal-document) p,:where(.article-body,.prose,.sarim-prepared) h1,:where(.article-body,.prose,.sarim-prepared) h2,:where(.article-body,.prose,.sarim-prepared) h3{overflow-wrap:anywhere}
:where(.article-body,.prose,.sarim-prepared) img{max-width:100%!important;height:auto!important}
:where(.article-body,.prose,.sarim-prepared) table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}
:where(.article-body,.prose,.sarim-prepared) pre{max-width:100%;overflow-x:auto}
:where(.article-body,.prose,.sarim-prepared) iframe{width:100%;max-width:100%;aspect-ratio:16/9;height:auto}
:where(.article-body,.prose,.sarim-prepared) .editor-layout,:where(.article-body,.prose,.sarim-prepared) [data-editor-columns]{max-width:100%}
.sn-block h2,.page-hero h1,.sn-contact-head h1{overflow-wrap:break-word}
/* Legal pages, matching the dark emerald publishing theme. */
.sn-legal{background:#09110c;color:#eff7f0;padding-bottom:86px}
.sn-legal-hero{padding:76px 0 66px;background:radial-gradient(ellipse at 77% 3%,#225d373f,transparent 63%),linear-gradient(145deg,#101e15,#0b140f);border-block:1px solid #20432e}
.sn-legal-hero h1{font-family:inherit;font-weight:800;letter-spacing:-.05em;font-size:clamp(42px,5.8vw,72px);line-height:1.15;margin:19px 0 17px;color:#f7fff9}
.sn-legal-hero p{font-size:clamp(15px,1.8vw,19px);max-width:680px;line-height:1.65;color:#b4cbbd;margin-bottom:19px}
.sn-legal-updated{display:inline-block;border:1px solid #315b40;border-radius:50px;padding:7px 14px;color:#b9e4c6;font-size:12px}
.sn-legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:38px;padding-top:46px;align-items:start}
.sn-legal-document,.sn-legal-aside{min-width:0;border:1px solid #2a5339;border-radius:22px;background:linear-gradient(155deg,#112218,#0b160f);box-shadow:0 15px 44px #0003}
.sn-legal-document{padding:14px 32px}
.sn-legal-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:17px;padding:30px 0;border-bottom:1px solid #2c4936}
.sn-legal-section:last-child{border-bottom:0}
.sn-legal-number{color:#3fdf89;font:800 13px/2 system-ui;letter-spacing:.14em}
.sn-legal-section h2{font:800 clamp(19px,2vw,24px)/1.35 system-ui,sans-serif;letter-spacing:-.025em;color:#f4fff7;margin:0 0 13px}
.sn-legal-section p{font-size:15px;line-height:1.85;color:#b8cfc0;margin:0;overflow-wrap:anywhere}
.sn-legal-aside{padding:25px;position:sticky;top:115px}
.sn-legal-aside strong{font-size:20px;color:#fff}
.sn-legal-aside p{font-size:13px;color:#bad1c1;line-height:1.65}
.sn-legal-aside nav{display:flex;flex-direction:column;gap:6px;position:static!important;padding:0!important;box-shadow:none!important;background:transparent!important}
.sn-legal-aside nav a{display:block;color:#def8e4;border:1px solid #315841;border-radius:9px;padding:12px 14px;line-height:1.4;font-size:13px;white-space:normal}
.sn-legal-aside nav a:hover{background:#205031}
.sn-legal-email{display:block;margin-top:19px;font-size:12px;color:#57e69a;overflow-wrap:anywhere}
/* Official social icons in contact page and site-wide footer. */
.sn-official-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}
.sn-social-link{min-width:0;display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #305a41;border-radius:12px;background:#112a1b;color:#eaf6ee!important;font-size:12px;font-weight:700;line-height:1.25;transition:background .2s,border-color .2s}
.sn-social-link:hover{background:#204530;border-color:#48d98a;color:#fff!important}
.sn-social-link:focus-visible{outline:2px solid #50ec97;outline-offset:2px}
.sn-social-link svg{width:21px;height:21px;flex:none;color:#43e88a}
.sn-social-link span{overflow-wrap:break-word}
.sn-social-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:3px}
.sn-contact-card .sn-social-link{font-size:11px;padding:10px 9px}
.sn-social-footer-wrap{margin-top:30px;padding-top:26px;border-top:1px solid #244b32}
.sn-social-footer-wrap>.sn-micro{display:block;margin-bottom:14px}
.sn-social-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.footer-grid>div:last-child>a:not(.brand){display:none!important}
/* Wider mid-size devices: navigation no longer squeezed against the brand. */
@media(max-width:1020px){
 .top .nav{min-height:74px!important;height:74px!important;gap:8px!important}
 .top .brand-logo{width:108px!important;height:65px!important}
 .top nav#main-nav{max-width:min(480px,94vw)}
 .sn-legal-layout{grid-template-columns:minmax(0,1fr) 215px;gap:18px}
 .sn-legal-document{padding:9px 23px}
 .sn-social-footer{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:850px){
 .top .nav{height:70px!important;min-height:70px!important;position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important}
 .top .brand{flex:0 1 auto!important;min-width:0!important}
 .top .brand-logo{width:113px!important;height:60px!important;max-width:38vw!important}
 .top .actions{margin-inline-start:auto!important;display:flex!important;gap:5px!important}
 .top #menu-toggle{display:grid!important;place-items:center;min-width:40px;min-height:43px;line-height:1;border-radius:8px;color:#e5f9ec!important}
 .top #search-toggle{display:grid!important;place-items:center;min-width:37px;min-height:43px;color:#e5f9ec!important}
 .top .language-switch select#site-language{min-width:74px!important;max-width:74px!important;width:74px!important;height:34px!important;min-height:34px!important;padding:1px 7px!important;font-size:11px!important;background:#152e1d!important;color:#e9f3ec!important;border-color:#326748!important;letter-spacing:0!important}
 .top nav#main-nav{display:none!important;position:absolute!important;z-index:100!important;inset:70px 0 auto 0!important;top:70px!important;left:0!important;right:0!important;max-width:none!important;max-height:calc(100dvh - 72px);overflow-y:auto;padding:14px max(18px,calc((100vw - 500px)/2)) 28px!important;background:#0d1e14!important;border:1px solid #31583e!important;border-radius:0 0 18px 18px!important;box-shadow:0 24px 36px #0008!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
 .top nav#main-nav.open{display:flex!important}
 .top nav#main-nav>a,.top nav#main-nav>.dropdown>a{display:block!important;padding:11px 8px!important;border-bottom:1px solid #254432!important;font-size:14px!important;line-height:1.45!important;color:#edf7f0!important}
 .top nav#main-nav .dropdown{position:static!important}
 .top nav#main-nav .dropdown>.drop{position:static!important;display:flex!important;flex-direction:column!important;box-shadow:none!important;background:#11291c!important;border-radius:7px!important;min-width:0!important;width:100%!important;padding:3px 8px 7px!important;margin:3px 0 9px!important}
 .top nav#main-nav .drop a{font-size:12px!important;color:#c4e9cf!important;padding:7px 10px!important;white-space:normal!important}
 .top .search-bar{max-width:100%;padding:9px 15px 18px;gap:7px}
 .top .search-bar input{min-width:0}
 .sn-legal-layout{grid-template-columns:1fr;gap:22px}
 .sn-legal-aside{position:static;top:auto}
 .sn-legal-aside nav{display:flex!important;flex-direction:column!important}
 .sarim-prepared{width:calc(100% - 28px)!important}
}
@media(max-width:640px){
 .wrap{width:calc(100% - 32px)!important}
 .sn-block{padding-block:50px!important}
 .sn-hero-layout{padding-top:27px!important}
 .sn-hero h1{font-size:clamp(33px,9vw,44px)!important;line-height:1.1!important;letter-spacing:-.045em!important;overflow-wrap:anywhere!important}
 .sn-hero-copy>p{font-size:14px!important;line-height:1.7!important}
 .sn-hero-actions{flex-direction:column!important;align-items:stretch!important}
 .sn-hero-actions .sn-button{min-width:0!important;width:100%!important}
 .sn-portrait-frame{height:min(390px,100vw)!important;max-height:none!important}
 .sn-social-heading{padding-inline:0}
 .sn-stat-grid{grid-template-columns:1fr!important;gap:10px!important}
 .sn-stat{min-height:102px!important;padding:16px!important}
 .sn-stat-num{font-size:34px!important}
 .sn-about-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .sn-about-quick a{padding:14px 6px!important;min-width:0!important}
 .sn-about-quick strong{overflow-wrap:anywhere;font-size:11px!important}
 .sn-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .sn-eco-card{padding:18px 13px!important;min-width:0;min-height:0}
 .sn-eco-card h3{font-size:16px!important;overflow-wrap:anywhere}
 .sn-eco-card p{font-size:11px!important}
 .sn-travel-gallery{grid-template-columns:1fr!important}
 .sn-travel-img{height:230px!important}
 .sn-travel-story{grid-column:auto!important}
 .sn-contact-grid{grid-template-columns:1fr!important}
 .sn-contact-card{padding:21px!important}
 .sn-contact-card .sn-contact-links{flex-direction:column;align-items:stretch;width:100%}
 .sn-contact-card .sn-contact-links a{width:100%;text-align:center;justify-content:center}
 .sn-legal{padding-bottom:53px}
 .sn-legal-hero{padding:49px 0 43px}
 .sn-legal-hero h1{font-size:clamp(37px,10vw,49px)}
 .sn-legal-layout{padding-top:19px}
 .sn-legal-document{padding:0 17px}
 .sn-legal-section{grid-template-columns:1fr;gap:1px;padding:22px 0}
 .sn-legal-number{font-size:11px}
 .sn-legal-section h2{font-size:20px}
 .sn-legal-section p{font-size:14px;line-height:1.85}
 .sn-legal-aside{padding:19px}
 .article{padding-block:38px!important}
 .article h1{font-size:clamp(28px,8vw,38px)!important;overflow-wrap:anywhere}
 .page-hero{padding:45px 0!important}
 .page-hero h1{font-size:clamp(30px,8vw,44px)!important}
 .prose{padding-block:30px}
 .cards,.feature-grid{grid-template-columns:1fr!important;gap:15px}
 .story-copy{padding:18px!important}
 .story-copy h3{font-size:21px!important;overflow-wrap:anywhere}
 .footer{padding-top:37px!important}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 16px!important}
 .footer-grid>div{min-width:0}
 .footer-grid>div:first-child{grid-column:1/-1}
 .footer .brand-logo{width:190px!important;height:115px!important;max-width:100%!important}
 .footer .copyright{margin-top:27px!important;padding-block:17px!important}
 .sn-social-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sn-social-link{min-height:44px}
}
@media(max-width:360px){
 .wrap{width:calc(100% - 24px)!important}
 .top .brand-logo{width:96px!important;max-width:34vw!important}
 .top .actions{gap:2px!important}
 .top #menu-toggle{min-width:36px!important}
 .top #search-toggle{min-width:32px!important}
 .top .language-switch select#site-language{width:67px!important;min-width:67px!important;max-width:67px!important}
 .sn-social-contact{grid-template-columns:1fr!important}
 .sn-about-quick{grid-template-columns:1fr 1fr!important}
 .sn-ecosystem-grid{grid-template-columns:1fr 1fr!important}
}
/* Keep Arabic/Urdu semantics while allowing non-Latin labels to wrap naturally. */
html[dir="rtl"] .sn-legal-section{text-align:start}
html[dir="rtl"] .sn-legal-aside{text-align:start}
html[dir="rtl"] .sn-contact-card{text-align:start}
html[dir="rtl"] .sn-social-link{direction:ltr;justify-content:flex-start}
@media(prefers-reduced-motion:reduce){.sn-social-link{transition:none!important}}


/* V9 mobile polishing */
@media(max-width:640px){
 .sn-aside-focus,.sn-passion-profile .sn-passion-body{padding:22px!important}
 .sn-about-leadership-links{flex-direction:column;align-items:stretch}
 .sn-about-leadership-links a{justify-content:center;text-align:center}
 .sn-travel-card .sn-travel-overlay{padding:38px 16px 16px!important}
 .sn-travel-card .sn-travel-overlay strong{font-size:20px!important}
 .sn-travel-card .sn-travel-overlay em{padding:8px 12px!important}
 .sn-show-image .sn-show-center{max-width:none!important}
 .sn-social-hub{padding:20px 0 56px!important}
 .sn-social-hub-head h1{font-size:clamp(35px,11vw,48px)!important}
 .sn-social-hub-grid{grid-template-columns:1fr!important;gap:12px!important}
 .sn-social-hub-card{padding:20px!important}
}
@media(max-width:360px){
 .sn-social-hub-card h2{font-size:24px!important}
 .sn-travel-card .sn-travel-overlay small{letter-spacing:.11em!important}
}


/* V10: Restore signature motto, move leadership into previous photo slot, rebalance mobile. */
.sn-about-leadership-card{
  margin-top:24px; padding:28px 27px 29px; min-width:0;
  border:1px solid #2f6948; border-radius:18px;
  background:radial-gradient(ellipse at 100% 0%,rgba(47,131,75,.22),transparent 55%),linear-gradient(135deg,#102219,#0c1911);
  position:relative; overflow:hidden;
}
.sn-about-leadership-card::before{content:"";position:absolute;inset:0 auto auto 0;width:37%;height:2px;background:linear-gradient(90deg,#3fe38c,transparent)}
.sn-about-leadership-card h3{font-size:clamp(25px,2.5vw,32px);line-height:1.22;letter-spacing:-.035em;color:#f8fff9;margin:13px 0 12px}
.sn-about-leadership-card h3 em{color:#3ee28a;font-style:normal}
.sn-about-leadership-card p{color:#bdd2c4;font-size:14px;line-height:1.75;margin:0}
.sn-about-leadership-card .sn-about-leadership-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}
.sn-about-leadership-card .sn-about-leadership-links a{border:1px solid #407550;border-radius:999px;padding:9px 14px;background:#143020;color:#f1fff5;font-size:12px;line-height:1.35;font-weight:700}
.sn-about-leadership-card .sn-about-leadership-links a:hover{border-color:#45e68d;background:#1d432c}
html[dir="rtl"] .sn-about-leadership-card{text-align:right}
html[dir="rtl"] .sn-about-leadership-card::before{left:auto;right:0;background:linear-gradient(270deg,#3fe38c,transparent)}
@media(max-width:640px){
  .sn-advert-stage .ad-label{font-size:9px!important;line-height:1.2!important;letter-spacing:.04em!important;font-weight:700!important;padding:4px 8px!important;top:8px!important;left:8px!important;border-radius:7px!important;max-width:46%!important;white-space:nowrap!important}
  .sn-about-block.sn-block{padding-top:38px!important;padding-bottom:40px!important}
  .sn-about-story .sn-biglead{margin:12px 0 15px!important;line-height:1.52!important}
  .sn-about-story>p:not(.sn-biglead){line-height:1.7!important}
  .sn-about-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:25px!important}
  .sn-about-quick>a:first-child{grid-column:1/-1!important;min-height:120px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;column-gap:13px!important;align-items:center!important;text-align:start!important;padding:17px 21px!important}
  .sn-about-quick>a:first-child .sn-about-icon{grid-row:1/3!important;grid-column:1!important;width:50px!important;height:50px!important;margin:0!important}
  .sn-about-quick>a:first-child strong{grid-row:1!important;grid-column:2!important;font-size:18px!important;line-height:1.25!important;align-self:end!important}
  .sn-about-quick>a:first-child small{grid-row:2!important;grid-column:2!important;font-size:11px!important;line-height:1.35!important;align-self:start!important;margin-top:5px!important}
  .sn-about-quick>a:nth-child(2),.sn-about-quick>a:nth-child(3){grid-column:auto!important;min-height:135px!important;padding:19px 9px!important;justify-content:center!important}
  .sn-about-quick>a:nth-child(2) strong,.sn-about-quick>a:nth-child(3) strong{font-size:14px!important}
  .sn-about-quick>a:nth-child(2) small,.sn-about-quick>a:nth-child(3) small{font-size:10px!important;line-height:1.35!important}
  .sn-about-leadership-card{margin-top:17px!important;padding:22px 19px 24px!important}
  .sn-about-leadership-card h3{font-size:24px!important}
  .sn-about-leadership-card p{font-size:13px!important;line-height:1.7!important}
  .sn-about-leadership-card .sn-about-leadership-links{gap:9px!important}
  .sn-about-leadership-card .sn-about-leadership-links a{width:100%!important;justify-content:space-between!important;min-width:0!important}
  .sn-passion-profile .sn-passion-visual{height:225px!important}
  .sn-passion-profile .sn-passion-visual strong{font-size:clamp(29px,8.1vw,37px)!important}
  .sn-passion-profile .sn-passion-orbit{max-width:72vw!important}
}
@media(max-width:360px){
  .sn-about-quick>a:first-child{padding:15px 16px!important}
  .sn-about-quick>a:nth-child(2),.sn-about-quick>a:nth-child(3){padding:16px 5px!important}
  .sn-advert-stage .ad-label{font-size:8px!important;padding:3px 6px!important}
}

/* V11 mobile: keep travel thumbnails square and Connect icons compact. */
@media (max-width:980px){
 .sn-travel-gallery.sn-travel-gallery-featured > .sn-travel-img {
   aspect-ratio:1/1!important; height:auto!important; min-height:0!important;
 }
 .sn-footer-social-in-connect .sn-social-footer {
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
}
@media (max-width:650px){
 .sn-travel-gallery.sn-travel-gallery-featured {grid-template-columns:1fr!important;}
 .sn-travel-gallery.sn-travel-gallery-featured > .sn-travel-img {height:auto!important;aspect-ratio:1/1!important;}
 .sn-footer-social-in-connect .sn-social-footer .sn-social-link {
   min-height:39px!important; height:39px!important;
 }
}


/* V12 — compact mobile ad, Khoj cover, footer thirds. */
@media (max-width: 650px) {
 /* Existing badge text stays intact for screen readers and desktop;
    only its mobile visual label becomes the short disclosure #Ad. */
 .sn-advert-stage .ad-label {
   font-size:0!important; letter-spacing:0!important; padding:5px 8px!important;
   line-height:1!important; top:8px!important; left:9px!important;
   max-width:none!important; min-height:0!important; width:auto!important;
   border-radius:8px!important;
 }
 .sn-advert-stage .ad-label::after {
   content:'#Ad'; display:inline-block; color:inherit;
   font-size:11px!important; line-height:1.2!important;
   font-weight:800; letter-spacing:0!important;
 }
 /* Prevent intrinsic image dimensions stretching Khoj to a 1000px card. */
 .sn-shows-grid .sn-show.sn-show-image {
   box-sizing:border-box!important; height:330px!important; min-height:330px!important;
   max-height:330px!important; aspect-ratio:auto!important;
   padding:18px!important; position:relative!important;
   background:#152118 url('/assets/images/sarim-noor-khoj-promo.png') center 32% / cover no-repeat!important;
 }
 .sn-shows-grid .sn-show.sn-show-image > img {
   display:block!important; position:absolute!important; inset:0!important;
   z-index:0!important; width:100%!important; height:100%!important;
   max-width:none!important; max-height:none!important; object-fit:cover!important;
   object-position:center 32%!important;
 }
 .sn-shows-grid .sn-show.sn-show-image::before {
   z-index:1!important; background:linear-gradient(180deg,#06100818 0%,#06100820 24%,#06100855 57%,#061008ed 100%)!important;
 }
 .sn-shows-grid .sn-show.sn-show-image::after {z-index:3!important;}
 .sn-shows-grid .sn-show.sn-show-image > .sn-show-top,
 .sn-shows-grid .sn-show.sn-show-image > .sn-show-center,
 .sn-shows-grid .sn-show.sn-show-image > .sn-show-bottom {z-index:2!important;}
 .sn-show-image .sn-show-center {text-align:start!important;align-self:stretch!important;margin-top:auto!important}
 .sn-show-image .sn-show-center .sn-show-symbol {display:none!important}
 .sn-show-image .sn-show-center h3 {font-size:29px!important;line-height:1.08!important}
 .sn-show-image .sn-show-center p {font-size:12px!important;line-height:1.45!important;color:#d9e7dd!important}
 .sn-show-image .sn-show-bottom {font-size:12px!important;padding-top:11px!important;margin-top:12px!important}
 /* First footer row remains logo; Explore, Information and Connect share one row. */
 .footer .footer-grid {
   display:grid!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.88fr)!important;
   column-gap:12px!important; row-gap:25px!important;
   align-items:start!important;
 }
 .footer .footer-grid > div {min-width:0!important;grid-column:auto!important}
 .footer .footer-grid > div:first-child {grid-column:1/-1!important}
 .footer .footer-grid strong {font-size:13px!important;overflow-wrap:anywhere}
 .footer .footer-grid a:not(.brand) {font-size:11px!important;overflow-wrap:anywhere;line-height:1.55!important}
 .footer .footer-grid p {font-size:12px!important}
 .footer .sn-footer-social-in-connect {max-width:100%!important;margin-top:11px!important}
 .footer .sn-footer-social-in-connect .sn-social-footer {
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:5px!important;
 }
 .footer .sn-footer-social-in-connect .sn-social-footer .sn-social-link {
   height:33px!important;min-height:33px!important;min-width:0!important;
   padding:0!important;border-radius:8px!important;
 }
 .footer .sn-footer-social-in-connect .sn-social-footer svg {width:16px!important;height:16px!important}
 .footer .sn-footer-profiles-more {font-size:10px!important;line-height:1.5!important;margin-top:10px!important}
}
@media(max-width:360px){
 .footer .footer-grid {column-gap:8px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.85fr)!important}
 .footer .footer-grid strong {font-size:12px!important}
 .footer .footer-grid a:not(.brand) {font-size:10px!important}
}

/* V12 refinement: no foreground image, text overlays the PNG background. */
@media(max-width:650px){
 .sn-shows-grid .sn-show.sn-show-khoj {
   display:flex!important;flex-direction:column!important;
   background-color:#132519!important;
   background-image:url('/assets/images/sarim-noor-khoj-promo.png')!important;
   background-repeat:no-repeat!important;
   background-size:cover!important;
   background-position:center 27%!important;
   height:330px!important;min-height:330px!important;max-height:330px!important;
 }
 .sn-shows-grid .sn-show.sn-show-khoj::before {
   background:linear-gradient(to bottom, rgba(4,14,8,.02) 0%,rgba(4,14,8,.05) 35%,rgba(4,14,8,.62) 65%,rgba(4,14,8,.96) 100%)!important;
 }
 .sn-shows-grid .sn-show.sn-show-khoj>.sn-show-center {margin-top:auto!important}
}

/* V14: preserve media artwork and crop-safe 1:1 travel cards on phones. */
@media(max-width:690px){
 .sn-travel-gallery.sn-travel-gallery-featured{grid-template-columns:1fr!important;gap:14px!important}
 .sn-travel-gallery.sn-travel-gallery-featured>.sn-travel-img{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
 .sn-travel-gallery.sn-travel-gallery-featured>.sn-travel-img img{width:100%!important;height:100%!important;object-fit:cover!important}
 .sn-about-leadership-card{padding:22px 19px 24px!important;min-height:0!important}
 .sn-about-founder-layout.sn-passion-profile{display:grid!important;grid-template-columns:minmax(0,34%) minmax(0,66%)!important;grid-template-rows:auto auto!important;min-height:0!important;padding:0!important}
 .sn-about-founder-layout .sn-about-founder-table-img{grid-column:1!important;grid-row:1/3!important;align-self:end!important;width:129%!important;height:100%!important;min-height:400px!important;max-height:none!important;object-fit:contain!important;object-position:bottom center!important}
 .sn-about-founder-layout .sn-passion-visual{grid-column:2!important;grid-row:1!important;height:215px!important;min-height:215px!important;padding:14px 5px 10px 0!important}
 .sn-about-founder-layout .sn-passion-visual strong{font-size:clamp(21px,6vw,29px)!important;line-height:1.14!important}
 .sn-about-founder-layout .sn-passion-visual small{font-size:7px!important}
 .sn-about-founder-layout .sn-passion-body{grid-column:2!important;grid-row:2!important;padding:18px 12px 23px 0!important}
 .sn-about-founder-layout .sn-passion-body h3{font-size:clamp(17px,5vw,22px)!important;line-height:1.28!important}
 .sn-about-founder-layout .sn-passion-body p{font-size:11px!important;line-height:1.6!important}
 .sn-show-poster{height:330px!important;min-height:330px!important;max-height:330px!important;background-image:none!important}
 .sn-shows-grid .sn-show.sn-show-poster>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;z-index:0!important}
 .sn-show-poster::before{background:linear-gradient(to bottom,#07120a16 0%,#07120a10 40%,#07120ac4 76%,#07120afa 100%)!important}
 .sn-show-poster .sn-show-center{margin-top:auto!important}
 .sn-show-khoj .sn-show-center{text-align:right!important;margin-top:auto!important}
 .sn-show-khoj .sn-show-center h3{font-size:24px!important}
 .sn-show-khoj .sn-show-center p{font-size:11px!important;line-height:1.4!important;margin-left:auto!important;max-width:170px!important}
 .sn-milestone-image img{width:100%!important;height:245px!important;max-height:none!important;object-fit:cover!important}
}

/* V14 media: correct image displayed while lazy decoding completes. */
.sn-shows-grid .sn-show.sn-show-image.sn-show-poster-rah{background-image:url('/assets/images/sarim-noor-rah-e-ishq-poster.webp')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}
.sn-shows-grid .sn-show.sn-show-image.sn-show-poster-tolo{background-image:url('/assets/images/sarim-noor-tolo-phir-bolo-poster.webp')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}

/* Keep the new portrait entirely in its own grid column, away from body text. */
.sn-about-founder-layout .sn-about-founder-table-img{width:100%!important;max-width:100%!important;object-position:bottom center!important}
@media(max-width:690px){.sn-about-founder-layout .sn-about-founder-table-img{width:100%!important;max-width:100%!important;height:100%!important;object-position:bottom center!important}}

/* V14 refinement: make the portrait span both About panel rows instead of leaving a blank upper half. */
.sn-about-founder-layout .sn-about-founder-table-img{object-fit:cover!important;object-position:52% center!important}
@media(max-width:690px){.sn-about-founder-layout .sn-about-founder-table-img{object-fit:cover!important;object-position:52% center!important}}


/* V16 — mobile fine-tuning for show cards and About founder panel. */
@media (max-width: 690px){
  .sn-media-block .sn-show.sn-show-khoj{background-position:center 23%!important}
  .sn-media-block .sn-show.sn-show-poster,
  .sn-media-block .sn-show.sn-show-khoj{min-height:330px!important}
  .sn-about-block .sn-about-founder-layout .sn-about-founder-table-img{
    object-fit:contain!important;
    object-position:left bottom!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
  }
}


/* V17 — mobile restore for founder panel, square show cards, better explore cards and compact footer. */
@media (max-width: 690px){
  .sn-about-block .sn-about-founder-layout.sn-passion-profile{
    display:grid!important;
    grid-template-columns:40% 60%!important;
    grid-template-rows:auto auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .sn-about-block .sn-about-founder-layout .sn-about-founder-table-img{
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-self:end!important;
    justify-self:start!important;
    position:relative!important;
    z-index:1!important;
    width:145%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:left bottom!important;
    transform:translateX(-11%)!important;
    filter:drop-shadow(0 14px 18px rgba(0,0,0,.28))!important;
  }
  .sn-about-block .sn-about-founder-layout .sn-passion-visual,
  .sn-about-block .sn-about-founder-layout .sn-passion-body{
    grid-column:2!important;
    position:relative!important;
    z-index:2!important;
    width:auto!important;
    margin:0!important;
    background:transparent!important;
  }
  .sn-about-block .sn-about-founder-layout .sn-passion-visual{
    grid-row:1!important;
    height:224px!important;
    min-height:224px!important;
    padding:18px 10px 12px 0!important;
  }
  .sn-about-block .sn-about-founder-layout .sn-passion-body{
    grid-row:2!important;
    padding:16px 12px 22px 0!important;
  }
  .sn-about-block .sn-about-founder-layout .sn-passion-body h3{
    margin-top:12px!important;
  }

  .sn-media-block .sn-shows-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .sn-media-block .sn-shows-grid .sn-show{
    aspect-ratio:1 / 1!important;
    min-height:0!important;
    height:auto!important;
    padding:16px 16px 16px!important;
  }
  .sn-media-block .sn-shows-grid .sn-show.sn-show-poster,
  .sn-media-block .sn-shows-grid .sn-show.sn-show-khoj{
    min-height:0!important;
  }
  .sn-media-block .sn-show-poster .sn-show-center,
  .sn-media-block .sn-show-khoj .sn-show-center{
    transform:translateY(16px)!important;
  }
  .sn-media-block .sn-show-top{
    font-size:10px!important;
    letter-spacing:.18em!important;
  }
  .sn-media-block .sn-show-image .sn-show-center h3{
    font-size:24px!important;
    line-height:1.08!important;
    margin-bottom:6px!important;
  }
  .sn-media-block .sn-show-image .sn-show-center p{
    font-size:11.5px!important;
    line-height:1.45!important;
    max-width:92%!important;
  }
  .sn-media-block .sn-show-image .sn-show-bottom{
    font-size:11px!important;
    padding-top:10px!important;
    margin-top:10px!important;
  }

  .sn-explore .feature-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .sn-explore .feature{
    min-height:148px!important;
    padding:16px 15px!important;
    border-radius:18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    background:radial-gradient(circle at top right,rgba(56,131,84,.22),transparent 55%),linear-gradient(135deg,#101d15,#0b1410)!important;
  }
  .sn-explore .feature h3{
    font-size:15.5px!important;
    line-height:1.34!important;
    margin:8px 0 auto!important;
  }
  .sn-explore .feature span:last-child{
    font-size:11px!important;
    font-weight:700!important;
    margin-top:14px!important;
  }

  .footer .footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:10px!important;
    row-gap:22px!important;
    align-items:start!important;
  }
  .footer .footer-grid > div:first-child{
    grid-column:1 / -1!important;
  }
  .footer .footer-grid strong{
    font-size:12px!important;
  }
  .footer .footer-grid a:not(.brand),
  .footer .footer-grid p{
    font-size:10px!important;
    line-height:1.55!important;
  }
  .footer .sn-footer-social-in-connect{
    margin-top:8px!important;
    max-width:100%!important;
  }
  .footer .sn-footer-social-in-connect .sn-social-footer{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .footer .sn-footer-social-in-connect .sn-social-footer .sn-social-link{
    height:30px!important;
    min-height:30px!important;
    border-radius:8px!important;
    padding:0!important;
  }
  .footer .sn-footer-social-in-connect .sn-social-footer svg{
    width:14px!important;
    height:14px!important;
  }
  .footer .sn-footer-profiles-more{
    font-size:10px!important;
    margin-top:8px!important;
  }
}
@media (max-width: 390px){
  .sn-explore .feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sn-explore .feature{
    min-height:140px!important;
    padding:14px 13px!important;
  }
  .sn-explore .feature h3{
    font-size:14.5px!important;
  }
  .sn-about-block .sn-about-founder-layout .sn-about-founder-table-img{
    width:150%!important;
    transform:translateX(-14%)!important;
  }
}

/* V20: compact, balanced three-column footer on phones */
@media (max-width:650px){
  .footer .footer-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:10px!important;
    row-gap:15px!important;
    align-items:stretch!important;
  }
  .footer .footer-grid>div{min-width:0!important;grid-column:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;}
  .footer .footer-grid>div:first-child{grid-column:1/-1!important;display:block!important;}
  .footer .footer-grid>div:not(:first-child){padding-bottom:0!important;}
  .footer .footer-grid strong{font-size:12px!important;line-height:1.4!important;margin-bottom:9px!important;}
  .footer .footer-grid a:not(.brand){font-size:10px!important;line-height:1.5!important;}
  .footer .sn-footer-social-in-connect{width:100%!important;max-width:100%!important;margin-top:2px!important;}
  .footer .sn-footer-social-in-connect .sn-social-footer{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;max-width:100%!important;
  }
  .footer .sn-footer-social-in-connect .sn-social-footer .sn-social-link{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:26px!important;min-height:26px!important;
    min-width:0!important;padding:0!important;border-radius:7px!important;
  }
  .footer .sn-footer-social-in-connect .sn-social-footer svg{width:13px!important;height:13px!important;}
  .footer .sn-footer-profiles-more{font-size:9px!important;line-height:1.35!important;margin-top:9px!important;}
}
@media (max-width:360px){
  .footer .footer-grid{column-gap:7px!important;}
  .footer .sn-footer-social-in-connect .sn-social-footer{gap:4px!important;}
  .footer .sn-footer-social-in-connect .sn-social-footer .sn-social-link{height:24px!important;min-height:24px!important;}
}

/* V23 — smaller official social icons on phones; footer layout retained. */
@media (max-width:650px){
 .footer .sn-footer-social-in-connect .sn-social-footer{gap:4px!important;}
 .footer .sn-footer-social-in-connect .sn-social-footer .sn-social-link{
   height:22px!important;min-height:22px!important;max-height:22px!important;
   border-radius:5px!important;
 }
 .footer .sn-footer-social-in-connect .sn-social-footer svg{
   width:10px!important;height:10px!important;max-width:10px!important;max-height:10px!important;
 }
}
@media (max-width:360px){
 .footer .sn-footer-social-in-connect .sn-social-footer .sn-social-link{height:20px!important;min-height:20px!important;max-height:20px!important;}
 .footer .sn-footer-social-in-connect .sn-social-footer svg{width:9px!important;height:9px!important;}
}

/* Final responsive corrections: keep faces unobstructed and maintain the approved language layout. */
@media (min-width:851px){
 .sn-about-block .sn-about-layout{direction:ltr!important;}
 html[dir="rtl"] .sn-about-block .sn-about-story{direction:rtl!important;text-align:right!important;}
 .sn-about-block .sn-about-founder-layout .sn-about-founder-table-img{
   height:60%!important;max-height:60%!important;max-width:74%!important;
   left:-3%!important;right:auto!important;bottom:0!important;
   object-fit:contain!important;object-position:left bottom!important;z-index:1!important;
 }
 html[dir="rtl"] .sn-about-block .sn-about-founder-layout .sn-about-founder-table-img{
   left:auto!important;right:-3%!important;object-position:right bottom!important;
 }
 html[dir="rtl"] .sn-about-block .sn-about-founder-layout .sn-passion-body{
   direction:rtl!important;text-align:right!important;margin:0 auto 0 0!important;
   padding:18px 12px 26px 26px!important;
 }
 html[dir="rtl"] .sn-about-block .sn-about-founder-layout::after{
   background:linear-gradient(270deg,rgba(7,18,12,.02) 0%,rgba(7,18,12,.18) 28%,rgba(7,18,12,.82) 52%,rgba(7,18,12,.92) 100%)!important;
 }
 .sn-milestone-image img{object-position:49% 48%!important;}
}
@media(max-width:690px){
 .sn-about-block .sn-about-founder-layout .sn-about-founder-table-img{
   width:130%!important;max-width:none!important;height:auto!important;max-height:none!important;
   object-fit:contain!important;object-position:left bottom!important;transform:translateX(-7%)!important;
 }
 html[dir="rtl"] .sn-about-block .sn-about-founder-layout .sn-about-founder-table-img{
   object-position:right bottom!important;transform:translateX(7%)!important;
 }
 .sn-advert-stage .ad-label{top:auto!important;bottom:8px!important;left:9px!important;right:auto!important;z-index:5!important;}
 .footer .sn-footer-social-in-connect .sn-social-footer .sn-social-link{
   height:22px!important;min-height:22px!important;max-height:22px!important;
 }
 .footer .sn-footer-social-in-connect .sn-social-footer svg{
   width:9px!important;height:9px!important;max-width:9px!important;max-height:9px!important;
 }
 .sn-milestone-image img{object-position:49% 48%!important;}
}
@media(max-width:360px){
 .footer .sn-footer-social-in-connect .sn-social-footer .sn-social-link{height:20px!important;min-height:20px!important;max-height:20px!important;}
 .footer .sn-footer-social-in-connect .sn-social-footer svg{width:8px!important;height:8px!important;max-width:8px!important;max-height:8px!important;}
}