.mobile-app-install{display:none}
/* MJ Reclame — v8 poprawki mobilne. Desktop pozostaje bez zmian. */
.mobile-nav-toggle,.mobile-category-toggle,.mobile-services-toggle{display:none}

@media (max-width:760px){
  .site-header{position:sticky!important;top:0!important;z-index:120!important}
  .site-header .header-inner{min-height:64px!important;padding:7px 0!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important}
  .site-header .brand{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  .site-header .brand img{width:68px!important;height:50px!important;object-fit:contain!important}
  .site-header .language-switcher{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin:0!important;gap:5px!important;flex-wrap:nowrap!important}
  .site-header .language-switcher a{padding:5px 8px!important;font-size:.78rem!important}

  .site-header .language-switcher .mobile-app-install{display:none!important;min-height:32px;height:32px;padding:0 8px;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(71,223,0,.42);border-radius:9px;background:rgba(71,223,0,.08);color:#fff;font:900 .72rem/1 Manrope,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
  .site-header .language-switcher .mobile-app-install.is-installable,
  .site-header .language-switcher .mobile-app-install.is-installed{display:inline-flex!important}
  .site-header .language-switcher .mobile-app-install span:first-child{color:#47df00;font-size:.82rem}
  .site-header .language-switcher .mobile-app-install.is-installed{border-color:rgba(71,223,0,.25);background:rgba(71,223,0,.04);color:#aeb9b1;cursor:default}
  .mobile-nav-toggle{grid-column:3;grid-row:1;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(71,223,0,.42);border-radius:12px;background:rgba(255,255,255,.035);color:#fff;cursor:pointer}
  .mobile-nav-icon{width:21px;display:grid;gap:4px}
  .mobile-nav-icon span{display:block;height:2px;border-radius:99px;background:#47df00;transition:transform .18s ease,opacity .18s ease}
  .site-header.mobile-menu-open .mobile-nav-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .site-header.mobile-menu-open .mobile-nav-icon span:nth-child(2){opacity:0}
  .site-header.mobile-menu-open .mobile-nav-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .site-header .main-nav,.site-header .quote{display:none!important}
  .site-header.mobile-menu-open .main-nav{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:6px!important;padding:8px 0 2px!important;margin:0!important;max-height:calc(100vh - 150px);overflow-y:auto}
  .site-header.mobile-menu-open .main-nav a{width:100%!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;text-align:left!important}
  .site-header.mobile-menu-open .main-nav a.active{color:#47df00!important;border-color:rgba(71,223,0,.30)!important;background:rgba(71,223,0,.06)!important}
  .site-header.mobile-menu-open .main-nav a::after{display:none!important}
  .site-header.mobile-menu-open .quote{grid-column:1/-1!important;grid-row:3!important;display:inline-flex!important;width:100%!important;min-height:42px!important;justify-content:center!important;margin:2px 0 8px!important;padding:0 16px!important;font-size:.86rem!important}

  .mj-bg-home .hero-grid{gap:18px!important}
  .mj-bg-home .hero-main{transform:none!important;border-radius:22px!important}
  .mj-bg-home .hero-main img{width:100%!important;height:230px!important;max-height:none!important;object-fit:cover!important;object-position:center 45%!important}
  .mj-bg-home .home-dtf-banner-picture{display:block;width:100%}
  .mj-bg-home .home-dtf-banner img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}

  .mj-bg-home .category-panel{padding:0!important}
  .mj-bg-home .category-panel>h3{padding:16px 18px 8px!important;font-size:1.2rem!important}
  .mobile-category-toggle{display:flex;width:calc(100% - 28px);min-height:44px;margin:6px 14px 14px;padding:0 14px;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(71,223,0,.34);border-radius:12px;background:rgba(71,223,0,.06);color:#fff;font:700 .9rem/1.2 Manrope,Arial,sans-serif;cursor:pointer}
  .mobile-category-toggle::after{content:"▾";color:#47df00;font-size:1.1rem;transition:transform .18s ease}
  .category-panel.mobile-categories-open .mobile-category-toggle::after{transform:rotate(180deg)}
  .mj-bg-home .category-panel:not(.mobile-categories-open) .category-list,.mj-bg-home .category-panel:not(.mobile-categories-open) .help-box{display:none!important}
  .mj-bg-home .category-panel.mobile-categories-open .category-list{display:grid!important}
  .mj-bg-home .category-panel.mobile-categories-open .help-box{display:block!important}

  .mj-bg-home .service-group.mobile-services-collapsed .service-card:nth-child(n+5){display:none!important}
  .mobile-services-toggle{display:flex;width:100%;min-height:46px;margin:14px 0 6px;padding:0 16px;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(71,223,0,.34);border-radius:999px;background:rgba(71,223,0,.06);color:#fff;font-family:Oswald,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
  .mobile-services-toggle span{color:#47df00;font-size:1.05rem}
}

@media (max-width:430px){
  .site-header .header-inner{grid-template-columns:auto 1fr auto!important;gap:7px!important}
  .site-header .brand img{width:62px!important;height:46px!important}
  .site-header .language-switcher a{padding:4px 7px!important;font-size:.74rem!important}
  .site-header .language-switcher .mobile-app-install{height:30px;min-height:30px;padding:0 6px;font-size:.68rem}
  .mobile-nav-toggle{width:42px;height:42px}
  .mj-bg-home .hero-main img{height:215px!important}
}

/* MJ Reclame — v9 odciążenie podstron usług i katalogu odzieży na telefonach. Desktop bez zmian. */
.mobile-side-menu-toggle,.mobile-panel-toggle,.mobile-how-toggle,.mobile-inquiry-toggle,.mobile-sales-filter-wrap,.mobile-variant-toggle,.mobile-variant-select-wrap,.mobile-qty-wrap{display:none}

@media (max-width:760px){
  /* Lewe menu usług: jeden kompaktowy pasek zamiast kafelków. */
  .sidebar{gap:10px!important}
  .sidebar .mobile-side-menu-box{padding:10px!important;border-radius:16px!important}
  .sidebar .mobile-side-menu-box>h3{display:none!important}
  .mobile-side-menu-toggle,.mobile-panel-toggle,.mobile-how-toggle,.mobile-inquiry-toggle,.mobile-variant-toggle{display:flex;width:100%;min-height:46px;padding:0 14px;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(71,223,0,.34);border-radius:13px;background:rgba(71,223,0,.065);color:#fff;font:800 .9rem/1.2 Manrope,Arial,sans-serif;cursor:pointer;text-align:left}
  .mobile-toggle-arrow{color:#47df00;font-size:1.08rem;transition:transform .18s ease;flex:0 0 auto}
  .mobile-side-menu-open>.mobile-side-menu-toggle .mobile-toggle-arrow,.mobile-panel-open>.mobile-panel-toggle .mobile-toggle-arrow,.mobile-how-open>.mobile-how-toggle .mobile-toggle-arrow,.mobile-inquiry-open>.mobile-inquiry-toggle .mobile-toggle-arrow,.mobile-variant-open .mobile-variant-toggle .mobile-toggle-arrow{transform:rotate(180deg)}
  .mobile-side-menu-box:not(.mobile-side-menu-open) .side-menu{display:none!important}
  .mobile-side-menu-box.mobile-side-menu-open .side-menu{display:grid!important;margin-top:9px!important}
  .sidebar .mobile-side-secondary{display:none!important}

  /* Odzież: skrócony początek strony i zwijane informacje pomocnicze. */
  .sales-apparel{margin-top:28px!important}
  .sales-hero{padding:18px!important;border-radius:22px!important;gap:14px!important}
  .sales-hero h2{font-size:clamp(1.75rem,8vw,2.35rem)!important;margin-bottom:10px!important}
  .sales-hero>div:first-child>p:not(.sales-kicker){font-size:.94rem!important;line-height:1.5!important}
  .sales-how{padding:10px!important;border-radius:16px!important}
  .sales-how>h3{display:none!important}
  .sales-how:not(.mobile-how-open) .mobile-how-body{display:none!important}
  .sales-how.mobile-how-open .mobile-how-body{display:block!important;margin:10px 4px 4px!important;padding-left:20px!important}

  .apparel-info-grid{gap:10px!important;margin:14px 0 18px!important}
  .palette-panel,.sizes-panel{padding:10px!important;border-radius:16px!important}
  .palette-panel .panel-head,.sizes-panel .panel-head{display:none!important}
  .mobile-panel-open .mobile-panel-body{display:block!important}
  .mobile-panel-collapsed:not(.mobile-panel-open) .mobile-panel-body{display:none!important}
  .mobile-panel-open .palette-grid{display:flex!important;margin-top:10px!important;max-height:250px!important}
  .mobile-panel-open .size-tabs{display:grid!important;margin-top:10px!important}
  .mobile-panel-open .size-note{display:block!important;margin:10px 4px 3px!important}
  .size-table{min-width:520px!important;font-size:.82rem!important}
  .size-table-box summary{padding:11px 13px!important}

  /* Katalog: kategoria jako select, mniej pionowych elementów. */
  .copy-card .sales-toolbar{padding:11px!important;border-radius:16px!important;gap:10px!important;margin:16px 0 14px!important}
  .sales-toolbar-in-content>div:first-child>span{display:none!important}
  .sales-toolbar-in-content .sales-filters{display:none!important}
  .mobile-sales-filter-wrap{display:grid;gap:6px;margin-bottom:0}
  .mobile-sales-filter-caption,.mobile-variant-select-caption{display:block!important;margin:0!important;color:#98a69f!important;font-size:.68rem!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}
  .mobile-sales-filter-select,.mobile-variant-select{width:100%;height:44px;border:1px solid rgba(71,223,0,.28);border-radius:12px;background:#0c1410;color:#fff;padding:0 38px 0 12px;font:800 .92rem/1 Manrope,Arial,sans-serif;outline:none}
.mobile-color-picker-wrap{display:grid;gap:6px}
  .mobile-color-picker-toggle{display:flex;width:100%;min-height:44px;padding:0 12px;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(71,223,0,.28);border-radius:12px;background:#0c1410;color:#fff;font:800 .92rem/1 Manrope,Arial,sans-serif;text-align:left;cursor:pointer}
  .mobile-color-preview{display:inline-flex;align-items:center;gap:10px;min-width:0}
  .mobile-color-swatch{display:inline-block;width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:var(--swatch);background-image:var(--swatch);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
  .mobile-color-code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-color-picker-menu{display:none;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-color-picker-wrap.is-open .mobile-color-picker-menu{display:grid!important}
  .mobile-color-picker-item{display:flex;min-height:42px;padding:0 10px;align-items:center;justify-content:flex-start;gap:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);color:#fff;font:700 .86rem/1 Manrope,Arial,sans-serif;text-align:left;cursor:pointer}
  .mobile-color-picker-item.is-selected{border-color:rgba(71,223,0,.45);background:rgba(71,223,0,.08)}
  .sales-search{height:44px!important;border-radius:12px!important;font-size:16px!important}
  .sales-count{font-size:.8rem!important;margin:6px 2px 0!important}

  /* Zbiorcze zapytanie: jedna linia dopóki niczego nie trzeba oglądać. */
  .dtf-inquiry-box{padding:10px!important;margin:12px 0 14px!important;border-radius:16px!important}
  .dtf-inquiry-box>.dtf-inquiry-head{display:none!important}
  .dtf-inquiry-box:not(.mobile-inquiry-open)>.dtf-empty,.dtf-inquiry-box:not(.mobile-inquiry-open)>.dtf-table-wrap,.dtf-inquiry-box:not(.mobile-inquiry-open)>.dtf-actions,.dtf-inquiry-box:not(.mobile-inquiry-open)>.dtf-note{display:none!important}
  .dtf-inquiry-box.mobile-inquiry-open>.dtf-empty,.dtf-inquiry-box.mobile-inquiry-open>.dtf-actions,.dtf-inquiry-box.mobile-inquiry-open>.dtf-note{margin-top:10px!important}
  .dtf-inquiry-box.mobile-inquiry-open>.dtf-table-wrap:not([hidden]){display:block!important;margin-top:10px!important}
  .dtf-actions{gap:8px!important}

  /* Karty produktów: kompaktowy widok + rozwijany konfigurator. */
  .copy-card .sales-grid{gap:12px!important}
  .copy-card .sales-product{border-radius:18px!important}
  .copy-card .sales-photo,.copy-card .sales-photo-wrap,.sales-photo,.sales-photo-wrap{height:230px!important;min-height:230px!important}
  .copy-card .sales-photo{padding:12px!important}
  .copy-card .sales-body{padding:12px!important;gap:8px!important}
  .copy-card .sales-body h3{font-size:1.05rem!important}
  .copy-card .sales-fast{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .copy-card .sales-fast div{padding:7px 8px!important}
  .mobile-variant-toggle{margin-top:2px;background:rgba(255,255,255,.035);border-color:rgba(71,223,0,.28)}
  .sales-product.mobile-variant-collapsed:not(.mobile-variant-open) .sales-select-block,.sales-product.mobile-variant-collapsed:not(.mobile-variant-open) .sales-limit,.sales-product.mobile-variant-collapsed:not(.mobile-variant-open) .selected-summary,.sales-product.mobile-variant-collapsed:not(.mobile-variant-open) .sales-details,.sales-product.mobile-variant-collapsed:not(.mobile-variant-open) .sales-order-btn,.sales-product.mobile-variant-collapsed:not(.mobile-variant-open) .single-inquiry-link{display:none!important}
  .sales-product.mobile-variant-open .sales-select-block,.sales-product.mobile-variant-open .sales-limit,.sales-product.mobile-variant-open .selected-summary,.sales-product.mobile-variant-open .sales-details,.sales-product.mobile-variant-open .sales-order-btn,.sales-product.mobile-variant-open .single-inquiry-link{display:block}
  .sales-product.mobile-variant-open .sales-order-btn{display:flex!important}
  .sales-product.mobile-variant-open .single-inquiry-link{display:inline-flex!important}
  .mobile-variant-select-wrap{display:grid;gap:6px}
  .mobile-qty-wrap{display:grid;gap:6px}
  .sales-product .sales-sizes,.sales-product .sales-colors{display:none!important}
  .sales-product .sales-select-block>.sales-label{display:none!important}
  .sales-product.mobile-variant-open .sales-select-block{margin-top:2px}
  .sales-product.mobile-variant-open .mobile-qty-wrap .sales-qty{width:100%!important;height:44px!important;border-radius:12px!important;font-size:16px!important}
  .sales-product.mobile-variant-open .sales-qty{width:100%!important;height:44px!important;border-radius:12px!important;font-size:16px!important}
  .sales-product.mobile-variant-open .sales-limit{padding:9px!important;border-radius:12px!important}
  .sales-product.mobile-variant-open .selected-summary{padding:8px 10px!important;border-radius:11px!important;font-size:.8rem!important}
  .sales-product.mobile-variant-open .sales-details{padding:9px!important;border-radius:12px!important}
  .sales-product.mobile-variant-open .sales-order-btn{min-height:44px!important}
}

@media (max-width:430px){
  .copy-card .sales-photo,.copy-card .sales-photo-wrap,.sales-photo,.sales-photo-wrap{height:215px!important;min-height:215px!important}
  .mobile-side-menu-toggle,.mobile-panel-toggle,.mobile-how-toggle,.mobile-inquiry-toggle,.mobile-variant-toggle{min-height:44px;padding:0 12px;font-size:.86rem}
}


/* MJ Reclame — v11 pełna korekta mobilna i PWA. Desktop bez zmian. */
@media (max-width:760px){
  html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  body{min-height:100dvh!important}
  *,*::before,*::after{box-sizing:border-box}
  img,picture,video,canvas,svg,iframe{max-width:100%!important}
  main,section,article,aside,header,footer,nav,form,fieldset,div{min-width:0}
  .wrap,.container,.page,.content,.layout,.services-layout,.hero-grid,.hero-media,.hero-main,.copy-card,.text-card,.contact-layout,.privacy-layout,.creator-app-layout,.creator-hub-page,.main-area,.app-shell{max-width:100%!important;min-width:0!important}
  p,li,a,h1,h2,h3,h4,strong,span{overflow-wrap:anywhere}

  /* Hero: cały obraz widoczny na telefonie, bez kadrowania przez cover. */
  .mj-bg-home .hero-main,.mj-bg-page .hero-main{width:100%!important;max-width:100%!important;transform:none!important}
  .mj-bg-home .hero-main img,.mj-bg-page .hero-main img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
  .hero-media,.hero-card,.image-card,.art-image,.contact-photo,.graphic-original,.product-visual-card{max-width:100%!important}

  /* Tabele nie rozszerzają całej strony. */
  .table-scroll,.dtf-table-wrap,.table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .size-table-box{max-width:100%!important}
  .size-table,.dtf-table{max-width:none!important}

  input,select,textarea,button{max-width:100%}
  input[type="email"],input[type="url"],input[type="text"],textarea{min-width:0!important}
  pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}

  /* Ekran startowy zainstalowanej PWA. */
  body>main.card{width:100%!important;max-width:100%!important;border-radius:22px!important}
  body>main.card>.top{padding:22px 18px!important;gap:20px!important}
  body>main.card .lang{padding:16px!important;gap:12px!important}
  body>main.card .lang .flag{font-size:2.35rem!important}
  body>main.card .lang strong{font-size:1.45rem!important}

  /* Czytnik e-book. */
  .app-shell,.main-area,.library-view,.reader-view,.reader-layout,.reading-page{width:100%!important;max-width:100%!important;min-width:0!important}
  .library-panel{width:min(310px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;height:100dvh!important;overflow-y:auto!important}
  .topbar{width:100%!important;max-width:100%!important;min-height:64px!important;padding:7px 10px!important;gap:7px!important}
  .topbar-title{min-width:0!important;flex:1 1 auto!important}
  .topbar-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-actions{flex:0 0 auto!important;gap:5px!important}
  .topbar .icon-button{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .library-view,.reader-view{padding-left:12px!important;padding-right:12px!important}
  .hero-reader{padding:20px 16px!important;max-width:100%!important}
  .hero-reader h1{font-size:clamp(2rem,10vw,3rem)!important;overflow-wrap:anywhere}
  .section-heading,.search-box,.search-box input{max-width:100%!important}
  .search-box,.search-box input{width:100%!important}
  .book-grid{grid-template-columns:1fr!important;max-width:100%!important}
  .reading-page{padding:22px 14px!important;border-radius:18px!important}
  .chapter-header h1{font-size:calc(1.9rem * var(--fontScale))!important;overflow-wrap:anywhere}
  .chapter-content{font-size:calc(1.08rem * var(--fontScale))!important;overflow-wrap:anywhere}
  .reader-controls,.chapter-jump-controls{grid-template-columns:1fr!important;max-width:100%!important}
  .settings-panel{left:9px!important;right:9px!important;top:74px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 86px)!important;overflow-y:auto!important;padding:16px!important}
  .segmented,.theme-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .segmented button,.theme-buttons button,.segmented span{min-width:0!important;padding-left:5px!important;padding-right:5px!important;font-size:.82rem!important}
  .toc-panel{left:9px!important;width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important}
  .toast{max-width:calc(100vw - 24px)!important;white-space:normal!important;text-align:center!important}
}

@media (max-width:390px){
  .site-header .brand img{width:58px!important;height:43px!important}
  .site-header .language-switcher a{padding:4px 6px!important;font-size:.7rem!important}
  .mobile-nav-toggle{width:40px!important;height:40px!important}
  .mobile-color-picker-menu{grid-template-columns:1fr!important}
  body>main.card>.top{padding:18px 14px!important}
  .topbar{padding-left:7px!important;padding-right:7px!important}
  .topbar .icon-button{width:36px!important;height:36px!important;flex-basis:36px!important}
  .topbar-actions{gap:3px!important}
  .reading-page{padding-left:11px!important;padding-right:11px!important}
}

@media (display-mode:standalone) and (max-width:760px){
  html,body{min-height:100dvh!important;max-width:100vw!important;overflow-x:hidden!important}
  .site-header,.topbar{top:0!important}
  body{padding-bottom:env(safe-area-inset-bottom,0px)}
}

@media (max-width: 760px) {
  .hero,
  .creator-hero,
  .creator-app-hero,
  .privacy-hero,
  .subhero,
  .company-hero {
    padding: 16px 0 14px !important;
  }

  .hero-card,
  .creator-app-hero-card,
  .creator-hero-visual {
    display: none !important;
  }

  .hero-grid,
  .creator-hero-grid,
  .creator-app-hero-grid,
  .privacy-hero-grid,
  .subhero-grid,
  .company-hero-grid {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    gap: 10px !important;
    padding: 8px 0 !important;
  }
}

@media (max-width: 680px) {
  .hero,
  .creator-hero,
  .creator-app-hero,
  .privacy-hero,
  .subhero,
  .company-hero {
    padding: 14px 0 12px !important;
  }

  .hero-grid,
  .creator-hero-grid,
  .creator-app-hero-grid,
  .privacy-hero-grid,
  .subhero-grid,
  .company-hero-grid {
    gap: 8px !important;
    padding: 6px 0 !important;
  }
}