/* fogfuro.hu v17 R19A — MOBILE CLARITY / CATALOG PHASE 1
   Mobile storefront presentation only. Desktop, cart logic, ordering, stock authority,
   invoicing and admin behavior are intentionally untouched. */

:root{--fogfuro-mobile-r19a:1}

@media (max-width:760px){
  /* R19A: reset the legacy "center everything" mobile layer and restore a clear reading flow. */
  html,body{max-width:100%!important;overflow-x:hidden!important;text-align:left!important}
  body{font-size:16px!important;line-height:1.45!important}

  /* Header: compact brand + existing fixed cart remain the two obvious anchors. */
  .site-header{
    min-height:56px!important;height:56px!important;padding:0 14px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    text-align:left!important;
  }
  .site-header .brand{max-width:calc(100% - 86px)!important;margin:0!important;text-align:left!important}
  .site-header .header-text-brand{justify-content:flex-start!important;text-align:left!important}
  .site-header .header-text-brand strong{font-size:18px!important;line-height:1!important}

  /* Hero: smaller footprint, left-aligned hierarchy and full-width actions. */
  .v14-hero{
    min-height:500px!important;height:auto!important;padding:90px 16px 30px!important;
    align-items:flex-end!important;text-align:left!important;
  }
  .v14-hero-copy,.v14-hero-inner{
    width:100%!important;max-width:100%!important;margin:0!important;
    align-items:flex-start!important;justify-items:start!important;text-align:left!important;
  }
  .v14-kicker{max-width:94%!important;margin:0 0 12px!important;text-align:left!important}
  #v15HeroTitle,.v14-hero h1{
    max-width:9ch!important;margin-left:0!important;margin-right:0!important;
    font-size:clamp(44px,13.5vw,58px)!important;line-height:.90!important;
    letter-spacing:-.055em!important;text-align:left!important;text-wrap:balance!important;
  }
  .v14-hero-lead{
    max-width:34ch!important;margin:18px 0 0!important;font-size:15px!important;
    line-height:1.45!important;text-align:left!important;
  }
  .v14-hero-actions{
    width:100%!important;max-width:360px!important;margin:22px 0 0!important;
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
    justify-content:start!important;
  }
  .v14-pill{min-height:47px!important;justify-content:center!important}

  /* Search: one obvious input and one obvious action. */
  .v14-search-stage{padding:24px 16px 22px!important;text-align:left!important}
  .v14-search-inner{width:100%!important;text-align:left!important}
  .v14-search-inner>p{margin:0 0 9px!important;text-align:left!important}
  .v14-search-shell{width:100%!important;text-align:left!important}
  .v14-search-shell input{text-align:left!important}
  .v14-search-shell button{min-height:46px!important}

  /* Search results become a vertical, scannable list instead of wide mini-cards. */
  .v14-home-live-results-inner{width:100%!important;padding-left:14px!important;padding-right:14px!important}
  .v14-home-live-results-head{text-align:left!important;align-items:baseline!important}
  .v14-home-live-results-head p,.v14-home-live-results-head strong{text-align:left!important}
  .v14-home-live-results-grid{
    width:100%!important;display:grid!important;grid-template-columns:1fr!important;
    gap:10px!important;text-align:left!important;
  }
  .v14-home-live-card{
    width:100%!important;min-width:0!important;min-height:132px!important;
    display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;
    align-items:stretch!important;border-radius:15px!important;overflow:hidden!important;
    text-align:left!important;
  }
  .v14-home-live-card-image{
    width:104px!important;height:100%!important;min-height:132px!important;
    padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .v14-home-live-card-image img{max-width:88%!important;max-height:116px!important;object-fit:contain!important}
  .v14-home-live-card-body{
    min-width:0!important;padding:13px 13px 12px!important;display:flex!important;
    flex-direction:column!important;align-items:flex-start!important;text-align:left!important;
  }
  .v14-home-live-card-category{margin:0 0 4px!important;font-size:9px!important;text-align:left!important}
  .v14-home-live-card h3{margin:0 0 8px!important;font-size:16px!important;line-height:1.22!important;text-align:left!important}
  .v14-home-live-card-sku{width:100%!important;display:flex!important;justify-content:space-between!important;gap:8px!important;text-align:left!important}
  .v14-home-live-card-footer{
    width:100%!important;margin-top:auto!important;padding-top:9px!important;
    display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
    gap:8px!important;text-align:left!important;
  }
  .v14-home-live-card-price{text-align:left!important}
  .v14-home-live-card-stock{
    flex:0 0 auto!important;max-width:52%!important;padding:5px 8px!important;border-radius:999px!important;
    font-size:11px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important;
  }

  /* Section headings read like normal mobile editorial content. */
  .v14-section-head,.v14-category-intro-band,.v14-tech,.v14-tech-copy,
  .factory-catalog-link,.v16-blog-footer-entry{
    text-align:left!important;align-items:flex-start!important;justify-items:start!important;
  }
  .v14-section-head{padding-left:16px!important;padding-right:16px!important}
  .v14-section-head h2{font-size:clamp(31px,9.5vw,42px)!important;line-height:1!important;text-align:left!important}
  .v14-section-head>span{text-align:left!important}
  .v14-category-intro-band{padding-left:16px!important;padding-right:16px!important}
  .v14-category-intro-band h2,.v14-category-intro-band p,.v14-category-intro-band span{text-align:left!important}

  /* Homepage category tiles: shorter, less scroll-heavy, titles remain prominent. */
  html.fogfuro-overview-mode .product-grid{
    width:calc(100% - 24px)!important;max-width:none!important;margin:0 auto!important;
    grid-template-columns:1fr!important;gap:12px!important;
  }
  html.fogfuro-overview-mode .category-intro.v11-compact,
  html.fogfuro-overview-mode .product-grid>.category-intro:nth-of-type(3n){
    width:100%!important;aspect-ratio:5/4!important;min-height:0!important;height:auto!important;
    border-radius:16px!important;overflow:hidden!important;
  }
  html.fogfuro-overview-mode .category-intro.v11-compact .v11-category-left{
    padding:18px 16px 50px!important;text-align:left!important;
  }
  html.fogfuro-overview-mode .category-intro.v11-compact .category-intro-heading,
  html.fogfuro-overview-mode .category-intro.v11-compact .category-intro-heading>*{
    width:100%!important;text-align:left!important;
  }
  html.fogfuro-overview-mode .category-intro.v11-compact .category-intro-heading h2{
    font-size:clamp(24px,7.4vw,31px)!important;line-height:1.02!important;text-wrap:balance!important;
  }

  /* Category page navigation remains horizontally swipeable, but is aligned to reading start. */
  html.fogfuro-chapter-mode .v14-category-layout-shell{
    width:calc(100% - 24px)!important;max-width:none!important;margin:0 auto!important;
    grid-template-columns:1fr!important;gap:12px!important;
  }
  html.fogfuro-chapter-mode .v14-category-sidebar,
  html.fogfuro-chapter-mode .v14-category-sidebar-nav{
    text-align:left!important;justify-content:flex-start!important;
  }
  html.fogfuro-chapter-mode .v14-category-sidebar-link{
    min-height:40px!important;padding:10px 13px!important;font-size:12px!important;text-align:center!important;
  }

  /* Category intro: image first, concise left-aligned reading block below. */
  html.fogfuro-chapter-mode .category-intro,
  html.fogfuro-chapter-mode .category-intro.v11-compact{border-radius:16px!important}
  html.fogfuro-chapter-mode .category-intro>.v11-category-left{
    padding:20px 16px 22px!important;text-align:left!important;
  }
  html.fogfuro-chapter-mode .category-intro .category-intro-heading,
  html.fogfuro-chapter-mode .category-intro .category-intro-heading>*,
  html.fogfuro-chapter-mode .category-intro .category-intro-copy,
  html.fogfuro-chapter-mode .category-intro .category-intro-copy>p,
  html.fogfuro-chapter-mode .category-intro .category-intro-copy>div{
    text-align:left!important;
  }
  html.fogfuro-chapter-mode .category-intro .category-intro-heading h2{
    font-size:clamp(25px,7.1vw,32px)!important;line-height:1.05!important;text-wrap:balance!important;
  }
  html.fogfuro-chapter-mode .category-intro .category-intro-copy{
    margin-top:13px!important;font-size:15px!important;line-height:1.55!important;
  }

  /* Catalogue header. */
  html.fogfuro-chapter-mode .catalog-intro,
  html.fogfuro-chapter-mode .catalog-intro>div,
  html.fogfuro-chapter-mode .catalog-intro>p{
    width:100%!important;text-align:left!important;margin-left:0!important;margin-right:0!important;
  }

  /* Product cards: strong visual hierarchy, fewer competing alignments. */
  html.fogfuro-chapter-mode .product-grid{
    width:100%!important;grid-template-columns:1fr!important;gap:14px!important;
  }
  html.fogfuro-chapter-mode .v14-category-main .product-grid>.product-card{
    width:100%!important;min-width:0!important;max-width:100%!important;
    border-radius:16px!important;border:1px solid #d9dbd6!important;background:#fff!important;
    overflow:hidden!important;box-shadow:0 5px 18px rgba(0,0,0,.045)!important;
  }
  html.fogfuro-chapter-mode .v14-category-main .product-card>.product-image{
    height:clamp(220px,62vw,270px)!important;min-height:220px!important;max-height:270px!important;
    padding:14px!important;background:#fff!important;border-bottom:1px solid #e6e7e2!important;
  }
  html.fogfuro-chapter-mode .v14-category-main .product-card>.product-content{
    width:100%!important;padding:16px 15px 16px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 8px!important;
    text-align:left!important;overflow:hidden!important;
  }
  html.fogfuro-chapter-mode .product-card .product-category{
    grid-column:1/-1!important;margin:0 0 6px!important;font-size:9px!important;line-height:1.2!important;
    letter-spacing:.15em!important;text-align:left!important;
  }
  html.fogfuro-chapter-mode .product-card .product-content h2,
  html.fogfuro-chapter-mode .product-card .product-content h2 a,
  html.fogfuro-chapter-mode .product-card .product-name-link{
    grid-column:1/-1!important;margin:0 0 13px!important;font-size:20px!important;line-height:1.2!important;
    letter-spacing:-.02em!important;text-align:left!important;justify-content:flex-start!important;text-wrap:balance!important;
  }
  html.fogfuro-chapter-mode .product-card .sku,
  html.fogfuro-chapter-mode .product-card .package-quantity{
    grid-column:1/-1!important;margin:0!important;padding:9px 0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
    gap:10px!important;border-top:1px solid #e7e8e4!important;text-align:left!important;
  }
  html.fogfuro-chapter-mode .product-card .sku span,
  html.fogfuro-chapter-mode .product-card .package-quantity span{
    width:auto!important;text-align:left!important;font-size:10px!important;color:#70716c!important;
  }
  html.fogfuro-chapter-mode .product-card .sku strong,
  html.fogfuro-chapter-mode .product-card .package-quantity strong{
    width:auto!important;text-align:right!important;font-size:15px!important;color:#111!important;
  }
  html.fogfuro-chapter-mode .product-card .catalog-price-net,
  html.fogfuro-chapter-mode .product-card .catalog-price-gross{
    grid-column:auto!important;min-height:70px!important;margin:0!important;padding:10px 7px!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
    gap:4px!important;border-top:1px solid #e7e8e4!important;text-align:left!important;background:#fafaf8!important;
  }
  html.fogfuro-chapter-mode .product-card .catalog-price-net{
    grid-column:1!important;border-right:1px solid #e7e8e4!important;
    border-radius:10px 0 0 10px!important;
  }
  html.fogfuro-chapter-mode .product-card .catalog-price-gross{
    grid-column:2!important;border-radius:0 10px 10px 0!important;
  }
  html.fogfuro-chapter-mode .product-card .catalog-price span,
  html.fogfuro-chapter-mode .product-card .catalog-price strong{
    width:100%!important;text-align:left!important;
  }
  html.fogfuro-chapter-mode .product-card .catalog-price span{font-size:9px!important;line-height:1.2!important;letter-spacing:.05em!important}
  html.fogfuro-chapter-mode .product-card .catalog-price strong{font-size:17px!important;line-height:1.15!important}

  /* Technical secondary data is preserved but visually quieter. */
  html.fogfuro-chapter-mode .product-card .v15-card-tech-codes:not([hidden]),
  html.fogfuro-chapter-mode .product-card .head-size.head-specs:not([hidden]){
    grid-column:1/-1!important;margin:0!important;border-top:1px solid #e7e8e4!important;
    background:transparent!important;
  }
  html.fogfuro-chapter-mode .product-card .v15-card-tech-row:not([hidden]),
  html.fogfuro-chapter-mode .product-card .head-spec:not([hidden]){
    min-height:58px!important;padding:9px 6px!important;background:#fff!important;text-align:left!important;
  }
  html.fogfuro-chapter-mode .product-card .v15-card-tech-row>span,
  html.fogfuro-chapter-mode .product-card .v15-card-tech-row>strong,
  html.fogfuro-chapter-mode .product-card .head-spec>span,
  html.fogfuro-chapter-mode .product-card .head-spec>strong{
    text-align:left!important;
  }

  /* Stock is intentionally prominent and now includes exact authoritative quantity. */
  html.fogfuro-chapter-mode .product-card .stock-status{
    grid-column:1/-1!important;justify-self:start!important;width:auto!important;max-width:100%!important;
    min-height:34px!important;margin:12px 0 4px!important;padding:7px 10px!important;
    display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
    border-radius:999px!important;font-size:12px!important;line-height:1.2!important;font-weight:800!important;
    text-align:left!important;white-space:normal!important;
  }
  html.fogfuro-chapter-mode .product-card .stock-status.in-stock{
    color:#17633d!important;background:#eaf7ef!important;border:1px solid #c8e9d5!important;
  }
  html.fogfuro-chapter-mode .product-card .stock-status.orderable{
    color:#555b55!important;background:#f1f2ef!important;border:1px solid #dfe1dc!important;
  }

  html.fogfuro-chapter-mode .product-card .applications{
    grid-column:1/-1!important;margin:10px 0 13px!important;padding:12px 0 0!important;
    display:block!important;border-top:1px solid #e7e8e4!important;text-align:left!important;
  }
  html.fogfuro-chapter-mode .product-card .applications>span,
  html.fogfuro-chapter-mode .product-card .applications>strong{
    width:100%!important;display:block!important;text-align:left!important;
  }
  html.fogfuro-chapter-mode .product-card .applications>span{margin-bottom:4px!important;font-size:9px!important}
  html.fogfuro-chapter-mode .product-card .applications>strong{font-size:13px!important;line-height:1.45!important}

  html.fogfuro-chapter-mode .product-card .add-to-cart,
  html.fogfuro-chapter-mode .product-card button.add-to-cart{
    grid-column:1/-1!important;width:100%!important;min-height:48px!important;margin:0!important;
    padding:12px 14px!important;justify-self:stretch!important;border-radius:11px!important;text-align:center!important;
  }
  html.fogfuro-chapter-mode .product-card .product-detail-link{
    grid-column:1/-1!important;width:100%!important;min-height:42px!important;margin:7px 0 0!important;
    justify-content:center!important;text-align:center!important;
  }

  /* Keep legal/utility text easy to read on narrow screens. */
  .factory-catalog-link{align-items:flex-start!important}
  .factory-catalog-link a{text-align:left!important}
}

@media (max-width:359px){
  html.fogfuro-chapter-mode .product-card .catalog-price-net,
  html.fogfuro-chapter-mode .product-card .catalog-price-gross{
    grid-column:1/-1!important;border-right:0!important;border-radius:10px!important;
  }
}