/* FISCHRAINE — Phase 146 / Collection Mobile 2.0
   Dedicated responsive refinement for iOS, iPadOS and Android. */

@media (max-width:1024px){
  .category-page-header,.signature-page-header{padding-left:clamp(20px,5vw,52px)!important;padding-right:clamp(20px,5vw,52px)!important}
  .category-page-grid,.signature-page-grid{margin-left:clamp(20px,5vw,52px)!important;margin-right:clamp(20px,5vw,52px)!important}
  .studio-ad-head{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;gap:32px!important}
  .studio-ad-title{font-size:clamp(3.6rem,8vw,6.7rem)!important}
  .studio-ad-showcase{min-width:0!important}
}

@media (max-width:760px){
  /* Mobile shell + safe areas */
  .site-header{min-height:62px!important;padding-top:max(8px,env(safe-area-inset-top))!important}
  .ticker{overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ticker::-webkit-scrollbar{display:none}

  /* Collection hero */
  .hero{min-height:auto!important;padding-top:clamp(56px,14vw,92px)!important;padding-bottom:clamp(56px,14vw,92px)!important}
  .hero-copy{width:100%!important;max-width:none!important}
  .hero h1{overflow-wrap:normal!important;word-break:normal!important}

  /* Spotlight becomes editorial, not oversized. */
  .spotlight-inner{display:block!important;padding:56px max(18px,5vw)!important}
  .spotlight-heading{font-size:clamp(3.6rem,16vw,6.2rem)!important;line-height:.84!important;max-width:100%!important}
  .spotlight-hint{margin-top:24px!important;max-width:36ch!important}
  .spotlight-empty{min-height:140px!important;padding:28px 20px!important}

  /* Five collection panels: premium horizontal rail. */
  .category-grid{display:flex!important;gap:12px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 max(18px,5vw) 18px!important;margin-left:0!important;margin-right:0!important;scroll-padding-left:max(18px,5vw)}
  .category-grid::-webkit-scrollbar{display:none}.category-grid{scrollbar-width:none}
  .category-panel{flex:0 0 min(78vw,330px)!important;width:min(78vw,330px)!important;min-width:min(78vw,330px)!important;scroll-snap-align:start;min-height:520px!important}

  /* Signature Series */
  .signature-wrap{grid-template-columns:1fr!important;gap:30px!important;padding-left:max(18px,5vw)!important;padding-right:max(18px,5vw)!important}
  .signature-copy{max-width:100%!important}
  .signature-grid,.signature-home-grid{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px!important;scrollbar-width:none}
  .signature-grid::-webkit-scrollbar,.signature-home-grid::-webkit-scrollbar{display:none}
  .signature-card{flex:0 0 min(76vw,310px)!important;scroll-snap-align:start;min-width:0!important}

  /* Category page header and controls. */
  .category-page-header{display:block!important;padding:42px max(18px,5vw) 26px!important}
  .category-page-header h2,.category-page-header h1{font-size:clamp(3.7rem,18vw,6.2rem)!important;line-height:.84!important;margin-bottom:26px!important}
  .category-page-back{display:inline-flex!important;width:auto!important;min-height:44px!important;padding:0 16px!important;font-size:.58rem!important;letter-spacing:.13em!important}
  .discovery-summary{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;margin:0 max(18px,5vw) 14px!important;padding:12px 0!important}
  .discovery-summary strong{font-size:.52rem!important;line-height:1.35!important;letter-spacing:.1em!important}
  .discovery-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 max(18px,5vw) 22px!important}
  .discovery-tools .collection-browse-search{grid-column:1/-1!important;height:48px!important;padding:0 14px!important;font-size:16px!important}
  .discovery-tools .collection-browse-sort{height:44px!important;min-width:0!important;width:100%!important;padding:0 30px 0 12px!important;font-size:13px!important;letter-spacing:.035em!important}
  .discovery-view-toggle{grid-column:1/-1!important;height:44px!important}
  .discovery-view-toggle button{min-height:44px!important;font-size:.55rem!important}
  .discovery-tools .collection-browse-count{grid-column:1/-1!important;padding-top:3px!important}
  .category-page-grid{margin:0 max(18px,5vw)!important;gap:12px!important}

  /* Collection card grid: two columns where useful, one on very small phones. */
  .category-page-grid:not(.portfolio-mode){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .category-page-grid .card,.category-page-grid .discovery-card{min-width:0!important}

  /* Studio advertisement — one clear premium story. */
  .studio-ad-shell{padding-left:max(18px,5vw)!important;padding-right:max(18px,5vw)!important}
  .studio-ad-head{display:block!important}
  .studio-ad-title{font-size:clamp(3.35rem,15vw,5.5rem)!important;line-height:.84!important;letter-spacing:-.055em!important;margin:18px 0 26px!important}
  .studio-ad-intro{max-width:32ch!important;font-size:1rem!important;line-height:1.55!important}
  .studio-ad-cta-right{margin-top:24px!important}
  .studio-ad-showcase{margin-top:38px!important}
  .studio-ad-frame{aspect-ratio:4/3!important;min-height:0!important}
  .studio-ad-benefits{grid-template-columns:1fr!important;gap:0!important}
  .studio-ad-benefit{min-height:0!important;padding:18px 0!important;border-left:0!important;border-top:1px solid #303030!important}

  /* Value page: full-width chart and thumb-friendly controls. */
  #collectionValueView .value-section{padding-top:54px!important;padding-bottom:54px!important}
  #collectionValueView .value-chart-card{width:100%!important;max-width:none!important;min-height:0!important}
  #collectionValueView .value-chart-pro{height:210px!important}
  #collectionValueView .value-chart-controls{position:static!important;margin-top:18px!important}
}

@media (max-width:430px){
  .category-panel{flex-basis:84vw!important;width:84vw!important;min-width:84vw!important;min-height:490px!important}
  .category-page-grid:not(.portfolio-mode){grid-template-columns:1fr!important}
  .discovery-summary{grid-template-columns:1fr!important;gap:5px!important}
  .discovery-summary strong{font-size:.55rem!important}
  .signature-card{flex-basis:84vw!important}
  .studio-ad-frame{aspect-ratio:1/1!important}
}

@media (max-height:500px) and (orientation:landscape){
  .hero{padding-top:34px!important;padding-bottom:34px!important}
  .category-panel{min-height:390px!important}
}

@media (hover:none) and (pointer:coarse){
  .category-panel,.signature-card,.discovery-card{transform:none!important}
  .category-explore,.signature-see-more,.studio-ad-button{min-height:44px!important;display:inline-flex!important;align-items:center!important}
}