/* FERA mobile site polish — phone-first overrides */
@media (max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{width:100%;max-width:100%;overflow-x:hidden!important}
  *{box-sizing:border-box}
  :root{--fera-unified-nav:64px}
  .nav{height:64px!important;min-height:64px!important}
  .fera-unified-menu-btn{left:8px!important;height:64px!important;width:42px!important}
  .fera-unified-menu-btn span{top:31px!important}
  .fera-unified-logo{top:3px!important;width:96px!important;height:58px!important}
  .fera-unified-actions{right:8px!important;height:64px!important;gap:5px!important}
  .fera-unified-actions .search-wrap{width:28px!important;min-width:28px!important;flex-basis:28px!important}
  .fera-unified-actions .search-wrap.open{position:fixed!important;left:54px!important;right:50px!important;top:13px!important;width:auto!important;min-width:0!important;flex-basis:auto!important;height:38px!important;background:#000!important;z-index:1010!important}
  .fera-unified-actions .search-wrap.open .search-input{width:calc(100vw - 145px)!important;min-width:0!important;flex:1 1 auto!important;height:36px!important;font-size:16px!important}
  .fera-unified-actions .icon-btn{width:28px!important;height:28px!important}
  .fera-unified-actions .icon-btn svg{width:22px!important;height:22px!important}
  .fera-unified-actions .cart-btn svg{width:25px!important;height:25px!important}
  .fera-unified-drawer{width:min(330px,88vw)!important;padding:20px 16px 24px!important}
  .fera-unified-links a{min-height:48px!important;font-size:10px!important;letter-spacing:2px!important}
  .fera-currency-panel{width:calc(100vw - 24px)!important;padding:22px 16px!important;max-height:82vh!important}

  /* Homepage hero */
  .home{min-height:100svh!important}
  .hero{min-height:100svh!important;height:100svh!important;background-image:url('assets/fera-hero-mobile-final.jpg')!important;background-position:center center!important;background-size:cover!important}
  .hero-content{height:100svh!important}
  .hero-search{width:calc(100vw - 44px)!important;max-width:430px!important;height:44px!important;top:69%!important}
  .hero-search input{font-size:16px!important;letter-spacing:1.5px!important;padding:0 14px!important}
  .hero-search button{width:48px!important}
  .hero-shop-all{top:81%!important;width:156px!important;height:40px!important;font-size:9px!important;letter-spacing:2.5px!important}

  /* Homepage shirt catalog */
  .fera-shirt-catalog{padding:46px 14px 64px!important}
  .fera-catalog-inner{width:100%!important;max-width:none!important}
  .fera-catalog-heading{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;gap:8px 12px!important;padding-bottom:18px!important}
  .fera-catalog-heading>div:first-child{min-width:0!important}
  .fera-catalog-kicker{font-size:7px!important;letter-spacing:2.2px!important;margin-bottom:8px!important}
  .fera-catalog-heading h1{font-size:21px!important;letter-spacing:4px!important;line-height:1.05!important}
  .fera-catalog-heading p{font-size:8px!important;line-height:1.5!important;letter-spacing:1px!important;margin-top:8px!important}
  .fera-catalog-count{font-size:7px!important;letter-spacing:1.4px!important;padding-bottom:2px!important}
  .fera-catalog-toolbar{min-height:52px!important;gap:10px!important}
  .fera-catalog-filter-btn{font-size:9px!important;letter-spacing:1.6px!important;padding:15px 0!important;white-space:nowrap!important}
  .fera-filter-icon{font-size:15px!important;margin-right:4px!important}
  .fera-catalog-sort{min-width:0!important;justify-content:flex-end!important}
  .fera-catalog-sort select{width:128px!important;max-width:42vw!important;height:36px!important;padding:0 26px 0 9px!important;font-size:9px!important;letter-spacing:.6px!important;background-position:calc(100% - 13px) 14px,calc(100% - 9px) 14px!important}
  .fera-catalog-filters{grid-template-columns:1fr!important;gap:10px!important;padding:14px 0 16px!important}
  .fera-filter-group{gap:5px!important}
  .fera-filter-group label{font-size:7px!important}
  .fera-filter-group select{width:100%!important;height:42px!important;font-size:16px!important;padding-top:0!important;padding-bottom:0!important;background-position:calc(100% - 15px) 17px,calc(100% - 11px) 17px!important}
  .fera-filter-clear{height:42px!important;width:100%!important}
  .fera-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 10px!important;padding-top:18px!important}
  .fera-catalog-placeholder{width:100%!important;aspect-ratio:1/1.15!important}
  .fera-catalog-placeholder:before{inset:8%!important}
  .fera-catalog-placeholder span{font-size:14px!important;letter-spacing:3px!important}
  .fera-catalog-placeholder small{font-size:6px!important;letter-spacing:1.2px!important;bottom:8px!important}
  .fera-catalog-name{font-size:9px!important;line-height:1.3!important;margin-top:9px!important}
  .fera-catalog-meta{font-size:6.5px!important;line-height:1.35!important;letter-spacing:1px!important;margin-top:4px!important}

  /* Catalog/category pages */
  .page{padding-top:64px!important;min-height:100svh!important}
  .wrap{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important}
  .head{padding-top:34px!important;padding-bottom:20px!important}
  .head .title,.wrap>.title{font-size:22px!important;letter-spacing:4px!important;line-height:1.1!important}
  .sub{font-size:8px!important;letter-spacing:1.8px!important;line-height:1.6!important}
  .shirt-catalog,.coming-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 10px!important}
  .shirt-image,.coming-page-image{aspect-ratio:1/1.12!important;min-height:0!important}
  .shirt-name,.coming-page-name{font-size:9px!important;line-height:1.3!important;letter-spacing:.8px!important}
  .shirt-price,.shirt-status,.coming-page-price{font-size:7px!important;letter-spacing:1px!important}

  /* Product pages */
  .product-page,.cs-standard-page{padding-top:64px!important;min-height:100svh!important}
  .detail{width:100%!important;max-width:none!important;padding:22px 14px 50px!important}
  .back{display:inline-block!important;margin:5px 0 18px!important;font-size:8px!important;letter-spacing:1.7px!important}
  .detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .detail-photo{width:100%!important;max-width:none!important;aspect-ratio:1/1!important;min-height:0!important}
  .detail-info,.detail-copy{width:100%!important;max-width:none!important}
  .detail h1,.product-title{font-size:23px!important;line-height:1.08!important;letter-spacing:3px!important;overflow-wrap:anywhere!important}
  .kicker{font-size:8px!important;letter-spacing:2px!important}
  .price{font-size:16px!important}
  .desc{font-size:11px!important;line-height:1.65!important}
  .color-row,.cs-color-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .color-row button,.cs-color-row button{min-height:42px!important;padding:0 16px!important}
  .shirt-view-arrow{width:42px!important;height:42px!important}

  /* Contact/form */
  .form{width:100%!important;max-width:none!important}
  .form .row{grid-template-columns:1fr!important;gap:12px!important}
  input,select,textarea{max-width:100%!important}
  .form input,.form select,.form textarea{font-size:16px!important}
  .submit{width:100%!important;min-height:48px!important}
  .success-box{width:calc(100vw - 28px)!important;max-width:440px!important;padding:28px 18px!important}

  /* Cart/footer */
  .content{padding-left:14px!important;padding-right:14px!important}
  .cart-drawer{width:min(370px,94vw)!important}
  .fera-footer,.footer{padding-left:14px!important;padding-right:14px!important}
  .fera-footer-inner,.footer-links{max-width:100%!important}
  .fera-footer-links,.footer-links{flex-wrap:wrap!important;gap:12px 18px!important}
}

@media (max-width:380px){
  .fera-catalog-grid,.shirt-catalog,.coming-grid-page{gap-left:8px!important;gap-right:8px!important}
  .fera-catalog-heading h1{font-size:19px!important;letter-spacing:3px!important}
  .fera-catalog-sort select{width:112px!important;font-size:8px!important}
  .fera-unified-logo{width:88px!important}
}