/* Studios Responsive v3.0. Consolidated from theme.css + responsive.css + PHP inline
   Breakpoints: 1100 (tablet landscape) | 900 (tablet portrait) | 600 (phone) | 1400+ (large)
   Feature queries: prefers-reduced-motion, hover:none, safe-area, print
   Source of truth for ALL media queries. no @media in theme.css or PHP inline */

/* ═══ FEATURE QUERIES ═══ */
@media(prefers-reduced-motion:reduce){
  .st-ch{animation:none}
  *{scroll-behavior:auto!important}
}
@media(pointer:coarse){
  .st-cur,.st-cur-ring{display:none!important}
}
@media(hover:none){
  .st-feed-overlay{display:none}
  .st-fm-over{display:none}
}

/* ═══ 1350px+. Content cap: --px expands to center content at 1350px ═══ */
@media(min-width:1350px){
  :root{--px:calc((100vw - 1350px) / 2 + 28px)}
}

/* ═══ 1400px+. Large desktop ═══ */
@media(min-width:1400px){
  .st-df-grid{grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:220px!important}
  .st-dash-grid{grid-template-columns:repeat(3,1fr)!important}
}

/* ═══ 1100px. Tablet landscape ═══ */
@media(max-width:1100px){
.st-topbar{padding:6px 12px;gap:6px}
.st-topbar .st-topbar-link{font-size:clamp(7px,2.2vw,11px)}
.st-topbar .st-topbar-sep{margin:0 2px}
.st-topbar>div{gap:8px!important}
  .st-nav{top:32px;padding:16px 12px}
  .st-nav-links,.st-nav-inizia{display:none}
  .st-nav-ham{display:flex}
  /* Services */
  .st-services-top{grid-template-columns:1fr}
  .st-comp{grid-template-columns:40px 1fr}
  .st-comp-right{display:none}
  /* Target: 3 cols on all desktop+tablet, 1 col mobile */
  .st-target-cards{grid-template-columns:repeat(3,1fr)!important}
  
  /* Homepage grid */
  .st-hp-grid{grid-template-columns:repeat(2,1fr)!important}
  .st-hp-big{grid-column:1/-1}
  /* Feed masonry */
  .st-fm-cols{columns:4}
}

