/* =========================================================
   CORE VARS (sjednocení stylu + snadné změny)
   ========================================================= */
   :root{
    --c-accent: #e100ff;
    --c-cta: #06081a;
    --c-green: #007611;
  
    --r-6: 6px;
    --r-8: 8px;
    --r-12: 12px;
    --r-18: 18px;
  
    --glass-bg: rgba(255,255,255,0.72);
    --glass-bg-strong: rgba(255,255,255,0.88);
    --glass-blur: 10px;
  
    --sh-soft: 0 8px 24px rgba(0,0,0,0.15);
    --sh-hover: 0 12px 28px rgba(0,0,0,.16);
    --bd-soft: 1px solid rgba(17,24,39,.08);
  }
  
  /* =========================================================
     RESET / FIXES
     ========================================================= */
  .top-navigation-contacts a.project-email:before{ content:none; display:none; }
  .cart-count::before{ content:none !important; }
  
  /* fix překlepu */
  .td, .th{ padding-bottom: 0 !important; } /* bylo Opx */
  
  /* =========================================================
     GLOBAL RADIUS / BUTTONS (sjednotit rohy, méně duplicit)
     ========================================================= */
  .btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion,
  .btn.btn-secondary, a.btn.btn-secondary,
  .btn.btn-default, a.btn.btn-default,
  .btn.btn-primary,
  .cart-content{
    border-radius: var(--r-8);
  }
  
  .flag{ border-radius: var(--r-8) !important; }
  .subcategories li a{ border-radius: var(--r-8); }
  .content-inner, .category-header, .sidebar{ border-radius: var(--r-8); }
  
  /* =========================================================
     GLASS “mixin” – aplikujeme jen tam, kde dává smysl
     (Používám :where() = nízká specificita → méně !important)
     ========================================================= */
  
  /* Desktop-only blur (mobilům ulehčíš) */
  @media (min-width:1024px){
    :where(
      #footer>.container,
      #footer .footer-bottom,
      #cart-widget.popup-widget.cart-widget,
      .user-action-login.popup-widget.login-widget,
      .search-whisperer
    ){
      background: var(--glass-bg) !important;
      backdrop-filter: blur(var(--glass-blur)) !important;
      -webkit-backdrop-filter: blur(var(--glass-blur)) !important;
      border: var(--bd-soft) !important;
      box-shadow: var(--sh-soft) !important;
      overflow: hidden;
      border-radius: var(--r-8) !important;
    }
  }
  
  /* =========================================================
     HEADER / NAV
     ========================================================= */
  @media (min-width:1024px){
    #header{
      position: sticky;
      top:0;
      z-index:9998;
      background: rgba(255,255,255,0.7);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transition: background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
    }
    body.scrolled #header{
      background: rgba(255,255,255,0.88);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 2px 8px rgba(0,0,0,.08);
    }
  
    #navigation{ margin-bottom:20px; }
    .navigation-in{ background:transparent !important; }
    .navigation-in>ul>li{ border:none; }
    .navigation-in>ul>li>a{ color:#000; font-weight:800; }
    .fitted .navigation-in ul{ justify-content:center; }
  
    .navigation-buttons>a[data-target=login]::before{ content:none; }
    .navigation-buttons a[data-target=login],
    .navigation-buttons a[data-target=login]:hover,
    .navigation-buttons a[data-target=search],
    .navigation-buttons a[data-target=search]:hover{
      color: var(--c-accent) !important;
    }
  
    #header .cart-count{
      display:inline-flex;
      background:#fff;
      border-radius: var(--r-8);
      box-shadow: rgba(50,50,93,0.25) 0px 2px 5px -1px, rgba(0,0,0,0.3) 0px 1px 3px -1px;
      padding:10px;
    }
    .cart-count .cart-icon{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin-right:10px;
    }
    .navigation-buttons>a[data-target=cart] i{ margin-top:3px; }
  }
  
  /* Mobile nav glass */
  @media (max-width:780px){
    #cart-widget{ right:0 !important; left:0 !important; }
    .navigation-in{ background:transparent !important; }
  
    #navigation{
      background: rgba(255,255,255,0.72);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    }
    #navigation:hover{
      background: rgba(255,255,255,0.85);
      border-color: rgba(17,24,39,0.12);
      box-shadow: var(--sh-hover);
    }
  
    .responsive-tools>a[data-target=navigation]::before{ background-color: var(--c-accent); }
    .responsive-tools>a[data-target=search]{ margin-right: 80px !important; } /* sjednoceno (měl jsi 75 a 80) */
    a.toggle-window[data-target="search"]::before{ margin-top:2px; }
  
    .navigation-in>ul>li{ border-top:none; }
    .navigation-in>ul>li:last-child{ border:none; }
  }
  
  /* =========================================================
     SEARCH FORM + WHISPERER
     ========================================================= */
  header #formSearchForm fieldset{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  
  header #formSearchForm input[data-testid="searchInput"]{
    -webkit-appearance:none !important;
    appearance:none !important;
    height:44px !important;
    line-height:44px !important;
    padding:0 14px !important;
    border:1px solid #e5e7eb !important;
    border-radius: var(--r-8) !important;
    background:#f5f6f8 !important;
    box-shadow:none !important;
  }
  
  header #formSearchForm button[data-testid="searchBtn"]{
    height:44px !important;
    padding:0 20px !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius: var(--r-8) !important;
    background: var(--c-cta) !important;
    color:#fff !important;
    border:none !important;
    box-shadow:none !important;
    transform:translateZ(0);
  }
  
  header #formSearchForm input[data-testid="searchInput"],
  header #formSearchForm button[data-testid="searchBtn"]{
    vertical-align:middle !important;
  }
  
  .search-whisperer ul li,
  .search-whisperer-documents{
    border:none;
  }
  
  .search-whisperer{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:9999;
    border:none;
    border-radius: 0 0 var(--r-8) var(--r-8);
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    overflow:hidden;
    padding:8px 0;
    margin-top:6px;
  }
  
  .search-whisperer a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    text-decoration:none;
    color:#111;
    transition: background .2s ease;
  }
  .search-whisperer a:hover{ background: rgba(0,0,0,0.05); }
  
  .search-whisperer-products li{ list-style:none; }
  .search-whisperer-image img{ border-radius: var(--r-6); max-width:50px; height:auto; }
  
  /* =========================================================
     CART + LOGIN POPUP (sjednocené)
     ========================================================= */
  @media (min-width:1024px){
    .popup-widget:before{ border-color:transparent !important; background-color:transparent !important; }
  
    .popup-widget-inner:not(.cart-widget-inner){
      border-style:none !important;
      box-shadow:none !important;
    }
  
    .user-action-login.popup-widget.login-widget{ max-width:420px; width:100%; z-index:10000; }
    .user-action-login .popup-widget-inner{ background:transparent !important; padding:20px !important; }
  
    .user-action-login h2{
      font-size:18px;
      font-weight:700;
      margin:0 0 16px;
      color:#111;
      text-align:center;
    }
  
    .user-action-login .form-control{
      width:100%;
      height:44px;
      padding:0 14px;
      border-radius: var(--r-8);
      border:1px solid #e5e7eb;
      background:#fff;
      font-size:14px;
      line-height:1.4;
      transition: border-color .2s ease, box-shadow .2s ease;
      margin-bottom:12px;
    }
  
    .user-action-login .form-control:focus{
      border-color:#5A31F4;
      box-shadow:0 0 0 3px rgba(90,49,244,.15);
      outline:none;
    }
  
    .user-action-login .btn-login{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:100%;
      height:44px;
      border-radius: var(--r-8);
      background:#000 !important;
      color:#fff !important;
      font-weight:700;
      font-size:15px;
      border:none;
      transition: background-color .2s ease, transform .15s ease;
    }
    .user-action-login .btn-login:hover{ background:#333 !important; transform: translateY(-1px); }
    .user-action-login .btn-login:focus{ outline:none; box-shadow:0 0 0 3px rgba(0,0,0,.12); }
  
    .user-action-login .password-helper{
      margin-top:10px;
      display:flex;
      justify-content:space-between;
      font-size:13px;
    }
    .user-action-login .password-helper a{ color:#5A31F4; text-decoration:none; }
    .user-action-login .password-helper a:hover{ text-decoration:underline; }
  
    /* CART */
    #cart-widget .popup-widget-inner{ background:transparent !important; padding:12px !important; }
    #cart-widget .cart-widget-product{ border-bottom:1px solid rgba(17,24,39,.08); padding:10px 0; }
    #cart-widget .cart-widget-product:last-child{ border-bottom:none; }
  
    #cart-widget .cart-widget-product-image img{ border-radius: var(--r-6); }
  
    #cart-widget .cart-widget-button{
      border-top:1px solid rgba(17,24,39,.08);
      background:transparent;
      padding:12px;
    }
    #cart-widget #continue-order-button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:44px;
      padding:0 18px;
      border-radius: var(--r-8) !important;
      background:#000 !important;
      color:#fff !important;
      font-weight:700 !important;
      border:none !important;
      transition: background-color .2s ease, transform .15s ease;
    }
    #cart-widget #continue-order-button:hover{ background:#333 !important; transform: translateY(-1px); }
  }
  
  /* =========================================================
     PRODUCT CARDS (glass + CTA)
     ========================================================= */
  .product .p{
    position:relative;
    border: var(--bd-soft);
    border-radius: var(--r-8);
    overflow:hidden;
    
  }
  .product .p:hover{
    transform: translateY(-2px);
    box-shadow: var(--sh-hover);
    border-color: rgba(17,24,39,.12);
  }
  
  .product .p .image{
    display:block;
    position:relative;
    aspect-ratio: 4 / 3;
    overflow:hidden;
    background:#f5f6f8;
  }
  .product .p .image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition: transform .35s ease;
  }
  .product .p:hover .image img{ transform: scale(1.03); }
  
  /* pokud chceš fakt transparentní pozadí obrázku, nech to tady (ale je to už “override”) */
  .product .p .image{ background:transparent !important; }
  
  .product .p .flags.flags-default{ position:absolute; top:10px; left:10px; z-index:2; }
  .product .p .flags .flag{
    color:#fff !important;
    border-radius: 999px;
    padding:4px 10px;
    font-size:12px;
    line-height:1;
  }
  
  .product .p-in{ padding:12px; }
  .product .p-in-in{ display:flex; flex-direction:column; gap:8px; }
  
  .product .name{ text-decoration:none; }
  .product .name [data-testid="productCardName"]{
    color:#111;
    font-weight:700;
    font-size:16px;
    line-height:1.25;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  
  .product .ratings-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:2px;
  }
  
  .product .availability span{
    display:inline-block;
    font-size:12px;
    line-height:1;
    padding:4px 8px;
    border-radius: var(--r-6);
    background:#f1f5f9;
    color:#334155;
  }
  
  /* POZOR: :contains v CSS nefunguje – tohle smaž nebo řeš třídou/JS. */
  
  .product .p-bottom{ margin-top:10px; }
  .product .prices{ display:flex; align-items:baseline; gap:8px; }
  .product .price.price-final strong{ font-size:18px; font-weight:800; color:#111; }
  
  .product .p-desc{
    margin-top:10px;
    color:#475569;
    font-size:13px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  
  /* pokud někde globálně skrýváš .p-desc, nedělej to – rozbiješ karty */
  .p-desc{ display:none; } /* <- zvaž smazat, je to proti “PRODUCT CARD” bloku */
  
  .product .p-tools .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 14px;
    border-radius: var(--r-8) !important;
    background: var(--c-cta) !important;
    color:#fff !important;
    border:none !important;
    box-shadow:none !important;
    font-weight:700;
    font-size:14px;
    transition: background-color .2s ease, transform .15s ease;
  }
  .product .p-tools .btn:hover{
    background:#333 !important;
    transform: translateY(-1px);
  }
  .product .p a:focus{
    outline:none;
    box-shadow: 0 0 0 3px rgba(0,0,0,.12);
    border-radius: var(--r-6);
  }
  
  /* =========================================================
     PRODUCT LIST GRID (sjednocení)
     ========================================================= */
  .products>div, .products-block>div:nth-child(2n),
  .products-block.products-related>div:nth-child(2n){
    border:none;
  }
  
  .products-block{ margin-top:60px; }
  
  #products.products-page.products-block{
    display:grid;
    gap:24px;
    grid-template-columns: repeat(3, 1fr);
  }
  
  @media (min-width:1024px){
    .products-block{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap:24px;
    }
    .products-block .product{
      width:100% !important;
      max-width:100% !important;
    }
  }
  
  @media (max-width:780px){
    #products.products-page.products-block{
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  /* tablet specifika (ponechávám, ale přehledně) */
  @media (min-width:768px) and (max-width:1182px){
    .top-navigation-contacts{ display:none !important; }
    #cart-widget{ right:0 !important; }
    #products.products-page.products-block{ grid-template-columns: repeat(1, 1fr) !important; }
    #products-2{ justify-content:center; grid-template-columns: repeat(2, 1fr) !important; }
  }
  
  /* =========================================================
     FOOTER (sjednoceno + bez duplicity .custom-footer)
     ========================================================= */
  .custom-footer{ border:none !important; }
  .footer-bottom{ display:grid; }
  
  #footer{
    background-image:url("https://748702.myshoptet.com/user/documents/upload/footer-2.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    color:#fff;
    padding:40px 20px;
  }
  
  #footer>.container{
    position:relative;
    border-radius: var(--r-8) var(--r-8) 0 0;
    padding:12px 16px;
  }
  
  #footer .footer-bottom{
    position:relative;
    border-radius: 0 0 var(--r-8) var(--r-8) !important;
    padding:12px 16px;
  }
  
  /* =========================================================
     WIDE CAROUSEL (ponechávám, ale v jedné sekci)
     ========================================================= */
  :root{
    --banner-gap:20px;
    --banner-ratio:3/4;
  }
  
  .wide-carousel #carousel .carousel-inner{
    min-height:0 !important;
    height:auto !important;
  
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:var(--banner-gap) !important;
  
    overflow-x:auto !important;
    overflow-y:visible !important;
  
    scroll-snap-type:x mandatory;
    scroll-snap-stop: always;
    scroll-behavior:smooth;
  
    overscroll-behavior-x: contain;
  
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .wide-carousel #carousel .carousel-inner::-webkit-scrollbar{ display:none; }
  
  .wide-carousel #carousel .carousel-inner .item{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transition:none !important;
  
    flex:0 0 calc(33.333% - var(--banner-gap));
    max-width:calc(33.333% - var(--banner-gap));
    scroll-snap-align:start;
  
    display:flex !important;
    align-items:stretch;
  }
  
  .wide-carousel #carousel .carousel-inner .item > a{
    display:block !important;
    position:relative !important;
    width:100%;
    aspect-ratio:var(--banner-ratio);
    overflow:hidden;
    border-radius: var(--r-8);
  }
  .wide-carousel #carousel .carousel-inner .item > a > img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  
  .extended-banner-title,
  .extended-banner-text,
  .extended-banner-link{
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
  }
  
  .wide-carousel #carousel .carousel-inner .item .extended-banner-texts{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding:20px !important;
    pointer-events:none !important;
    text-align:left !important;
    background:transparent !important;
  }
  .wide-carousel #carousel .carousel-inner .item .extended-banner-texts > span{
    position:static !important;
    margin:0 !important;
    transform:none !important;
  }
  .wide-carousel #carousel .carousel-inner .item .extended-banner-title{
    font-size:clamp(18px,1.8vw,28px) !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    color:#000 !important;
  }
  .wide-carousel #carousel .carousel-inner .item .extended-banner-text{
    font-size:clamp(14px,1.2vw,18px) !important;
    color:#fff !important;
    opacity:.95;
  }
  .wide-carousel #carousel .carousel-inner .item .extended-banner-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:static !important;
    line-height:1 !important;
    white-space:nowrap !important;
    pointer-events:auto !important;
  
    padding:12px 18px !important;
    border-radius: var(--r-8) !important;
    box-sizing:border-box !important;
    background:#000 !important;
    color:#fff !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
    text-decoration:none !important;
  
    transition: transform .15s ease, filter .15s ease;
  }
  .wide-carousel #carousel .carousel-inner .item .extended-banner-link:hover{
    transform:translateY(-1px);
    filter:brightness(.95);
  }
  
  .wide-carousel #carousel .carousel-control{ height:auto !important; align-self:center; z-index:2; }
  
  @media (max-width:768px){
    .content-wrapper.container .row .wide-carousel{ padding:10px; }
    :root{ --banner-gap:10px; }
    .wide-carousel #carousel .carousel-inner .item{ flex:0 0 100%; max-width:100%; }
    .wide-carousel #carousel .carousel-inner .item > a{ aspect-ratio:3/4; }
    .wide-carousel #carousel .carousel-inner .item .extended-banner-texts{
      align-items:center !important;
      text-align:center !important;
    }
  }
  .wide-carousel #carousel .carousel-inner.is-jumping{
    scroll-snap-type:none !important;
    scroll-behavior:auto !important;
  }
  
  /* =========================================================
     BENEFIT BANNER (aurora)
     ========================================================= */
  .benefitBanner{
    position:relative;
    overflow:hidden;
    border-radius: var(--r-18);
    background:#070A1A;
    color:#fff;
    padding:15px;
  }
  .benefitBanner::before{
    content:"";
    position:absolute;
    inset:-40%;
    z-index:0;
    background:
      radial-gradient(45% 35% at 18% 25%, rgba(160, 80, 255, .75) 0%, rgba(160, 80, 255, 0) 60%),
      radial-gradient(40% 35% at 70% 20%, rgba(90, 200, 255, .70) 0%, rgba(90, 200, 255, 0) 62%),
      radial-gradient(55% 45% at 60% 70%, rgba(25, 60, 255, .55) 0%, rgba(25, 60, 255, 0) 65%),
      linear-gradient(140deg, #f618ec, #2e7ed1 60%, #06081a);
    filter: blur(55px);
    transform: translateZ(0);
    opacity:.95;
    pointer-events:none;
  }
  .benefitBanner::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
      radial-gradient(circle at 10% 20%, rgba(255,255,255,.06), transparent 35%),
      radial-gradient(circle at 80% 30%, rgba(255,255,255,.05), transparent 40%),
      radial-gradient(circle at 40% 90%, rgba(255,255,255,.04), transparent 40%);
    mix-blend-mode: overlay;
    opacity:.55;
    pointer-events:none;
  }
  .benefitBanner > *{ position:relative; z-index:1; }
  
  /* =========================================================
     MISC / CLEANUPS (ponechávám jen “užitečné” zásahy)
     ========================================================= */
  .h4.homepage-group-title, h4.homepage-group-title{ display:none; }
  .benefitBanner__item{ margin-bottom:0; }
  
  .flag-new{ background: var(--c-cta); }
  .product .p-tools .btn{ background-color: var(--c-cta) !important; }
  
  .quantity .decrease, .quantity .increase{ background-color:#fff; }
  
  .messages,
  .user-action-login, .popup-widget, .login-widget, .top-navigation-bar-menu-helper{
    z-index:9999;
  }
  
  .welcome h1, .welcome div{ max-width:99%; }
  .welcome div{ margin-left:0; margin-right:0; }
  
  .signature-lokalmarketing{ margin-right:10px; }
  #signature{ flex:initial; }
  .copyright{ color:#000; }
  
  /* content margin – sjednoceno (měl jsi to 2×) */
  .content{ padding-left:0; margin-left:20px; }
  @media (max-width:780px){ .content{ margin-left:0; } }
  
  /* skryté věci – OK, jen držet pohromadě */
  #cfgSummary, .surcharge-list{ display:none; }
  .cfg-trigger-row th,
  .variant-list.variant-not-chosen-anchor th{ display:none; }
  
  /* blog drobnosti */
  .news-item .image img{ border-radius: var(--r-8); }
  .blog-wrapper .news-item .title{ text-align:center; }
  
  /* tool labels */
  .tool-label{
    display:block;
    font-size:8px;
    text-align:center;
    margin-top:4px;
    line-height:1.2;
    color:#333;
  }
  .label-search{ margin-top:6.5px; color: var(--c-green); }
  .label-cart{ color: var(--c-green); }
  .label-menu{ color: var(--c-green); }
  .label-cart-main{
    margin-top:0.5px;
    font-weight:500;
    color: var(--c-green);
  }
  @media (min-width:1300px){
    .label-cart-main{ display:none !important; }
  }
  .fitted .navigation-in, .submenu-visible .navigation-in{border-radius:8px;}
.fitted .navigation-in ul{justify-content:center;}
.cart-header{border-radius:8px 8px 0px 0px;}
.top-navigation-bar{display:none;}
.widget-parameter-wrapper{display:none;}
.homepage-box{background-color:white;border-bottom-style:none;}
.homepage-box{border-top-style:none;}
.footer-rows{border-radius:8px 8px 0px 0px!important;}
#footer .footer-bottom{display: -webkit-flex;}
.product .name [data-testid="productCardName"]{font-size:15px;}
.product .ratings-wrapper{display:none;}
.content-wrapper-in{margin-top:10px;}
.breadcrumbs{border-bottom-style:none;}
.breadcrumbs>span>a:after, .breadcrumbs>span>a:before{height:50%;}
.breadcrumbs>span>a:before{top:-0.5%!important;}
.breadcrumbs>span>a:after{bottom:13.5%!important;}
.label-cart-main{color:black;}
.products-inline.products-top>div .p{height:100px;}
@media (max-width: 768px){
.popup-widget.cart-widget, .popup-widget.login-widget, .popup-widget.search-widget{top:50px!important;}
.type-index .overall-wrapper{padding-top:0px;}
.overall-wrapper{padding-top:0px;}
#mx-header .mx-actions a.cart-count i{top: 6px !important;
        right: 4px !important;}
#mx-header .mx-search .query-input{display:none!important;}
.search{display:none!important;}
#navigation{display:none!important;}
.checkout-box{padding:10px;}
.cart-inner{margin-top:50px;}
.cart-wrapper{margin-top:50px;}
.cart-widget .popup-widget-inner.full+.cart-widget-button{padding:10px;}
.product{width:100%!important;}
.site-msg.information{margin-top:10px;}
.wide-carousel #carousel .carousel-inner .item .extended-banner-texts{background: #91919100 !important;
        background: linear-gradient(0deg, rgb(145 145 145 / 74%) 19%, rgb(255 255 255 / 0%) 100%) !important;;font-size:14px!important;}
.wide-carousel #carousel .carousel-inner .item .extended-banner-title{font-size:24px!important;}
.mx-step{justify-content:left!important;}
.label-cart-main{font-size:10px;}
.banner{margin-bottom:0px;}
#footer .footer-bottom{display:grid;}
}
@media (min-width: 480px){.products-block>div{width:100%!important;}}
@media (max-width: 900px){
  /* nechceme 2 vnitřní scroll kontejnery – scrolluje celá karta */
  .cfg-left, .cfg-right{
    overflow: visible !important;
  }
  .cfg-footer{
  position:relative!important;
  }

  /* samotná karta bude scrollovat */
  .cfg-card{
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    max-height: 100dvh;
    padding-bottom: 110px; /* prostor pro sticky footer */
  }

  /* footer drž dole, ale nepřekrývá obsah díky padding-bottom výš */
  .cfg-footer{
    position: sticky;
    bottom: 0;
    z-index: 5;
  }
}

/* ještě o chlup víc prostoru na úplně malých mobilech */
@media (max-width: 480px){
  .cfg-card{
    padding-bottom: 130px;
  }
}

/* PERFORMANCE: vypnout backdrop-filter na menších zařízeních */
@media (max-width: 1023px){
  #header,
  #navigation,
  #footer>.container,
  #footer .footer-bottom,
  #cart-widget.popup-widget.cart-widget,
  .user-action-login.popup-widget.login-widget,
  .search-whisperer,
  .product .p{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* náhrada za "glass" – prostě neprůhledné pozadí */
  #header,
  #navigation,
  #footer>.container,
  #footer .footer-bottom,
  #cart-widget.popup-widget.cart-widget,
  .user-action-login.popup-widget.login-widget,
  .search-whisperer,
  .product .p{
    background: #fff !important;
  }
}