/* v44.28 mobile professional frontend polish */
:root{
  --smx-mobile-shell: 14px;
  --smx-mobile-radius: 1.1rem;
  --smx-mobile-card-shadow: 0 14px 32px rgba(15,23,42,.06);
}

@media (max-width: 991px){
  html,body{overflow-x:hidden}
  body{background:#f6f8fc}
  .site-shell,.inner-wrap,.content-shell,.content-shell-wide,.page-content-shell,.section-shell,.section-shell-narrow{
    width:100%!important;
    max-width:100%!important;
  }
  .page-pad,.section-shell,.section-shell-narrow{padding-inline:var(--smx-mobile-shell)!important}
  .news-card,.smx-public-card,.auth-card,.member-card,.member-soft-box,.member-sidebar,
  .product-detail-main,.product-detail-content-card,.product-detail-side-stack > *,
  .market-page-panel,.smx-end-news-shell,.smx-pro-footer-top,.smx-pro-footer-card{
    border-radius:var(--smx-mobile-radius)!important;
    box-shadow:var(--smx-mobile-card-shadow)!important;
  }
  .smx-clamp-2{-webkit-line-clamp:2}
  .smx-clamp-3{-webkit-line-clamp:3}

  /* general rhythm */
  .homepage-main .site-shell.page-pad{padding-top:.7rem!important;padding-bottom:.7rem!important}
  .homepage-content-shell>.row,
  .homepage-content-shell>.homepage-quick-row,
  .homepage-content-shell>.homepage-hero-row,
  .homepage-content-shell>.homepage-categories-row{margin-bottom:.95rem!important}

  /* top single banner */
  .home-top-story-banner{border-radius:1.2rem!important;min-height:unset}
  .home-top-story-banner .relative.z-10{min-height:170px!important;padding:1rem!important;align-items:flex-end}
  .home-top-story-banner h2{font-size:1.45rem!important;line-height:1.04!important;max-width:15ch}
  .home-top-story-banner p{font-size:.88rem!important;line-height:1.55!important;max-width:32ch}
  .home-top-story-banner .mt-5{margin-top:.9rem!important}
  .home-top-story-banner .mt-5 a{padding:.78rem .95rem!important;font-size:.8rem!important;min-height:42px}

  /* colorful 3-card service block */
  .home-spark-card{padding:1rem!important;min-height:unset;border-radius:1.15rem!important}
  .home-spark-card .inline-flex.h-14.w-14{width:2.85rem!important;height:2.85rem!important;border-radius:.95rem!important}
  .home-spark-card h3{margin-top:.75rem!important;font-size:1rem!important;line-height:1.18!important}
  .home-spark-card p{margin-top:.45rem!important;font-size:.84rem!important;line-height:1.45!important}
  .home-spark-card .mt-5{margin-top:.8rem!important}
  .home-spark-card .mt-5.inline-flex,
  .home-spark-card span.inline-flex.rounded-full{padding:.68rem .9rem!important;font-size:.74rem!important}

  /* stories + announcements */
  .home-story-card{grid-template-columns:88px minmax(0,1fr)!important;gap:.85rem!important;padding:.9rem!important;border-radius:1.05rem!important}
  .home-story-card img{height:88px!important;border-radius:.95rem!important}
  .home-story-card h4{margin-top:.6rem!important;font-size:1rem!important;line-height:1.18!important}
  .home-story-card p{margin-top:.35rem!important;font-size:.84rem!important;line-height:1.45!important}
  .home-story-card .mt-3.inline-flex{margin-top:.6rem!important;font-size:.72rem!important}
  .space-y-3 > .block.rounded-\[1\.35rem\]{border-radius:1rem!important;padding:.9rem .95rem!important}
  .space-y-3 > .block.rounded-\[1\.35rem\] .mt-2.text-\[1rem\]{font-size:.95rem!important;line-height:1.2!important}
  .space-y-3 > .block.rounded-\[1\.35rem\] .mt-2.text-sm{font-size:.84rem!important;line-height:1.45!important}

  /* compact gallery cards */
  .grid.sm\:grid-cols-2.xl\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  .grid.sm\:grid-cols-2.xl\:grid-cols-4 > a{border-radius:1rem!important}
  .grid.sm\:grid-cols-2.xl\:grid-cols-4 h3{font-size:.9rem!important;line-height:1.18!important}
  .grid.sm\:grid-cols-2.xl\:grid-cols-4 p{font-size:.76rem!important;line-height:1.35!important}

  /* home market module */
  .homepage-market-v2-grid{grid-template-columns:1fr!important;gap:.9rem!important}
  .homepage-market-v2-sidebar{height:auto}
  .homepage-market-v2-sidebar .text-xl{font-size:1.05rem!important}
  .homepage-market-v2-sidebar p{font-size:.84rem!important;line-height:1.45!important}
  .homepage-market-v2-filter-links{flex-direction:row!important;gap:.6rem!important;overflow-x:auto;padding-bottom:.2rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .homepage-market-v2-filter-links::-webkit-scrollbar{display:none}
  .homepage-market-v2-filter-link{flex:0 0 220px;padding:.75rem .8rem!important;border-radius:1rem!important;scroll-snap-align:start}
  .homepage-market-v2-filter-icon{width:38px!important;height:38px!important;border-radius:.9rem!important}
  .homepage-market-v2-featured-grid{display:flex!important;gap:.8rem!important;overflow-x:auto;padding-bottom:.15rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .homepage-market-v2-featured-grid::-webkit-scrollbar{display:none}
  .homepage-market-v2-feature-card{flex:0 0 84vw;scroll-snap-align:start;border-radius:1.1rem!important}
  .homepage-market-v2-feature-media{aspect-ratio:4/3!important}
  .homepage-market-v2-feature-card h3{font-size:1rem!important;line-height:1.15!important}
  .homepage-market-v2-feature-card p{font-size:.82rem!important;line-height:1.4!important}
  .homepage-market-v2-feature-card .product-buy-btn{padding:.72rem .8rem!important;font-size:.76rem!important;min-height:38px!important}
  .homepage-market-v2-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  .homepage-market-v2-product-card{border-radius:1rem!important}
  .homepage-market-v2-product-thumb{aspect-ratio:1/1!important}
  .homepage-market-v2-product-card-compact .homepage-market-v2-product-body{padding:.72rem!important}
  .homepage-market-v2-product-card-compact a.block.text-\[10px\]{font-size:8px!important}
  .homepage-market-v2-product-card-compact h3{font-size:.88rem!important;line-height:1.18!important;min-height:2.05em}
  .homepage-market-v2-product-card-compact p{display:none}
  .homepage-market-v2-product-card-compact .text-\[1\.18rem\]{font-size:.95rem!important}
  .homepage-market-v2-product-card .inline-flex.items-center.gap-2.text-slate-900.font-black.text-sm.whitespace-nowrap{font-size:.72rem!important;gap:.22rem!important}
  .homepage-market-v2-product-card .mt-2\.5{margin-top:.55rem!important}
  .homepage-market-v2-badges,.market-card-badges{top:.45rem!important;right:.45rem!important;gap:.22rem!important}
  .smx-floating-badge{padding:.32rem .46rem!important;font-size:7px!important;letter-spacing:.1em!important}

  /* market listing page */
  .market-page-shell{grid-template-columns:1fr!important;gap:.95rem!important}
  .market-mobile-filter-toggle{display:inline-flex!important}
  .market-page-panel{padding:1rem!important;border-radius:1.1rem!important}
  .market-page-panel h1{font-size:1.55rem!important;line-height:1.05!important}
  .market-page-panel .text-2xl{font-size:1.2rem!important}
  .market-sidebar-links{display:flex;gap:.6rem!important;overflow-x:auto;padding-bottom:.15rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .market-sidebar-links::-webkit-scrollbar{display:none}
  .market-sidebar-link{flex:0 0 215px;scroll-snap-align:start;padding:.75rem .8rem!important;border-radius:1rem!important}
  .market-sidebar-link-icon,.market-sidebar-switch-ui{width:40px!important;height:40px!important;border-radius:.9rem!important}
  .market-sidebar-switch{padding:.8rem .85rem!important;border-radius:1rem!important}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  .market-grid-refined .market-card{border-radius:1rem!important}
  .market-card-thumb{aspect-ratio:1/1!important}
  .market-card-body{padding:.75rem!important;gap:.4rem!important}
  .market-card-title{font-size:.9rem!important;line-height:1.18!important;min-height:2.08em}
  .market-card-summary{display:none!important}
  .market-card-price{font-size:1rem!important}
  .market-card-actions{grid-template-columns:1fr!important;gap:.45rem!important}
  .market-card-actions .product-buy-btn{padding:.62rem .65rem!important;min-height:36px!important;font-size:.76rem!important}
  .market-card .inline-flex.rounded-full{padding:.3rem .52rem!important;font-size:8px!important}
  .market-card-badges{top:.42rem!important;right:.42rem!important}

  /* product detail */
  .product-detail-grid{grid-template-columns:1fr!important}
  .product-media-column,.product-summary-panel{padding:1rem!important}
  .product-summary-panel{border-left:0!important;border-top:1px solid #e2e8f0}
  .product-detail-heading-row{margin-bottom:.8rem!important}
  .product-detail-side-title{font-size:1.15rem!important}
  .product-detail-gallery-count{padding:.55rem .75rem!important;font-size:.68rem!important}
  .product-detail-hero-wrap{height:320px!important;border-radius:1.15rem!important}
  .product-thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.5rem!important}
  .product-thumb-grid .product-thumb{height:68px!important;border-radius:.8rem!important}
  .product-feature-mini-grid{grid-template-columns:1fr!important;gap:.65rem!important;margin-top:.9rem!important}
  .product-feature-mini-card{padding:.85rem!important;border-radius:1rem!important}
  .product-summary-head,.product-price-card,.product-order-card{padding:1rem!important;border-radius:1.1rem!important}
  .product-summary-title{font-size:1.6rem!important;line-height:1.02!important}
  .product-summary-text{font-size:.9rem!important;line-height:1.55!important;margin-top:.65rem!important}
  .product-stat-grid{grid-template-columns:1fr!important;gap:.55rem!important}
  .product-stat-card{padding:.75rem .85rem!important;font-size:.76rem!important;border-radius:.85rem!important}
  .product-price-current{font-size:1.9rem!important}
  .product-price-old{font-size:.86rem!important;padding-bottom:.15rem!important}
  .product-price-breakdown{grid-template-columns:1fr!important;gap:.5rem!important}
  .product-price-breakdown div{padding:.8rem!important;border-radius:.85rem!important}
  .product-qty-row{grid-template-columns:1fr!important;gap:.7rem!important}
  .product-qty-box{max-width:none!important}
  .product-qty-btn,.product-qty-input{height:48px!important}
  .product-buy-btn{min-height:44px!important;border-radius:.95rem!important;padding:.82rem .95rem!important;font-size:.82rem!important}
  .product-buy-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-order-card .grid,
  .product-order-card .flex.gap-3,
  .product-order-card .flex.flex-wrap.gap-3{display:grid!important;grid-template-columns:1fr!important;gap:.6rem!important}
  .product-detail-bottom-grid{grid-template-columns:1fr!important;gap:.95rem!important}
  .product-detail-content-card,.product-detail-side-stack > *{padding:1rem!important;border-radius:1.1rem!important}
  .content-text.prose,.content-text{font-size:.94rem!important;line-height:1.68!important}
  .content-text h2,.prose h2{font-size:1.28rem!important}
  .product-side-item{padding:.75rem 0!important}
  .product-side-link{padding:.82rem .9rem!important;border-radius:.95rem!important}

  /* end news */
  .smx-end-news-shell{padding:1rem!important;border-radius:1.15rem!important}
  .smx-end-news-head{margin-bottom:.8rem!important}
  .smx-end-news-title{font-size:1.25rem!important;line-height:1.08!important}
  .smx-end-news-text{font-size:.86rem!important;line-height:1.5!important}
  .smx-end-news-layout{grid-template-columns:1fr!important;gap:.8rem!important}
  .smx-end-news-feature{min-height:240px!important;border-radius:1.05rem!important}
  .smx-end-news-feature-body{padding:1rem!important}
  .smx-end-news-feature-title{font-size:1.15rem!important;max-width:16ch}
  .smx-end-news-feature-text{font-size:.84rem!important;line-height:1.5!important}
  .smx-end-news-side{grid-template-columns:1fr!important;gap:.7rem!important}
  .smx-end-news-mini{grid-template-columns:92px minmax(0,1fr)!important;border-radius:1rem!important}
  .smx-end-news-mini-thumb{min-height:92px!important}
  .smx-end-news-mini-body{padding:.8rem!important}
  .smx-end-news-mini-title{font-size:.92rem!important;line-height:1.16!important}
  .smx-end-news-mini-text{font-size:.78rem!important;line-height:1.42!important}
  .smx-end-news-mini-link{font-size:.75rem!important;padding-top:.45rem!important}

  /* footer */
  .smx-pro-footer{margin-top:2rem!important;padding-bottom:1rem!important}
  .smx-pro-footer .site-shell{padding-top:1rem!important}
  .smx-pro-footer-top{padding:1rem!important;border-radius:1.15rem!important;gap:.9rem!important}
  .smx-pro-footer-top-title{font-size:1.2rem!important;line-height:1.08!important;max-width:none!important}
  .smx-pro-footer-top-text{font-size:.84rem!important;line-height:1.55!important}
  .smx-pro-footer-top-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:.55rem!important}
  .smx-pro-footer-btn-primary,.smx-pro-footer-btn-secondary{width:100%!important;justify-content:center!important;padding:.82rem .95rem!important;font-size:.82rem!important}
  .smx-pro-footer-grid{grid-template-columns:1fr!important;gap:.75rem!important}
  .smx-pro-footer-card{padding:1rem!important;border-radius:1.05rem!important}
  .smx-pro-footer-brand-head{align-items:flex-start!important}
  .smx-pro-footer-logo-wrap{width:52px!important;height:52px!important;border-radius:1rem!important}
  .smx-pro-footer-brand-title{font-size:1.05rem!important}
  .smx-pro-footer-brand-text{font-size:.84rem!important;line-height:1.55!important}
  .smx-pro-footer-stat-row{gap:.45rem!important}
  .smx-pro-footer-stat-pill{min-width:calc(50% - .25rem)!important;padding:.6rem .7rem!important;border-radius:.9rem!important}
  .smx-pro-footer-social{width:38px!important;height:38px!important}
  .smx-pro-footer-card-title{font-size:.95rem!important;margin-bottom:.75rem!important}
  .smx-pro-footer-link,.smx-pro-footer-module-list li a,.smx-pro-footer-contact-list li{padding:.72rem .75rem!important;border-radius:.9rem!important}
  .smx-pro-footer-language-box{padding:.85rem!important;border-radius:1rem!important}
  .smx-pro-footer-bottom{padding-top:.8rem!important;font-size:.75rem!important;gap:.6rem!important}
  .smx-pro-footer-payments{font-size:1.35rem!important;gap:.5rem!important}
}

@media (max-width: 767px){
  body{font-size:14px!important}
  .site-shell,.inner-wrap,.content-shell,.content-shell-wide,.page-content-shell,.section-shell,.section-shell-narrow{width:100%!important}
  .page-pad,.section-shell,.section-shell-narrow{padding-inline:12px!important}

  .top-mini-action{min-height:42px!important;padding:.72rem .85rem!important;font-size:.78rem!important}
  .menu-link-main{padding:.72rem .85rem!important}
  .quick-menu-card{flex-basis:calc((100% - .65rem)/2)!important;min-height:138px!important}

  /* tighter hero and cards */
  .homepage-slider-card{min-height:320px!important;border-radius:1.15rem!important}
  .homepage-slider-card h2{font-size:1.35rem!important;line-height:1.05!important}
  .homepage-slider-card p{font-size:.84rem!important;line-height:1.45!important}
  .homepage-hero-side-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}
  .homepage-hero-stat-item .homepage-hero-stat-card{min-height:82px!important;padding:.72rem .55rem!important;border-radius:.95rem!important}
  .homepage-hero-stat-value{font-size:1rem!important}
  .homepage-hero-stat-label{font-size:.72rem!important}
  .homepage-hero-stat-caption{display:none!important}

  /* 3-feature cards become swipe rail */
  .grid.md\:grid-cols-3.gap-5.lg\:gap-6{display:flex!important;gap:.75rem!important;overflow-x:auto;padding-bottom:.2rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .grid.md\:grid-cols-3.gap-5.lg\:gap-6::-webkit-scrollbar{display:none}
  .grid.md\:grid-cols-3.gap-5.lg\:gap-6 > a{flex:0 0 82vw;scroll-snap-align:start}

  /* stacked banners */
  .home-banner-lush,.home-banner-stack > *{border-radius:1.1rem!important}
  .home-banner-lush .grid{grid-template-columns:1fr!important}
  .home-banner-lush img{min-height:180px!important}
  .home-banner-lush h3,.home-banner-stack h3{font-size:1.2rem!important;line-height:1.08!important}
  .home-banner-lush p,.home-banner-stack p{font-size:.84rem!important;line-height:1.48!important}
  .home-banner-stack{gap:.75rem!important}
  .home-banner-stack .grid.sm\:grid-cols-2{grid-template-columns:1fr 1fr!important;gap:.75rem!important}
  .home-banner-stack .grid.sm\:grid-cols-2 > a{padding:.9rem!important}
  .home-banner-stack .grid.sm\:grid-cols-2 > a .text-xl{font-size:.94rem!important}

  /* home products extra compact */
  .homepage-market-v2-feature-card{flex-basis:86vw}
  .homepage-market-v2-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .homepage-market-v2-product-card-compact h3{font-size:.84rem!important}
  .homepage-market-v2-product-card .inline-flex.items-center.gap-2.text-slate-900.font-black.text-sm.whitespace-nowrap{font-size:.68rem!important}

  /* market listing page */
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .market-card-body{padding:.68rem!important}
  .market-card-title{font-size:.84rem!important}
  .market-card-price{font-size:.94rem!important}
  .market-card-actions .product-buy-btn{font-size:.72rem!important;min-height:34px!important}

  /* detail page */
  .product-detail-main{border-radius:1.2rem!important}
  .product-detail-hero-wrap{height:280px!important}
  .product-summary-title{font-size:1.38rem!important}
  .product-price-current{font-size:1.7rem!important}
  .product-thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .product-thumb-grid .product-thumb{height:62px!important}
  .product-detail-image-meta{left:.7rem!important;bottom:.7rem!important;gap:.45rem!important}
  .product-detail-image-chip{padding:.52rem .72rem!important;font-size:.66rem!important}

  /* footer bottom */
  .smx-pro-footer-stat-pill{min-width:calc(50% - .225rem)!important}
}