/* ═══ 900px. Tablet portrait ═══ */
@media(max-width:900px){
  :root{--px:24px;--spy:clamp(64px,10vw,100px)}
  .st-mob-cta{display:block!important}

  /* Dashboard */
  .st-dash{grid-template-columns:1fr}
  .st-dash-side{position:fixed!important;top:48px;left:0;right:0;height:auto!important;z-index:90;background:var(--dk)!important;border-right:none!important;border-bottom:1px solid rgba(244,235,226,.1)}
  .st-dash-nav{display:flex!important;gap:4px;overflow-x:auto;padding:8px 16px!important;scrollbar-width:none;flex-wrap:nowrap!important}
  .st-dash-nav::-webkit-scrollbar{display:none}
  .st-dash-link{white-space:nowrap!important;padding:7px 14px!important;font-size:11px!important;border-radius:20px!important;border:1px solid rgba(244,235,226,.08)!important;background:transparent!important}
  .st-dash-link svg{display:none!important}
  .st-dash-link.active{background:rgba(244,235,226,.08)!important;border-color:rgba(244,235,226,.15)!important}
  .st-dash-link.active::before{display:none!important}
  .st-dash-pro{font-size:7px!important;padding:2px 4px!important}
  .st-dash-profile,.st-dash-side-foot{display:none!important}
  .st-dash-main{padding:80px 20px 24px!important}
  body.st-light .st-dash-side{background:#E9E0D4!important}
  body.st-light .st-dash-link{border-color:rgba(17,15,11,.08)!important}
  body.st-light .st-dash-link.active{background:rgba(17,15,11,.05)!important;border-color:rgba(17,15,11,.15)!important}
  /* sez16: dashboard spacing fix con topbar visibile */
  .st-dash-page .st-dash-side{top:var(--st-stickytop,84px)!important;transition:top 200ms ease-out}
  .st-dash-page .st-dash-main{padding-top:64px!important}

  /* Blog */
  .st-blog-layout{grid-template-columns:1fr!important}
  .st-blog-sidebar{position:relative!important;top:auto!important;margin-top:32px}

  /* Contact */
  .st-contact-grid,.st-contact-row{grid-template-columns:1fr!important}

  /* Footer */
  .st-footer-top{grid-template-columns:repeat(3,1fr)!important;gap:20px!important}
  .st-footer-brand{margin-bottom:0}

  .st-footer-brand div:first-child{font-size:14px!important;margin-bottom:6px!important}
  .st-footer-brand div:last-child{font-size:11px!important}
  .st-footer-col{margin-bottom:0}
  .st-footer-col-t{margin-bottom:8px}
  .st-footer-col a{padding:2px 0}
  .st-ft-hide-mob{display:none!important}
  /* Hero */
  .st-hero-bottom{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}

  /* Team */
  .st-team-top{grid-template-columns:1fr!important}
  .st-team-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}

  /* Portfolio (section). hide sidebar feeds */
  .st-cs-side{display:none!important}
  .st-cs-split{grid-template-columns:1fr!important}
  .st-cs-side-grid{grid-template-columns:repeat(4,1fr)!important}

  /* Portfolio (old grid) */
  .st-port-r1,.st-port-r2{grid-template-columns:1fr 1fr}
  .st-port-layout{grid-template-columns:1fr!important}
  .st-port-stories{flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
  .st-port-stories::-webkit-scrollbar{display:none}
  .st-port-story{flex:0 0 140px;min-height:180px}

  /* Insights. hide sidebar feeds */
  .st-ps-side{display:none!important}
  .st-ps-layout{grid-template-columns:1fr!important}
  .st-ps-articles{grid-template-columns:1fr!important}
  .st-ps-side-grid{grid-template-columns:repeat(4,1fr)!important}
  .st-ps-card:not(.st-ps-hero){grid-template-columns:1fr;grid-template-rows:120px auto}

  /* Value */
  .st-value-layout{grid-template-columns:1fr!important;gap:32px!important}
  .st-value-div{display:none!important}
  .st-value-left,.st-value-right{padding:0!important}

  /* Target */
  .st-target-cards{grid-template-columns:1fr!important}
  .st-tc{border-left:none!important;border-top:1px solid rgba(244,235,226,.1)!important}
  .st-tc:first-child{border-top:none!important}

  /* Services */
  .st-services-top{grid-template-columns:1fr!important}
  .st-comp{grid-template-columns:40px 1fr!important}
  .st-comp-right{display:none!important}
  .rv[style*="grid-template-columns"]{grid-template-columns:1fr!important}

  /* Insights (old) */
  .st-insights-grid{grid-template-columns:1fr!important}
  .st-ins,.st-ins.featured{grid-template-columns:1fr!important}

  /* Ambassador */
  .st-amb-block{grid-template-columns:1fr!important}
  .st-hp-amb{flex-direction:column!important;text-align:center!important}
  .st-hp-amb-right{flex-direction:row!important;justify-content:center!important;flex-wrap:wrap}
  .st-cs-amb{flex-direction:column!important;text-align:center!important}

  /* Buzz */
  .st-buzz-teaser{grid-template-columns:1fr!important}

  /* Sedi / Awards */
  .st-sedi-grid{grid-template-columns:repeat(2,1fr)!important}
  .st-sede-card:nth-child(3n+1){border-left:1px solid rgba(244,235,226,.1)}
  .st-sede-card:nth-child(odd){border-left:none}

  /* Clients */

  /* Galaxy */
  .st-galaxy [style*="grid-template-columns:1.2fr"]{grid-template-columns:1fr!important}
  .st-galaxy [style*="grid-template-columns:1fr auto"]{grid-template-columns:1fr!important}

  /* Story viewer */
  .st-sv-progress{padding:10px 16px 0}
  .st-sv-arrow{display:none!important}
  .st-sv-info{right:70px;bottom:40px}
  .st-sv-actions{bottom:40px;right:12px}

  /* Feed */
  .st-feed-grid{grid-template-columns:repeat(3,1fr)}
  .st-fm-cols{columns:3}
  .st-feed-mosaic{grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:100px!important}

  /* Portfolio archive */
  .st-port-archive-grid{grid-template-columns:1fr!important}
  .st-p-overview-grid{grid-template-columns:1fr!important}
  .st-p-sidebar{grid-template-columns:1fr 1fr!important}
  /* Portfolio CPT (from portfolio.css) */
  .st-port-hero,.st-port-listing,.st-port-cta,.st-proj-overview,.st-proj-section,.st-proj-gallery-placeholder,.st-proj-quote,.st-proj-nav,.st-proj-cta,.st-portfolio-home{padding-left:24px;padding-right:24px}
  .st-proj-hero-content{padding-left:24px;padding-right:24px}
  .st-port-grid,.st-portfolio-home-grid{grid-template-columns:1fr;gap:32px}
  .st-port-card.st-port-wide,.st-portfolio-home-big{grid-column:1}
  .st-port-card.st-port-wide .st-port-card-img,.st-portfolio-home-big .st-port-card-img{aspect-ratio:16/9}
  .st-proj-overview-grid{grid-template-columns:1fr;gap:40px}
  .st-proj-section-grid{grid-template-columns:1fr;gap:16px}
  .st-proj-section-num{font-size:1.5rem}
  .st-proj-nav-grid{grid-template-columns:1fr}
  .st-proj-nav-next{border-left:none;border-top:1px solid rgba(244,235,226,.08);padding-left:0;text-align:left}
  .st-proj-nav-next .st-proj-nav-label{justify-content:flex-start}
  .st-portfolio-home-header{flex-direction:column;align-items:flex-start;gap:16px}
}

/* ═══ 768px. Small tablet (transitional) ═══ */
@media(max-width:768px){
  
  .st-nav{top:28px}
  .st-topbar.hidden~.st-nav{top:0}
  .st-nav{transition:top .3s ease}
  /* Animations off */
  .st-cur,.st-cur-ring{display:none!important}
  .st-ch{animation:none}
  /* Hero */
  .st-comp{grid-template-columns:1fr!important;padding:clamp(16px,2vw,24px) 0!important}
  .st-comp-n{display:block!important;font-size:12px!important;opacity:1!important;color:rgba(244,235,226,.3)!important;margin-bottom:4px}
  body.st-light .st-comp-n{color:rgba(26,23,20,.35)!important}
  /* Portfolio grid */
  .st-port-grid{grid-template-columns:1fr!important;gap:20px!important}
  .st-port-card[style*="grid-column"]{grid-column:auto!important}
  /* Buzz */
  .st-buzz-vid{min-height:auto!important}
  /* Clients */
  /* Dashboard feed */
  .st-df-grid{grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:160px!important}
  .st-dash-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  /* Lightbox */
  .st-lb-nav{width:36px!important;height:36px!important}
  .st-lb-prev{left:8px!important}
  .st-lb-next{right:8px!important}
  /* Portfolio single (from templates/portfolio.php) */
  .st-p-hero-inner{padding:100px 24px 36px}
  .st-p-overview{padding:20px 24px 16px}
  .st-p-overview-grid{grid-template-columns:1fr;gap:16px}
  .st-p-sidebar{grid-template-columns:1fr 1fr}
  .st-p-cosa{padding:12px 24px}
  .st-p-section{padding:24px 24px}
  .st-p-section-grid{grid-template-columns:30px 1fr;gap:12px}
  .st-p-section-num{font-size:1.2rem}
  .st-p-gallery{padding:8px 24px}
  .st-p-gallery-grid{grid-template-columns:1fr;gap:6px}
  .st-p-banner{padding:28px 24px}
  .st-p-banner-inner{flex-direction:column;text-align:center;gap:20px}
  .st-p-nav{padding:0 24px}
  .st-p-cta{padding:56px 24px}
  .st-p-listing-hero{padding:100px 24px 40px}
  .st-p-listing-body{padding-left:24px!important;padding-right:24px!important}
  .st-port-grid{grid-template-columns:1fr;gap:28px}
  .st-port-card[style*="grid-column"]{grid-column:auto!important}
  /* Dashboard portfolio (from inc/section-dashboard-portfolio.php) */
  .sd-2col{grid-template-columns:1fr;gap:16px}
  .sd-sec{grid-template-columns:30px 1fr;gap:12px}
  .sd-masonry{column-count:1}
  .sd-lb-nav{width:36px;height:36px;font-size:16px}
  .sd-lb-prev{left:8px}
  .sd-lb-next{right:8px}
  /* Dashboard feed (from templates/dashboard.php) */
  .st-df-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
  /* Search results mobile */
  .search .st-dk.st-grain{padding-top:clamp(100px,14vw,160px)!important}
  .search .st-h-lg{font-size:clamp(28px,8vw,40px)!important}
}

/* ═══ 600px. Phone ═══ */
@media(max-width:600px){
  .st-sede-card{border-top:1px solid rgba(244,235,226,.08)!important;border-left:none!important}
  .st-footer-brand{margin-bottom:0}
  :root{--px:16px!important}

  /* Search mobile small */
  .search .st-dk.st-grain{padding-top:90px!important}
  .search .st-h-lg{font-size:clamp(24px,9vw,36px)!important}
  /* Hero */
  .st-hero{min-height:90vh!important;min-height:90svh!important}
  .st-hero h1{font-size:clamp(28px,9vw,40px)!important;line-height:1.12!important}
  .st-hero-scroll{display:none!important}
  .st-hero-sub{font-size:13px!important;max-width:none!important}
  .st-hero-est{font-size:8px!important;letter-spacing:2px!important}

  /* Section spacing */
  .st-reel{padding-top:56px!important;padding-bottom:48px!important}
  .st-value,.st-services,.st-target,.st-insights,#portfolio,#feed{padding-top:64px!important;padding-bottom:56px!important}
  .st-galaxy{padding-top:48px!important;padding-bottom:48px!important}
  .st-cta{padding:56px var(--px)!important}
  .st-cta-amb,.st-cta-contact,.st-cta-story{padding:48px 0!important}
  .st-stats{margin:16px 0!important}
  .st-marquee{padding:4px 0!important}
  .st-marquee-award img{height:50px!important}

  /* Headings */
  .st-h-xl{font-size:clamp(26px,8vw,40px)!important}
  .st-h-lg{font-size:clamp(22px,7vw,32px)!important}
  .st-cta-word{font-size:clamp(28px,9vw,44px)!important;overflow-wrap:break-word}
  .st-eye{font-size:9px!important;letter-spacing:3px!important;margin-bottom:10px!important}
  .st-p{font-size:13px!important}

  /* Nav */
  .st-nav{padding:12px 16px!important}
  .st-drawer{width:100%!important}
  .st-drawer-item{font-size:28px!important}

  /* Reel */
  .st-reel-top{margin-bottom:20px!important}
  .st-reel-card{flex:0 0 clamp(120px,34vw,150px)!important}
  .st-reel-track{gap:6px!important}
  .st-reel-sep{min-width:24px!important;padding:0 3px!important}
  .st-reel-sep-label{font-size:7px!important}

  /* Stats */
  .st-stats{grid-template-columns:1fr 1fr!important}
  .st-stat::after{display:none!important}

  /* Team */
  .st-team-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .st-team-photo{aspect-ratio:1!important}

  /* Stories strip */
  .st-strip-story{flex:0 0 110px;aspect-ratio:9/14}

  /* Portfolio (section) */
  .st-cs-split{gap:10px!important}
  .st-cs-hero-card{aspect-ratio:16/10!important}
  .st-cs-trio{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .st-cs-card-img{aspect-ratio:1/1!important}
  .st-cs-title{font-size:12px!important}
  .st-cs-info{padding:10px!important}
  .st-cs-side-grid{grid-template-columns:repeat(3,1fr)!important}
  .st-cs-amb>div:last-child{width:100%;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

  /* Portfolio (old grid) */
  .st-port-r1,.st-port-r2{grid-template-columns:1fr}

  /* Insights */
  .st-ps-layout{gap:10px!important}
  .st-ps-hero{grid-template-columns:1fr!important;grid-template-rows:140px auto!important}
  .st-ps-card:not(.st-ps-hero){grid-template-rows:120px auto!important}
  .st-ps-body{padding:12px!important}
  .st-ps-title{font-size:13px!important}
  .st-ps-side-grid{grid-template-columns:repeat(3,1fr)!important}

  /* Feed */
  .st-feed-grid{grid-template-columns:repeat(2,1fr);gap:6px}
  .st-fm-cols{columns:2}
  .st-feed-mosaic{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:90px!important}

  /* Buttons */
  .st-cta-btn-outline{font-size:10px!important;padding:12px 20px!important;width:100%!important;justify-content:center!important}
  .st-cta-actions{flex-direction:column!important;gap:12px!important}

  /* Footer */
  .st-footer{padding:36px 16px 16px!important}
  .st-footer-top{grid-template-columns:1fr 1fr!important;gap:16px!important}
  .st-footer-bottom{flex-direction:column!important;gap:12px!important;text-align:center}
  .st-footer-legal{justify-content:center!important}

  /* Clients / Sedi */
  .st-clients-grid{grid-template-columns:1fr!important}.st-sedi-grid{grid-template-columns:repeat(2,1fr)!important}

  /* Dashboard */
  .st-dash-main{padding:70px 16px 20px!important}
  .st-dash-link{padding:6px 10px!important;font-size:10px!important}
  .st-df-grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:130px!important}
  .st-df-card-head{display:none!important}
  .st-dash-grid{grid-template-columns:1fr!important}
  .st-amb-grid{grid-template-columns:1fr!important}
  .st-dash-title{font-size:clamp(20px,6vw,28px)!important}

  /* Blog */
  .st-blog-post{grid-template-columns:1fr!important}

  /* Story viewer */
  .st-sv-img-wrap{width:94vw!important;height:min(78vh,calc(94vw * 16/9))!important}
  .st-sv-brand{width:94vw!important}
  .st-sv-close-screen{top:10px!important;right:10px!important;width:36px!important;height:36px!important}
  .st-sv-head{left:10px!important;right:10px!important;top:24px!important}
  .st-sv-info{left:10px!important;right:50px!important;bottom:12px!important}
  .st-sv-actions{bottom:12px!important;right:10px!important;gap:12px!important}
  .st-sv-act{width:34px!important;height:34px!important}

  /* Ambassador inline */
  .st-hp-amb,.st-cs-amb{padding:16px!important;gap:12px!important}
  .st-hp-amb-right .st-cta-btn-outline{width:100%!important;justify-content:center!important}
  .st-cs-amb{margin-top:20px!important;padding:14px!important}
  .st-cs-amb .st-cta-btn-outline{font-size:9px!important;padding:10px 16px!important}
  .st-port-link{font-size:9px!important}

  /* Value */
  .st-value-h{font-size:clamp(24px,8vw,36px)!important}

  /* Lightbox feed */
  #stDfLightbox button[onclick*="Nav"]{width:36px!important;height:36px!important}
  #stDfLightbox img{max-width:95vw!important;max-height:70vh!important}

  /* Galaxy section */
  .st-galaxy-inner{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px!important}
  .st-galaxy-content{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
  .st-galaxy-content>div:nth-child(3){width:1px;height:auto!important;display:none!important}
  .st-galaxy-inner>a{width:100%!important;justify-content:center!important}

  /* Float toggle */
  #stFloatToggle{bottom:16px!important;right:16px!important;width:32px!important;height:32px!important}

  /* Forms */
  .st-form-row{grid-template-columns:1fr!important}
  .st-form-chips{gap:4px!important}
  .st-form-chip-label{font-size:10px!important;padding:6px 10px!important}
  .st-form-radios{flex-direction:column!important;gap:10px!important}
  .st-form-btn{width:100%!important;justify-content:center!important}
  .st-form-tab{font-size:10px!important;padding:8px 14px!important;flex:1;justify-content:center}
  .st-form-upload{padding:16px!important}
  .st-amb-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}

  /* Mobile CTA */
  .st-mob-cta{padding:20px var(--px)!important}
  .st-mob-cta-title{font-size:16px!important}
  .st-mob-cta-desc{font-size:12px!important;margin-bottom:10px!important}

  /* Portfolio single (from templates/portfolio.php) */
  .st-p-hero-inner{padding:80px 16px 28px}
  .st-p-overview{padding:16px}
  .st-p-cosa{padding:12px 16px}
  .st-p-section{padding:20px 16px}
  .st-p-gallery{padding:8px 16px}
  .st-p-banner{padding:24px 16px}
  .st-p-nav{padding:0 16px}
  .st-p-overview-grid,.st-p-section-grid,.st-p-gallery-grid,.st-p-cosa-inner,.st-p-nav{max-width:100%!important;width:100%!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
  .st-p-cta{padding:40px 16px}
  /* Portfolio CPT (from portfolio.css) */
  .st-port-hero{padding-top:120px;padding-bottom:50px}
  .st-port-hero,.st-port-listing,.st-port-cta,.st-proj-overview,.st-proj-section,.st-proj-gallery-placeholder,.st-proj-quote,.st-proj-nav,.st-proj-cta,.st-portfolio-home{padding-left:16px;padding-right:16px}
  .st-proj-hero-content{padding-left:16px;padding-right:16px}
  .st-port-filter{padding:12px 14px;font-size:.8rem}
  .st-proj-hero{min-height:50vh}
}

/* ═══ SAFE AREA (iPhone notch) ═══ */
@supports(padding:max(0px)){
  .st-nav{padding-left:max(var(--px),env(safe-area-inset-left));padding-right:max(var(--px),env(safe-area-inset-right))}
  .st-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .st-drawer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}



/* ═══ v9.2.0 UTILITY RESPONSIVE. zero !important ═══ */

/* 600px: service split stacks */
@media(max-width:600px){
  .st-svc-split,.st-svc-split.st-svc-flip{grid-template-columns:1fr}
  .st-svc-split:not(.st-svc-flip) .st-svc-img{order:2!important}
}

/* 900px: containers, sections, check grids */
@media(max-width:900px){
  .st-sec{padding:clamp(48px,8vw,80px) var(--px)}
}

/* 600px: tighter spacing, single column checks */
@media(max-width:600px){
  .st-sec{padding:clamp(36px,6vw,56px) var(--px)}
  .st-sec-sm{padding:clamp(28px,5vw,44px) var(--px)}
  .st-check-grid{grid-template-columns:1fr}
  .st-svc-title{font-size:clamp(20px,6vw,28px)}
  .st-hero-short{min-height:auto;padding-top:140px;padding-bottom:48px}
  .st-hero-med{min-height:auto;padding-top:140px;padding-bottom:48px}
}

/* ═══ v9.2.0 RESPONSIVE FIXES ═══ */

/* 375px. Extra small phone fixes */
@media(max-width:400px){
  /* CTA greeting: prevent overflow with long dynamic text */
  .st-cta{padding:28px var(--px)!important}
  [data-st-cta-greet]{font-size:clamp(24px,8vw,36px)!important}
  /* Hero H1: tighter on very small screens */
  .st-hero h1{font-size:clamp(28px,8.5vw,38px)!important;margin-bottom:20px!important}
  /* Footer: single column */
  .st-footer-top{grid-template-columns:1fr!important;gap:20px!important}
  /* Team: single column on very small */
  .st-team-grid{grid-template-columns:1fr!important;gap:12px!important}
  /* Dashboard nav: smaller pills */
  .st-dash-link{padding:5px 8px!important;font-size:9px!important}
  /* Contact form: full width inputs */
  .st-contact-grid{gap:24px!important}
  /* Reel cards: smaller on tiny screens */
  .st-reel-card{flex:0 0 clamp(110px,32vw,140px)!important}
  .st-reel-track{gap:5px!important}
}

/* Light mode dashboard. comprehensive tab coverage */
@media(max-width:900px){
  body.st-light .st-dash-nav{background:#DDD4C8!important}
  body.st-light .st-dash-main{background:#E9E0D4!important}
}

/* Contact page widening. make form readable on tablet */
@media(min-width:901px) and (max-width:1200px){
  .st-contact-grid{gap:40px!important}
}

/* Fan deck. tablet landscape: keep side by side */
@media(max-width:1100px) and (min-width:769px){
  .st-fan-inner{gap:24px!important}
  .st-fan-deck{max-width:320px!important}
}

/* ═══ PRINT ═══ */
@media print{
  .st-nav,.st-drawer,.st-pre,.st-sv-overlay,#stFloatToggle,.st-mob-cta,.st-reel,.st-stories-strip{display:none!important}
  body{background:#fff!important;color:#000!important}
  .st-cr{background:#fff!important}
  *{box-shadow:none!important;text-shadow:none!important}
  a{color:#000!important;text-decoration:underline!important}
  .st-footer{border-top:1px solid #ccc}
}

/* GRID LINES responsive */

/* Dashboard grids responsive v10.3.6 */
@media(max-width:1100px){
  #stBuzzGrid{grid-template-columns:repeat(4,1fr)!important}
  #stLiveGrid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:768px){
  #stBuzzGrid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  #stLiveGrid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .st-amb-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
}
@media(max-width:480px){
  #stBuzzGrid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
  #stLiveGrid{grid-template-columns:1fr!important;gap:8px!important}
  .st-df-grid{grid-template-columns:1fr!important;grid-auto-rows:240px!important}
  .st-amb-grid{grid-template-columns:1fr!important;gap:10px!important}
  .st-dash-form .st-form-row{flex-direction:column!important}
}
/* Align content padding with nav/lines on mobile */
@media(max-width:900px){
  .st-hero,.st-target,.st-value,.st-reel,.st-services,.st-cta,.st-port-section{padding-left:var(--px)!important;padding-right:var(--px)!important}
  .st-value-layout,.st-reel-top{padding-left:0!important;padding-right:0!important}
}

/* ══ PUNTO 12: ambassador grid 2 col mobile ══ */
@media(max-width:768px){
  .st-amb-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .st-amb-member img{aspect-ratio:3/4}
}

/* ══ PUNTO 17: servizi tags mobile - no marquee, no duplicates ══ */
@media(max-width:768px){
  .sd-marquee{overflow:hidden}
  .sd-marquee::before,.sd-marquee::after{display:none}
  .sd-marquee-track{animation:none;flex-wrap:wrap;width:auto;gap:6px}
  /* Hide duplicated items (second half) */
  .sd-svc-dup{display:none}
}

/* ══ PUNTO 7: portfolio tags mobile - no marquee ══ */
@media(max-width:768px){
  .st-p-marquee{overflow:visible}
  .st-p-marquee::before,.st-p-marquee::after{display:none}
  .st-p-marquee-track{animation:none;flex-wrap:wrap;width:auto;gap:6px}
  /* tags always visible for marquee loop */
}

/* Fix scroll trap on single portfolio mobile */
@media(max-width:768px){
  .st-proj-section,.st-proj-overview,.st-proj-quote,.st-proj-nav,.st-proj-cta,.st-proj-gallery,.st-proj-gallery-placeholder{overflow:visible!important;touch-action:pan-y!important}
  .st-proj-overview-grid{display:block!important}
  .st-proj-overview-side{margin-top:24px}
  .st-proj-hero{min-height:50vh}
}

@media(max-width:768px){.st-reel-track{touch-action:pan-x pan-y!important}}



@media(max-width:768px){.st-tag-scroll{flex-wrap:wrap;overflow-x:visible;cursor:default}}