/* fogfuro.hu v16.07 — MOBILE USABILITY PASS
   Public storefront only. No search/cart/variant/data logic is changed. */

@media (max-width: 760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  *,*::before,*::after{box-sizing:border-box}
  img,video,iframe{max-width:100%}
  button,a,input,select,textarea{touch-action:manipulation}
  input,select,textarea{font-size:16px!important}
  button,a{min-height:44px}
  :where(h1,h2,h3,p,li,a,strong,span){overflow-wrap:anywhere}

  /* ---------- SHARED STOREFRONT HEADER ---------- */
  .site-header{
    min-height:58px!important;
    height:58px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .site-header .brand{min-width:0!important;max-width:calc(100% - 12px)!important;text-decoration:none!important}
  .site-header .header-text-brand{display:flex!important;align-items:center!important;min-width:0!important;gap:0!important;white-space:nowrap!important}
  .site-header .header-text-brand strong{font-size:18px!important;line-height:1!important;letter-spacing:-.04em!important}
  .site-header .header-text-brand span{display:none!important}
  .site-header:not(.v15-product-header) .header-meta{display:none!important}

  /* ---------- HOME HERO ---------- */
  .v14-hero{
    min-height:560px!important;
    height:auto!important;
    padding:92px 18px 38px!important;
    align-items:flex-end!important;
  }
  .v14-hero-media{overflow:hidden!important}
  .v14-hero-bur{
    width:185px!important;
    height:430px!important;
    top:70px!important;
    right:-70px!important;
    opacity:.58!important;
  }
  .v14-hero-orb{width:125vw!important;right:-58vw!important;top:4vh!important;opacity:.7!important}
  .v14-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.30) 48%,rgba(0,0,0,.78) 100%)!important}
  .v14-hero-copy{width:100%!important;max-width:100%!important}
  .v14-kicker{margin-bottom:13px!important;font-size:9px!important;line-height:1.35!important;letter-spacing:.14em!important;max-width:82%!important}
  .v14-hero h1{
    max-width:7.6ch!important;
    font-size:clamp(54px,18.5vw,76px)!important;
    line-height:.82!important;
    letter-spacing:-.065em!important;
  }
  .v14-hero-lead{max-width:92%!important;margin-top:20px!important;font-size:16px!important;line-height:1.38!important}
  .v14-hero-actions{
    width:min(100%,340px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:24px!important;
  }
  .v14-pill{width:100%!important;min-height:48px!important;padding:0 18px!important;font-size:11px!important}
  .v14-scroll-cue{display:none!important}

  /* ---------- SEARCH ---------- */
  .v14-search-stage{padding:30px 14px 24px!important}
  .v14-search-inner{width:100%!important}
  .v14-search-inner>p{font-size:9px!important;margin-bottom:10px!important}
  .v14-search-shell{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:8px!important;
    padding:0 0 12px!important;
  }
  .v14-search-shell>span{font-size:24px!important}
  .v14-search-shell input{font-size:17px!important;line-height:1.25!important}
  .v14-search-shell button{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:46px!important;
    margin-top:5px!important;
    padding:0 18px!important;
  }

  /* ---------- FEATURED PRODUCTS RAIL ---------- */
  .v14-icons{padding:42px 0 52px!important}
  .v14-section-head{margin-bottom:20px!important;padding:0 14px!important;gap:8px!important}
  .v14-section-head p{font-size:9px!important;margin-bottom:6px!important}
  .v14-section-head h2{font-size:clamp(34px,11vw,48px)!important;line-height:.95!important}
  .v14-section-head>span{white-space:normal!important;line-height:1.4!important}
  .v14-icon-rail{
    grid-auto-columns:78vw!important;
    gap:10px!important;
    padding:0 14px!important;
    scroll-padding-left:14px!important;
  }
  .v14-icon-visual{height:66vw!important;min-height:240px!important;max-height:310px!important}
  .v14-icon-card h3{font-size:20px!important}

  /* ---------- HOME CATEGORY TILES ---------- */
  html.fogfuro-overview-mode .product-grid{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0 auto!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:1/1!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }
  html.fogfuro-overview-mode .category-intro.v11-compact .v11-category-left{
    padding:20px 18px 54px!important;
  }
  html.fogfuro-overview-mode .category-intro.v11-compact .category-intro-heading{width:94%!important}
  html.fogfuro-overview-mode .category-intro.v11-compact .category-intro-heading>p{font-size:8px!important;margin-bottom:6px!important}
  html.fogfuro-overview-mode .category-intro.v11-compact .category-intro-heading h2{
    font-size:clamp(25px,8.4vw,34px)!important;
    line-height:.98!important;
  }
  html.fogfuro-overview-mode .category-intro.v11-compact .v15-category-hover-copy{display:none!important}

  /* ---------- CATEGORY PAGE: CLEAN HORIZONTAL CATEGORY PICKER ---------- */
  html.fogfuro-chapter-mode .v14-category-layout-shell{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html.fogfuro-chapter-mode .v14-category-sidebar{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    padding:8px 0 0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  html.fogfuro-chapter-mode .v14-category-sidebar-head{display:none!important}
  html.fogfuro-chapter-mode .v14-category-sidebar-nav,
  html.fogfuro-chapter-mode .v14-category-sidebar.is-open .v14-category-sidebar-nav{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    padding:2px 0 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  html.fogfuro-chapter-mode .v14-category-sidebar-nav::-webkit-scrollbar{display:none!important}
  html.fogfuro-chapter-mode .v14-category-sidebar-link{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:40px!important;
    margin:0!important;
    padding:10px 13px!important;
    border:1px solid rgba(0,0,0,.12)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#181818!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
  }
  html.fogfuro-chapter-mode .v14-category-sidebar-link.is-active{
    background:#0a0a0a!important;
    border-color:#0a0a0a!important;
    color:#fff!important;
  }
  html.fogfuro-chapter-mode .v14-category-sidebar-link.is-active::after{display:none!important}

  /* ---------- CATEGORY INTRO ---------- */
  html.fogfuro-chapter-mode .v14-category-main{width:100%!important;min-width:0!important;padding:0!important}
  html.fogfuro-chapter-mode .category-intro.v11-compact,
  html.fogfuro-chapter-mode .category-intro{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  html.fogfuro-chapter-mode .category-intro .v11-category-media{
    grid-row:1!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
    height:auto!important;
  }
  html.fogfuro-chapter-mode .category-intro .v11-category-left{
    grid-row:2!important;
    width:100%!important;
    min-height:0!important;
    padding:22px 18px 24px!important;
  }
  html.fogfuro-chapter-mode .category-intro .category-intro-heading h2{
    font-size:clamp(27px,8vw,36px)!important;
    line-height:1!important;
  }
  html.fogfuro-chapter-mode .category-intro .category-intro-copy{
    margin-top:13px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  /* ---------- CATEGORY SEARCH ---------- */
  html.fogfuro-chapter-mode .v14-category-search{
    width:100%!important;
    margin:0 0 12px!important;
    padding:11px!important;
    border-radius:14px!important;
  }
  .v14-category-search-shell{
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:7px!important;
    min-height:46px!important;
    padding:5px 11px!important;
    border-radius:14px!important;
  }
  .v14-category-search-shell input{font-size:16px!important}
  .v14-category-search-shell button{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:44px!important;
    margin-top:5px!important;
  }

  /* ---------- CATEGORY PRODUCT CARDS ---------- */
  html.fogfuro-chapter-mode .product-grid{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0!important;
    padding:0 0 28px!important;
  }
  html.fogfuro-chapter-mode .product-card{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  html.fogfuro-chapter-mode .product-card .product-image{
    flex:0 0 250px!important;
    width:100%!important;
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    padding:14px!important;
  }
  html.fogfuro-chapter-mode .product-card .product-image>img{max-width:86%!important;max-height:86%!important}
  html.fogfuro-chapter-mode .product-card .product-content{padding:16px 16px 18px!important}
  html.fogfuro-chapter-mode .product-card .product-content h2{
    margin-bottom:9px!important;
    font-size:18px!important;
    line-height:1.18!important;
  }
  html.fogfuro-chapter-mode .product-card .sku,
  html.fogfuro-chapter-mode .product-card .catalog-price-net,
  html.fogfuro-chapter-mode .product-card .catalog-price-gross,
  html.fogfuro-chapter-mode .product-card .package-quantity{
    min-height:32px!important;
    padding:6px 0!important;
    gap:10px!important;
  }
  html.fogfuro-chapter-mode .product-card .applications{font-size:12px!important;line-height:1.45!important;margin-bottom:12px!important}
  html.fogfuro-chapter-mode .product-card .add-to-cart,
  html.fogfuro-chapter-mode .product-card .product-detail-link,
  html.fogfuro-chapter-mode .product-card button{
    min-height:46px!important;
  }

  /* ---------- PRODUCT PAGE HEADER ---------- */
  .site-header.v15-product-header{min-height:58px!important;height:58px!important;padding:0 10px 0 14px!important}
  .v15-product-header .header-meta{display:flex!important;align-items:center!important;gap:0!important;margin-left:auto!important}
  .v15-product-header .header-meta>:not(.v15-header-cart){display:none!important}
  .v15-product-header .v15-header-cart{
    min-width:72px!important;
    min-height:42px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:10px!important;
  }
  .v15-product-header .v15-header-cart span{min-width:20px!important;height:20px!important;margin-left:6px!important}

  /* ---------- PRODUCT PAGE ---------- */
  .v15-product-page{padding:12px 0 48px!important}
  .v15-product-wrap{width:calc(100% - 20px)!important;max-width:none!important}
  .v15-product-breadcrumb{
    min-height:40px!important;
    margin-bottom:10px!important;
    padding:0 12px!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
  }
  .v15-product-breadcrumb::-webkit-scrollbar{display:none!important}
  .v15-product-hero{grid-template-columns:1fr!important;width:100%!important}
  .v15-product-image-panel{
    width:100%!important;
    min-height:310px!important;
    height:310px!important;
    padding:20px!important;
    border:1px solid var(--v15-border,#d7d7d1)!important;
    border-bottom:0!important;
    border-radius:16px 16px 0 0!important;
  }
  .v15-product-image-panel>img{max-width:88%!important;max-height:270px!important}
  .v15-product-info{
    width:100%!important;
    padding:24px 18px 22px!important;
    border-radius:0 0 16px 16px!important;
  }
  .v15-product-status-row{margin-bottom:16px!important}
  .v15-product-info h1{
    margin-bottom:10px!important;
    font-size:clamp(30px,9.8vw,42px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
  .v15-product-info .sku{padding:9px 0 14px!important;gap:10px!important}
  .v15-product-info .prices{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-bottom:16px!important;
  }
  .v15-product-info .price{padding:12px 11px!important}
  .v15-product-info .price strong{font-size:18px!important}
  .v15-product-info .meta{grid-template-columns:minmax(95px,.7fr) minmax(0,1fr)!important}
  .v15-product-info .meta dt,.v15-product-info .meta dd{padding:8px 0!important;font-size:11px!important}
  .v15-product-info .meta dd{overflow-wrap:anywhere!important}
  .v15-product-info .apps{margin-top:15px!important}
  .v15-product-info .apps li{min-height:34px!important;display:inline-flex!important;align-items:center!important;padding:7px 10px!important}
  .v15-product-info .actions{grid-template-columns:1fr!important;gap:8px!important;margin-top:18px!important}
  .v15-product-info .btn{min-height:48px!important}

  /* ---------- PRODUCT DESCRIPTION ---------- */
  .v15-product-description{margin-top:14px!important;padding:24px 18px!important;border-radius:16px!important}
  .v15-product-description h2{font-size:28px!important;margin-bottom:16px!important}
  .v15-product-description .v15-product-description-copy,
  .v15-product-description .v15-product-description-copy p,
  .v15-product-description .v15-product-description-copy li{font-size:16px!important;line-height:1.65!important}
  .v15-product-description .v15-product-description-copy{max-width:100%!important;overflow-wrap:anywhere!important}
  .v15-product-description .v15-product-description-copy table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    white-space:nowrap!important;
  }

  /* ---------- PRODUCT VARIANTS ---------- */
  .v16-variant-panel{margin:16px 0 0!important;padding:18px 14px!important;border-radius:16px!important}
  .v16-variant-top{display:block!important;margin-bottom:14px!important}
  .v16-variant-panel h2{font-size:21px!important}
  .v16-variant-source{max-width:none!important;margin-top:7px!important;text-align:left!important}
  .v16-variant-row{grid-template-columns:1fr!important;gap:7px!important;padding:11px 0!important}
  .v16-variant-option{min-width:48px!important;min-height:44px!important;padding:9px 12px!important;font-size:11px!important}
  .v16-matrix-heading{display:block!important;padding:13px 0 8px!important}
  .v16-matrix-grit-note{margin-top:6px!important;text-align:left!important}
  .v16-variant-matrix-scroll{
    margin:0 -4px!important;
    padding:0 4px 8px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
  }
  .v16-variant-matrix{min-width:520px!important;border-spacing:4px!important}
  .v16-variant-matrix th,.v16-variant-matrix td{height:42px!important}

  /* ---------- PRODUCT RECOMMENDATIONS ---------- */
  .v15-recommendations{margin-top:42px!important}
  .v15-section-heading{display:block!important;margin-bottom:16px!important}
  .v15-section-heading h2{font-size:30px!important}
  .v15-section-heading .recommendations-intro{margin-top:8px!important;text-align:left!important}
  .v15-recommendations .recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .v15-recommendations .recommend-image{height:155px!important;min-height:155px!important;padding:12px!important}
  .v15-recommendations .recommend-body{padding:12px!important}
  .v15-recommendations .recommend-name{font-size:14px!important;line-height:1.18!important}
  .v15-recommendations .recommend-price{font-size:13px!important}

  /* ---------- CART: TRUE MOBILE FULL-SCREEN PANEL ---------- */
  html.fogfuro-cart-open,html.fogfuro-cart-open body{overflow:hidden!important;height:100%!important}
  .cart-fab{
    right:12px!important;
    bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
    min-height:48px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    font-size:12px!important;
  }
  html.fogfuro-smartsupp-active .cart-fab{bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
  .cart-overlay.open{display:block!important;overflow:hidden!important}
  .cart-panel{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:0 14px calc(18px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:0!important;
  }
  .cart-head{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    margin:0 -14px 10px!important;
    padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px!important;
    background:rgba(8,16,24,.97)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
    align-items:flex-start!important;
  }
  .cart-head>div{min-width:0!important;padding-right:6px!important}
  .cart-head h2{font-size:22px!important}
  .cart-email-order-hint{font-size:11px!important;padding:8px 9px!important}
  .cart-close{flex:0 0 auto!important;min-width:68px!important;min-height:44px!important;padding:0 10px!important}
  .cart-row{
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:10px 0!important;
    padding:13px!important;
    border-radius:13px!important;
  }
  .cart-row h4{font-size:15px!important;line-height:1.25!important}
  .cart-meta{font-size:11px!important;line-height:1.4!important}
  .cart-price{text-align:left!important;font-size:14px!important}
  .cart-qty{flex-wrap:wrap!important;gap:7px!important}
  .cart-qty button{width:42px!important;height:42px!important;border-radius:9px!important}
  .cart-qty input{width:78px!important;min-height:42px!important;padding:7px!important}
  .cart-total{margin-top:12px!important;padding:13px!important;font-size:17px!important;text-align:left!important}
  .cart-total-lines>div{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:baseline!important}
  .cart-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
  .cart-actions button,.cart-actions a{width:100%!important;min-height:48px!important;padding:0 14px!important}

  /* ---------- ORDER REQUEST ---------- */
  .order-request-overlay{padding:0!important;overflow:hidden!important}
  .order-request-dialog{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .order-request-head{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    padding:calc(14px + env(safe-area-inset-top,0px)) 14px 12px!important;
    background:rgba(10,17,24,.98)!important;
  }
  .order-request-head h2{font-size:21px!important;line-height:1.08!important}
  .order-request-head p{font-size:12px!important;line-height:1.4!important}
  .order-request-close{min-width:68px!important;min-height:44px!important;padding:0 10px!important}
  .order-request-form{padding:16px 14px calc(24px + env(safe-area-inset-bottom,0px))!important}
  .order-request-grid{grid-template-columns:1fr!important;gap:14px!important}
  .order-request-field.full,.order-request-check,.order-request-summary,.order-request-error,.order-request-actions{grid-column:1!important}
  .order-request-field input,.order-request-field textarea,.order-request-field select{min-height:48px!important;padding:12px!important}
  .order-request-check{padding:12px!important}
  .order-request-check input{width:20px!important;height:20px!important;min-height:20px!important}
  .order-request-summary{display:grid!important;gap:4px!important}
  .order-request-summary span{text-align:left!important}
  .order-request-actions{display:grid!important;gap:8px!important}
  .order-request-actions button{width:100%!important;min-height:48px!important}
  .order-request-submit{order:-1!important;min-width:0!important}

  #orderCompleteModal{padding:10px!important;align-items:flex-end!important}
  #orderCompleteModal .order-complete-box{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:22px 16px calc(18px + env(safe-area-inset-bottom,0px))!important;
    border-radius:18px 18px 0 0!important;
  }

  /* ---------- BLOG ---------- */
  .blog-header{min-height:58px!important;height:58px!important}
  .blog-header-inner,.blog-hero-inner,.blog-main,.blog-footer-inner,.article-page{width:calc(100% - 28px)!important}
  .blog-brand strong{font-size:18px!important}
  .blog-brand span,.blog-home{display:none!important}
  .blog-hero{min-height:360px!important}
  .blog-hero-inner{padding:52px 0 38px!important}
  .blog-hero h1{font-size:clamp(66px,22vw,92px)!important;line-height:.78!important}
  .blog-hero-copy{grid-template-columns:1fr!important;gap:18px!important;margin-top:30px!important}
  .blog-hero-copy p{font-size:16px!important;line-height:1.48!important}
  .blog-main{padding:36px 0 64px!important}
  .blog-toolbar{grid-template-columns:1fr!important;gap:18px!important;padding-bottom:20px!important}
  .blog-toolbar h2{font-size:34px!important;line-height:.98!important}
  .blog-search{width:100%!important}
  .blog-search input{min-height:48px!important;padding:12px 44px 12px 16px!important}
  .topic-strip{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:82%!important;
    grid-template-columns:none!important;
    gap:9px!important;
    margin:20px -14px 36px!important;
    padding:0 14px 8px!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .topic-strip::-webkit-scrollbar{display:none!important}
  .topic-card{min-height:135px!important;scroll-snap-align:start!important}
  .article-grid{grid-template-columns:1fr!important;gap:10px!important}
  .article-card{min-height:0!important;padding:18px!important;border-radius:16px!important}
  .article-card-cover{height:190px!important}
  .article-card h3{margin-top:24px!important;font-size:29px!important}
  .article-page{padding:34px 0 70px!important}
  .article-page h1{font-size:clamp(38px,11vw,52px)!important;line-height:.96!important}
  .article-lead{font-size:17px!important;line-height:1.55!important}
  .article-body{padding-top:28px!important;font-size:16px!important;line-height:1.7!important}
  .article-body h2{font-size:26px!important;margin-top:36px!important}
  .article-body img{height:auto!important;max-width:100%!important}
  .article-body table{display:block!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important}
  .related-products{margin-top:48px!important;padding-top:28px!important}
  .related-products-head{display:block!important;margin-bottom:16px!important}
  .related-products-head h2{font-size:30px!important}
  .related-products-head span{display:block!important;margin-top:7px!important}
  .related-grid{grid-template-columns:1fr!important;gap:10px!important}
  .related-product-image{height:250px!important;min-height:250px!important;max-height:250px!important;padding:14px!important}
  .related-product-content{padding:16px!important}
  .related-product-content h3{font-size:18px!important}
  .blog-footer-inner{min-height:130px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:12px!important}

  /* ---------- LOWER INFO / FOOTER ---------- */
  .factory-catalog-link{width:100%!important;padding:0 14px!important;align-items:flex-start!important;gap:10px!important}
  .factory-catalog-link a{width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important}
  .v16-blog-footer-entry{padding-left:14px!important;padding-right:14px!important}
  .v16-blog-footer-entry a{min-height:44px!important;align-items:center!important}
}

/* Tiny phones: avoid cramped two-column price/recommendation blocks. */
@media (max-width: 365px){
  .v15-product-info .prices{grid-template-columns:1fr!important}
  .v15-recommendations .recommend-grid{grid-template-columns:1fr!important}
  .v15-recommendations .recommend-image{height:220px!important;min-height:220px!important}
}

/* Tablet cleanup: keep two usable columns instead of desktop compression. */
@media (min-width:761px) and (max-width:1024px){
  html.fogfuro-chapter-mode .v14-category-layout-shell{width:calc(100% - 32px)!important;grid-template-columns:190px minmax(0,1fr)!important;gap:20px!important}
  html.fogfuro-chapter-mode .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html.fogfuro-chapter-mode .product-card .product-image{height:260px!important;min-height:260px!important;max-height:260px!important}
  .v15-product-wrap{width:calc(100% - 32px)!important}
  .blog-header-inner,.blog-hero-inner,.blog-main,.blog-footer-inner{width:calc(100% - 32px)!important}
}

/* Release marker kept inside CSS for live verification. */
:root{--fogfuro-mobile-release-v16-07:1}

/* ========================================================================
   FOGFURO v16.07a
   MOBILE: CENTERED LAYOUT + POPULATED PRODUCT VALUES MUST REMAIN VISIBLE
   ======================================================================== */
@media (max-width:760px){

  /* ---- Overall alignment ---- */
  body{ text-align:center; }

  .v14-hero,
  .v14-hero-inner,
  .v14-hero-copy,
  .catalog-intro,
  .v14-category-intro-band,
  .category-intro,
  .category-intro-heading,
  .category-intro-copy,
  .v14-tech,
  .v14-tech-copy,
  .factory-catalog-link,
  .v16-blog-footer-entry,
  .blog-hero,
  .blog-hero-inner,
  .blog-hero-copy,
  .blog-toolbar,
  .topic-card,
  .article-card,
  .article-page,
  .blog-footer-inner{
    text-align:center!important;
  }

  .v14-hero-inner,
  .v14-hero-copy,
  .v14-category-intro-band,
  .v14-tech-copy,
  .blog-hero-inner,
  .blog-hero-copy{
    align-items:center!important;
    justify-items:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .v14-hero-actions,
  .v14-hero-cta-row,
  .factory-catalog-link,
  .v16-blog-footer-entry{
    justify-content:center!important;
  }

  .catalog-intro{
    display:block!important;
  }
  .catalog-intro>div,
  .catalog-intro>p{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  /* ---- Category heading/navigation ---- */
  html.fogfuro-chapter-mode .v14-category-main,
  html.fogfuro-chapter-mode .v14-category-sidebar-head,
  html.fogfuro-chapter-mode .v14-category-sidebar-nav{
    text-align:center!important;
  }

  html.fogfuro-chapter-mode .v14-category-sidebar-head{
    justify-content:center!important;
  }

  html.fogfuro-chapter-mode .v14-category-sidebar-nav a,
  html.fogfuro-chapter-mode .v14-category-sidebar-nav button{
    text-align:center!important;
    justify-content:center!important;
  }

  /* ==========================================================
     CATEGORY PRODUCT CARDS
     ========================================================== */
  html.fogfuro-chapter-mode .product-card{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
    text-align:center!important;
  }

  html.fogfuro-chapter-mode .product-card .product-image{
    overflow:hidden!important;
  }

  html.fogfuro-chapter-mode .product-card .product-content{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:18px 16px 20px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    text-align:center!important;
    color:#080808!important;
  }

  html.fogfuro-chapter-mode .product-card .product-category,
  html.fogfuro-chapter-mode .product-card .product-content h2,
  html.fogfuro-chapter-mode .product-card .sku,
  html.fogfuro-chapter-mode .product-card .v15-card-tech-codes,
  html.fogfuro-chapter-mode .product-card .catalog-price,
  html.fogfuro-chapter-mode .product-card .package-quantity,
  html.fogfuro-chapter-mode .product-card .head-size,
  html.fogfuro-chapter-mode .product-card .applications,
  html.fogfuro-chapter-mode .product-card .min-note{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html.fogfuro-chapter-mode .product-card .product-content h2,
  html.fogfuro-chapter-mode .product-card .product-detail-link,
  html.fogfuro-chapter-mode .product-card .product-name-link,
  html.fogfuro-chapter-mode .product-card .product-sku-link{
    text-align:center!important;
    justify-content:center!important;
    color:#080808!important;
  }

  /* SKU */
  html.fogfuro-chapter-mode .product-card .sku{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-height:0!important;
    padding:8px 0!important;
  }

  /* Code / ISO: empty rows remain hidden; populated rows are forced visible */
  html.fogfuro-chapter-mode .product-card .v15-card-tech-codes:not([hidden]){
    display:block!important;
    min-height:0!important;
    margin:3px auto 8px!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html.fogfuro-chapter-mode .product-card .v15-card-tech-row:not([hidden]){
    width:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:5px 0!important;
    text-align:center!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Prices and package quantity */
  html.fogfuro-chapter-mode .product-card .catalog-price,
  html.fogfuro-chapter-mode .product-card .catalog-price-net,
  html.fogfuro-chapter-mode .product-card .catalog-price-gross,
  html.fogfuro-chapter-mode .product-card .package-quantity{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-height:0!important;
    padding:7px 0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Technical dimensions: only populated elements are shown */
  html.fogfuro-chapter-mode .product-card .head-size.head-specs:not([hidden]){
    width:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:8px!important;
    margin:7px auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html.fogfuro-chapter-mode .product-card .head-spec:not([hidden]){
    flex:1 1 88px!important;
    min-width:82px!important;
    max-width:140px!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:8px 6px!important;
    text-align:center!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Applications */
  html.fogfuro-chapter-mode .product-card .applications{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:0!important;
    padding:8px 0!important;
    white-space:normal!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* All labels/values in cards */
  html.fogfuro-chapter-mode .product-card .sku span,
  html.fogfuro-chapter-mode .product-card .catalog-price span,
  html.fogfuro-chapter-mode .product-card .package-quantity span,
  html.fogfuro-chapter-mode .product-card .v15-card-tech-row>span,
  html.fogfuro-chapter-mode .product-card .head-spec>span,
  html.fogfuro-chapter-mode .product-card .applications>span{
    width:100%!important;
    display:block!important;
    text-align:center!important;
    color:#72726d!important;
  }

  html.fogfuro-chapter-mode .product-card .sku strong,
  html.fogfuro-chapter-mode .product-card .catalog-price strong,
  html.fogfuro-chapter-mode .product-card .package-quantity strong,
  html.fogfuro-chapter-mode .product-card .v15-card-tech-row>strong,
  html.fogfuro-chapter-mode .product-card .head-spec>strong,
  html.fogfuro-chapter-mode .product-card .applications>strong{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
    text-align:center!important;
    color:#080808!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
  }

  html.fogfuro-chapter-mode .product-card .add-to-cart,
  html.fogfuro-chapter-mode .product-card button{
    align-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* ==========================================================
     PRODUCT PAGE
     ========================================================== */
  .v15-product-wrap,
  .v15-product-hero,
  .v15-product-info,
  .v15-product-description,
  .v16-variant-panel,
  .v15-recommendations{
    text-align:center!important;
  }

  .v15-product-info{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }

  .v15-product-status-row,
  .v15-product-info .sku,
  .v15-product-info .actions,
  .v15-product-info .apps,
  .v15-product-info .apps ul{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .v15-product-info h1,
  .v15-product-info .sku,
  .v15-product-info .sku *,
  .v15-product-info .price,
  .v15-product-info .price *,
  .v15-product-info .meta,
  .v15-product-info .meta *,
  .v15-product-info .apps,
  .v15-product-info .apps *{
    text-align:center!important;
  }

  .v15-product-info .prices{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .v15-product-info .price{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  /* Every product-page metadata pair becomes label -> value vertically */
  .v15-product-info .meta{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:visible!important;
  }

  .v15-product-info .meta dt{
    min-height:0!important;
    padding:11px 0 2px!important;
    color:#72726d!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
  }

  .v15-product-info .meta dd{
    min-height:0!important;
    margin:0!important;
    padding:0 0 11px!important;
    color:#080808!important;
    font-size:14px!important;
    font-weight:800!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
  }

  .v15-product-info .apps ul{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px!important;
  }

  .v15-product-info .apps li{
    justify-content:center!important;
    text-align:center!important;
  }

  .v15-product-description,
  .v15-product-description h2,
  .v15-product-description .v15-product-description-copy,
  .v15-product-description .v15-product-description-copy p{
    text-align:center!important;
  }

  /* Lists stay easy to scan while the block itself is centered */
  .v15-product-description .v15-product-description-copy ul,
  .v15-product-description .v15-product-description-copy ol{
    display:inline-block!important;
    max-width:100%!important;
    text-align:left!important;
  }

  /* Variants */
  .v16-variant-top,
  .v16-variant-source,
  .v16-variant-row,
  .v16-matrix-heading,
  .v16-matrix-grit-note{
    text-align:center!important;
  }

  .v16-variant-row{ justify-items:center!important; }

  .v16-variant-options{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
  }

  /* Recommendations */
  .v15-section-heading,
  .v15-section-heading .recommendations-intro,
  .v15-recommendations .recommend-body,
  .v15-recommendations .recommend-name,
  .v15-recommendations .recommend-price{
    text-align:center!important;
  }

  /* ==========================================================
     CART
     ========================================================== */
  .cart-head,
  .cart-head>div,
  .cart-row,
  .cart-row h4,
  .cart-meta,
  .cart-price,
  .cart-total,
  .cart-email-order-hint{
    text-align:center!important;
  }

  .cart-head{ align-items:center!important; }
  .cart-head>div{ flex:1 1 auto!important; padding-right:0!important; }
  .cart-row{ justify-items:center!important; }

  .cart-qty{
    width:100%!important;
    justify-content:center!important;
  }

  .cart-total-lines>div{
    justify-content:center!important;
    flex-wrap:wrap!important;
    text-align:center!important;
  }

  /* ==========================================================
     BLOG
     ========================================================== */
  .blog-header-inner,
  .blog-hero-inner,
  .blog-hero-copy,
  .blog-toolbar,
  .topic-card,
  .article-card,
  .article-page,
  .article-lead,
  .article-body,
  .article-body p,
  .article-body h2,
  .related-products-head,
  .related-product-content,
  .blog-footer-inner{
    text-align:center!important;
  }

  .blog-hero-copy{ justify-items:center!important; }
  .blog-hero-mark{ justify-self:center!important; }

  .related-product-content{ align-items:center!important; }

  .related-product-category,
  .related-product-content h3,
  .related-product-sku,
  .related-product-stock,
  .related-product-price,
  .related-product-pack,
  .related-product-specs,
  .related-product-spec,
  .related-product-apps,
  .related-product-open{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    justify-content:center!important;
  }

  .related-product-specs{ justify-content:center!important; }

  /* Form controls intentionally keep left-aligned typing for usability */
  .order-request-field,
  .order-request-field label,
  .order-request-field input,
  .order-request-field textarea,
  .order-request-field select{
    text-align:left!important;
  }
}

/* live verification */
:root{--fogfuro-mobile-release-v16-07a:1}


/* ========================================================================
   FOGFURO v16.07b
   MOBILE: CART FIXED TO TOP-BAR RIGHT EDGE
   ======================================================================== */
@media (max-width:760px){

  /* Keep the mobile header above all page content. */
  .site-header,
  .v15-product-header,
  .blog-header{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
  }

  /* Reserve space on the right side of the webshop header for the fixed cart. */
  .site-header .header-inner,
  .site-header .top-inner,
  .site-header .header-content,
  .v15-product-header .v15-product-header-inner{
    position:relative!important;
    padding-right:68px!important;
  }

  /* Canonical cart trigger used by catalog + product pages. */
  #cartFab,
  .cart-fab{
    position:fixed!important;
    top:10px!important;
    right:10px!important;
    left:auto!important;
    bottom:auto!important;
    z-index:1400!important;

    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;

    margin:0!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;
    transform:none!important;
  }

  /* Make the icon itself remain optically centered. */
  #cartFab svg,
  #cartFab img,
  #cartFab .cart-icon,
  .cart-fab svg,
  .cart-fab img,
  .cart-fab .cart-icon{
    position:static!important;
    width:21px!important;
    height:21px!important;
    margin:0!important;
    transform:none!important;
  }

  /* Counter badge sits on the cart button's upper-right corner. */
  #cartCount,
  .cart-count{
    position:absolute!important;
    top:-4px!important;
    right:-4px!important;
    left:auto!important;
    bottom:auto!important;

    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;
    font-size:10px!important;
    line-height:19px!important;
    text-align:center!important;
    z-index:1!important;
  }

  /* Ensure no legacy mobile rule moves the cart back to the bottom. */
  body #cartFab{
    inset:auto 10px auto auto!important;
    top:10px!important;
  }

  /* Safe-area support for iPhones with a notch / Dynamic Island. */
  @supports (top:env(safe-area-inset-top)){
    #cartFab,
    .cart-fab{
      top:calc(env(safe-area-inset-top) + 8px)!important;
      right:calc(env(safe-area-inset-right) + 10px)!important;
    }

    .site-header .header-inner,
    .site-header .top-inner,
    .site-header .header-content,
    .v15-product-header .v15-product-header-inner{
      padding-right:calc(68px + env(safe-area-inset-right))!important;
    }
  }
}

/* live verification */
:root{--fogfuro-mobile-release-v16-07b:1}


/* ========================================================================
   FOGFURO v16.07c
   CART FIXED TO THE TOP-RIGHT EDGE IN ALL PUBLIC VIEWS
   ======================================================================== */

/* Desktop + tablet + mobile: canonical cart trigger is always fixed top-right. */
#cartFab,
.cart-fab{
  position:fixed!important;
  top:12px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:1600!important;

  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;

  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:999px!important;
  transform:none!important;
}

/* Keep the icon optically centered. */
#cartFab svg,
#cartFab img,
#cartFab .cart-icon,
.cart-fab svg,
.cart-fab img,
.cart-fab .cart-icon{
  position:static!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  transform:none!important;
}

/* Counter badge on the button. */
#cartCount,
.cart-count{
  position:absolute!important;
  top:-4px!important;
  right:-4px!important;
  left:auto!important;
  bottom:auto!important;

  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:999px!important;
  font-size:10px!important;
  line-height:19px!important;
  text-align:center!important;
  z-index:1!important;
}

/* Reserve room in the webshop headers so the fixed cart never covers content. */
.site-header .header-inner,
.site-header .top-inner,
.site-header .header-content,
.v15-product-header .v15-product-header-inner{
  padding-right:78px!important;
}

/* The public headers should remain above scrolling content but below the cart. */
.site-header,
.v15-product-header{
  position:sticky!important;
  top:0!important;
  z-index:1400!important;
}

/* Override any legacy floating-cart placement from old desktop/mobile CSS. */
body #cartFab{
  inset:auto 14px auto auto!important;
  top:12px!important;
}

/* Notch / Dynamic Island / browser safe areas. */
@supports (top:env(safe-area-inset-top)){
  #cartFab,
  .cart-fab{
    top:calc(env(safe-area-inset-top) + 10px)!important;
    right:calc(env(safe-area-inset-right) + 14px)!important;
  }

  .site-header .header-inner,
  .site-header .top-inner,
  .site-header .header-content,
  .v15-product-header .v15-product-header-inner{
    padding-right:calc(78px + env(safe-area-inset-right))!important;
  }
}

/* Retain slightly more compact mobile geometry from v16.07b. */
@media (max-width:760px){
  #cartFab,
  .cart-fab{
    top:10px!important;
    right:10px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
  }

  body #cartFab{
    inset:auto 10px auto auto!important;
    top:10px!important;
  }

  .site-header .header-inner,
  .site-header .top-inner,
  .site-header .header-content,
  .v15-product-header .v15-product-header-inner{
    padding-right:68px!important;
  }

  @supports (top:env(safe-area-inset-top)){
    #cartFab,
    .cart-fab{
      top:calc(env(safe-area-inset-top) + 8px)!important;
      right:calc(env(safe-area-inset-right) + 10px)!important;
    }

    .site-header .header-inner,
    .site-header .top-inner,
    .site-header .header-content,
    .v15-product-header .v15-product-header-inner{
      padding-right:calc(68px + env(safe-area-inset-right))!important;
    }
  }
}

/* live verification */
:root{--fogfuro-mobile-release-v16-07c:1}


/* ========================================================================
   FOGFURO v16.07d
   PREMIUM TOP-BAR CART — DESKTOP PILL / MOBILE COMPACT ICON
   ======================================================================== */

/* Premium integrated cart in every public view */
#cartFab,
.cart-fab{
  position:fixed!important;
  top:11px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:1600!important;

  width:auto!important;
  min-width:104px!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;

  margin:0!important;
  padding:0 16px 0 13px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;

  color:#f7f7f4!important;
  background:
    linear-gradient(180deg,rgba(26,26,26,.90),rgba(7,7,7,.84))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.10)!important;

  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;

  transform:none!important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease!important;
}

/* Desktop label */
#cartFab::after,
.cart-fab::after{
  content:"Kosár";
  display:block;
  color:#f7f7f4;
  font-size:12px;
  line-height:1;
  font-weight:850;
  letter-spacing:.015em;
  white-space:nowrap;
}

/* Icon */
#cartFab svg,
#cartFab img,
#cartFab .cart-icon,
.cart-fab svg,
.cart-fab img,
.cart-fab .cart-icon{
  position:static!important;
  flex:0 0 auto!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  transform:none!important;
  opacity:.96!important;
}

/* Refined hover / focus */
#cartFab:hover,
.cart-fab:hover{
  transform:translateY(-1px)!important;
  background:
    linear-gradient(180deg,rgba(34,34,34,.94),rgba(10,10,10,.90))!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.21),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
}

#cartFab:active,
.cart-fab:active{
  transform:translateY(0)!important;
}

#cartFab:focus-visible,
.cart-fab:focus-visible{
  outline:2px solid rgba(255,255,255,.72)!important;
  outline-offset:3px!important;
}

/* Small, discreet count badge */
#cartCount,
.cart-count{
  position:absolute!important;
  top:-5px!important;
  right:-5px!important;
  left:auto!important;
  bottom:auto!important;

  min-width:18px!important;
  width:auto!important;
  height:18px!important;
  padding:0 5px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#fff!important;
  background:#126fd1!important;
  border:2px solid #090909!important;
  border-radius:999px!important;

  box-shadow:0 4px 10px rgba(0,0,0,.18)!important;

  font-size:9px!important;
  line-height:14px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-align:center!important;
  z-index:2!important;
}

/* Reserve exactly enough header room for the elegant pill */
.site-header .header-inner,
.site-header .top-inner,
.site-header .header-content,
.v15-product-header .v15-product-header-inner{
  padding-right:142px!important;
}

/* Header stays visually below the cart */
.site-header,
.v15-product-header{
  position:sticky!important;
  top:0!important;
  z-index:1400!important;
}

/* Defeat older floating positions */
body #cartFab{
  inset:auto 18px auto auto!important;
  top:11px!important;
}

/* Notch / safe area */
@supports (top:env(safe-area-inset-top)){
  #cartFab,
  .cart-fab{
    top:calc(env(safe-area-inset-top) + 10px)!important;
    right:calc(env(safe-area-inset-right) + 18px)!important;
  }

  .site-header .header-inner,
  .site-header .top-inner,
  .site-header .header-content,
  .v15-product-header .v15-product-header-inner{
    padding-right:calc(142px + env(safe-area-inset-right))!important;
  }
}

/* Tablet: retain pill but slightly tighter */
@media (min-width:761px) and (max-width:1050px){
  #cartFab,
  .cart-fab{
    right:12px!important;
    min-width:96px!important;
    padding-left:12px!important;
    padding-right:14px!important;
  }

  .site-header .header-inner,
  .site-header .top-inner,
  .site-header .header-content,
  .v15-product-header .v15-product-header-inner{
    padding-right:128px!important;
  }
}

/* Mobile: icon-only, clean and compact */
@media (max-width:760px){
  #cartFab,
  .cart-fab{
    top:10px!important;
    right:10px!important;

    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;

    padding:0!important;
    gap:0!important;

    background:
      linear-gradient(180deg,rgba(26,26,26,.93),rgba(7,7,7,.89))!important;

    border:1px solid rgba(255,255,255,.17)!important;
    box-shadow:
      0 8px 22px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.10)!important;
  }

  #cartFab::after,
  .cart-fab::after{
    content:""!important;
    display:none!important;
  }

  #cartFab svg,
  #cartFab img,
  #cartFab .cart-icon,
  .cart-fab svg,
  .cart-fab img,
  .cart-fab .cart-icon{
    width:20px!important;
    height:20px!important;
  }

  #cartCount,
  .cart-count{
    top:-4px!important;
    right:-4px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
  }

  .site-header .header-inner,
  .site-header .top-inner,
  .site-header .header-content,
  .v15-product-header .v15-product-header-inner{
    padding-right:64px!important;
  }

  body #cartFab{
    inset:auto 10px auto auto!important;
    top:10px!important;
  }

  @supports (top:env(safe-area-inset-top)){
    #cartFab,
    .cart-fab{
      top:calc(env(safe-area-inset-top) + 8px)!important;
      right:calc(env(safe-area-inset-right) + 10px)!important;
    }

    .site-header .header-inner,
    .site-header .top-inner,
    .site-header .header-content,
    .v15-product-header .v15-product-header-inner{
      padding-right:calc(64px + env(safe-area-inset-right))!important;
    }
  }
}

/* live verification */
:root{--fogfuro-mobile-release-v16-07d:1}


/* ========================================================================
   FOGFURO v16.07e
   ELEGANT WHITE CART ICON + RESERVED HEADER CART LANE
   ======================================================================== */

/*
  IMPORTANT:
  - no pill
  - no text label
  - transparent default background
  - pure white outline icon
  - right-side header content is moved left by a dedicated cart lane
*/

/* Fixed cart: elegant icon only */
#cartFab,
.cart-fab{
  position:fixed!important;
  top:13px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:1600!important;

  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;

  margin:0!important;
  padding:0!important;
  gap:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  /* Hide the original visible “Kosár” text while keeping it in the DOM
     for accessibility / existing JavaScript. */
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;

  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;

  transform:none!important;
  transition:background-color .16s ease,border-color .16s ease!important;
}

/* Hide the catalogue label span explicitly. Product-page raw text is hidden by font-size:0 above. */
#cartFabLabel{
  display:none!important;
}

/* White, thin, high-contrast cart icon */
#cartFab::before,
.cart-fab::before{
  content:""!important;
  display:block!important;
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;

  background:#fff!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h2l2.05 9.18a2 2 0 0 0 1.95 1.56h7.92a2 2 0 0 0 1.94-1.5L20.5 7H6.15M9.5 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm9 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h2l2.05 9.18a2 2 0 0 0 1.95 1.56h7.92a2 2 0 0 0 1.94-1.5L20.5 7H6.15M9.5 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm9 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;

  opacity:1!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.22))!important;
}

/* Remove v16.07d “Kosár” pseudo-label. ::after is reserved for add-to-cart pulse. */
#cartFab::after,
.cart-fab::after{
  content:""!important;
  display:none!important;
}

/* Very subtle hover: icon stays the visual focus. */
#cartFab:hover,
.cart-fab:hover{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  transform:none!important;
}

#cartFab:active,
.cart-fab:active{
  background:rgba(255,255,255,.11)!important;
  transform:none!important;
}

#cartFab:focus-visible,
.cart-fab:focus-visible{
  outline:2px solid rgba(255,255,255,.76)!important;
  outline-offset:2px!important;
}

/* Existing quantity feedback remains prominent. */
#cartCount,
.cart-count{
  position:absolute!important;
  top:-3px!important;
  right:-4px!important;
  left:auto!important;
  bottom:auto!important;

  min-width:19px!important;
  width:auto!important;
  height:19px!important;
  padding:0 5px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#fff!important;
  background:#1597e8!important;
  border:2px solid #090909!important;
  border-radius:999px!important;
  box-shadow:0 3px 10px rgba(0,0,0,.26)!important;

  font-size:10px!important;
  line-height:15px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-align:center!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:3!important;
}

/* Restore / strengthen the original “added to cart” visual feedback without
   touching the already working cart JavaScript. The existing JS adds
   .is-added to #cartFab and .is-updated to #cartCount. */
@keyframes fogfuroCartRing1607e{
  0%{opacity:.98;transform:scale(.70)}
  55%{opacity:.58;transform:scale(1.18)}
  100%{opacity:0;transform:scale(1.48)}
}
@keyframes fogfuroCartCount1607e{
  0%{transform:scale(.72)}
  42%{transform:scale(1.34)}
  70%{transform:scale(.94)}
  100%{transform:scale(1)}
}

#cartFab.is-added::after,
.cart-fab.is-added::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:3px!important;
  pointer-events:none!important;
  border:2px solid #1597e8!important;
  border-radius:999px!important;
  box-shadow:0 0 18px rgba(21,151,232,.35)!important;
  animation:fogfuroCartRing1607e 760ms cubic-bezier(.18,.78,.22,1) both!important;
}

#cartCount.is-updated,
.cart-count.is-updated{
  animation:fogfuroCartCount1607e 760ms cubic-bezier(.18,.78,.22,1) both!important;
}

/* ------------------------------------------------------------------------
   HEADER COLLISION FIX
   The actual public header is:
   .site-header > .brand + .header-meta
   There is no .header-inner on the catalogue page.
   Reserve a real 72px lane for the fixed cart and move the entire right-side
   metadata group left, including the foganyag.hu link.
   ------------------------------------------------------------------------ */
@media (min-width:761px){
  .site-header .header-meta{
    margin-right:72px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* Undo older release padding that targeted non-existent wrapper classes. */
  .site-header .header-inner,
  .site-header .top-inner,
  .site-header .header-content,
  .v15-product-header .v15-product-header-inner{
    padding-right:initial!important;
  }

  /* Keep the right-side links compact enough to preserve comfortable spacing. */
  .site-header .header-meta{
    column-gap:clamp(14px,1.65vw,24px)!important;
  }

  /* The sibling-site link must never sit under the cart. */
  .site-header .header-link[href*="foganyag.hu"]{
    position:relative!important;
    z-index:1!important;
    margin-right:0!important;
  }
}

/* Tablet gets a slightly smaller reserved lane. */
@media (min-width:761px) and (max-width:1050px){
  .site-header .header-meta{
    margin-right:62px!important;
    column-gap:12px!important;
  }

  #cartFab,
  .cart-fab{
    right:12px!important;
  }

  body #cartFab{
    inset:auto 12px auto auto!important;
    top:13px!important;
  }
}

/* Mobile: same white icon, compact placement. */
@media (max-width:760px){
  #cartFab,
  .cart-fab{
    top:8px!important;
    right:10px!important;

    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;

    background:transparent!important;
    border-color:transparent!important;
  }

  #cartFab::before,
  .cart-fab::before{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }

  #cartFab:hover,
  .cart-fab:hover{
    background:rgba(255,255,255,.07)!important;
  }

  /* Catalogue header meta is already hidden on mobile; product header meta
     only contains the fixed cart, so no extra right margin is needed. */
  .site-header .header-meta{
    margin-right:0!important;
    padding-right:0!important;
  }

  body #cartFab{
    inset:auto 10px auto auto!important;
    top:8px!important;
  }

  #cartCount,
  .cart-count{
    top:-3px!important;
    right:-4px!important;
  }

  @supports (top:env(safe-area-inset-top)){
    #cartFab,
    .cart-fab{
      top:calc(env(safe-area-inset-top) + 7px)!important;
      right:calc(env(safe-area-inset-right) + 10px)!important;
    }
  }
}

/* Desktop / safe-area */
@media (min-width:761px){
  @supports (top:env(safe-area-inset-top)){
    #cartFab,
    .cart-fab{
      top:calc(env(safe-area-inset-top) + 12px)!important;
      right:calc(env(safe-area-inset-right) + 18px)!important;
    }

    .site-header .header-meta{
      margin-right:calc(72px + env(safe-area-inset-right))!important;
    }
  }
}

/* Highest-priority legacy-position override */
body #cartFab{
  inset:auto 18px auto auto!important;
  top:13px!important;
}

/* live verification */
:root{--fogfuro-mobile-release-v16-07e:1}