
            @media (min-width: 1200px) {
            .container {  	
                width: 1310px;
                
            }}
         :root {  
            --hovercolor: #05DBC1; 
            --bg_dark: ; 
            --font-weight: 600;  
			
        }body{
            font-family: "Libre Franklin", sans-serif;
            font-size: 14px;
            color: #666666;
        }.pos_title h2,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
            font-family: "Libre Franklin", sans-serif;
            color: #253237;
            text-transform: capitalize;
			font-weight: 600;
        }.pos_title h2{
            font-size: 24px;
        }.pos-title{
            font-family: "Libre Franklin", sans-serif;
        }.pos-title-column h4{   
            font-size: 20px;
        }#header .sticky-inner.scroll-menu{  
            background-color: #FFFFFFCC;   
        }.js-product-miniature .product_desc .product_name{
            color: #253237;
            font-size: 14px;
            text-transform: none;
        }.js-product-miniature .product_desc .product_name:hover{
            color: #05DBC1;
        }.product-price-and-shipping .price{
            color:#555555;
            font-size: 15px;
        }.h1.namne_details, .product_name_h1{
            color: #253237;
            font-size: 24px;
            text-transform: none;
        }.product-prices .price, .product-prices .current-price span:first-child{
            color:#555555;
            font-size: 22px;
        }#product.showcase-body #header,.showcase-inner,#product.showcase-body .page-title-wrapper{
            background-color: ;
        }.img-thumbnail {border: none;}

.product-additional-info {text-align: left !important}

.buttonKalkulatorLeasingowego{
  text-align: left !important;
  margin: 15px 0 0 0 !important;
}

#caraty.buttons_bottom_block{
  float: none !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 1rem !important;
}

.product-additional-info .nxtal-product-notify{
  display: block !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.product-additional-info .nxtal-product-notify .nxtal-notify{
  text-align: left !important; /* jeśli ma być po lewej pod koszykiem */
}

/* submenu Veloport - dynamiczna szerokość */
.pos-sub-inner,
.pos-menu-col ul.ul-column > li > ul.category-sub-menu {
  width: max-content !important;     /* szerokość dopasowana do zawartości */
  min-width: 260px;                  /* minimalna szerokość */
  white-space: nowrap;               /* brak zawijania */
  background-color: #fff;            /* zachowanie tła */
  z-index: 9999;
}

.pos-sub-inner .ul-column a {
  display: block;
  padding: 6px 12px;
  line-height: 1.4;
}

.payment-detail {
    background: #ffffff !important;
}

.product-manufacturer--near-price{
  display:inline-flex;
  align-items:center;
  margin-left:12px;
  vertical-align:middle;
}

.product_manufacturer_logo .manufacturer-logo{
  max-height:128px;
  width:auto;
  border-radius:6px;
  padding:2px;
  float: right;
}

.social-sharing{
 display:none !important;
}

/* Brand description collapse */
.vp-readmore__btn{
  display:inline-flex;
  margin-top:10px;
  padding:0;
  border:0;
  background:transparent;
  font-weight:700;
  cursor:pointer;
}

.vp-readmore__btn:focus{
  outline:2px solid currentColor;
  outline-offset:2px;
}

/* ===== Veloport – komponent opisu produktu (vp-bike) ===== */

/* Kontener */
section.vp-bike{
  max-width:980px;
  margin:0 auto;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0f172a;
}
section.vp-bike .vp-card{
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:18px;
  background:#fff;
}

/* Typografia */
section.vp-bike .vp-title{
  margin:0 0 8px!important;
  font-size:26px!important;
  line-height:1.15!important;
  letter-spacing:-0.02em;
}
section.vp-bike .vp-sub{
  margin:0!important;
  color:#475569!important;
  font-size:14.5px!important;
  line-height:1.9!important;
}

section.vp-bike .vp-h2{
  margin:0 0 10px!important;
  font-size:16px!important;
  letter-spacing:-0.01em;
}
section.vp-bike .vp-muted{color:#475569!important}

/* Grid */
section.vp-bike .vp-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:14px;
}
@media (min-width:820px){
  section.vp-bike .vp-grid{grid-template-columns:1.2fr .8fr}
}

/* Listy */
section.vp-bike .vp-list{
  margin:0!important;
  padding-left:18px!important;
  color:#0f172a;
}
section.vp-bike .vp-list li{margin:8px 0!important;line-height:1.7!important}

/* KPI pills */
section.vp-bike .vp-kpi{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
section.vp-bike .vp-pill{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:999px;
  padding:7px 10px;
  font-size:12.5px;
  color:#334155;
}

/* Notatki */
section.vp-bike .vp-note{
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  padding:12px;
  color:#475569;
  font-size:13px;
  line-height:1.7;
}

/* CTA */
section.vp-bike .vp-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
section.vp-bike .vp-btn{
  display:inline-block;
  text-decoration:none;
  border-radius:12px;
  padding:10px 12px;
  font-weight:700;
  font-size:13.5px;
  border:1px solid #0f172a;
}
section.vp-bike .vp-btn--dark{background:#0f172a;color:#fff}
section.vp-bike .vp-btn--light{background:#fff;color:#0f172a}

/* ===== TABLES – mocne, wyraźne, z kolorami ===== */
section.vp-bike .vp-table-wrap{
  width:100%;
  overflow:auto;
  border-radius:14px;
  -webkit-overflow-scrolling:touch;
}

section.vp-bike table.vp-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:2px solid #0f172a!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fff!important;
  margin-top:8px!important;
  min-width:520px; /* lepsza czytelność, a wrapper robi scroll na mobile */
}

section.vp-bike table.vp-table thead th{
  background:#0f172a!important;
  color:#fff!important;
  text-align:left!important;
  font-size:13.5px!important;
  padding:12px 14px!important;
  white-space:nowrap!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
}
section.vp-bike table.vp-table thead th:last-child{border-right:none!important}

section.vp-bike table.vp-table td{
  font-size:14px!important;
  padding:12px 14px!important;
  color:#0f172a!important;
  border-top:1px solid #e2e8f0!important;
  border-right:1px solid #e2e8f0!important;
  vertical-align:top!important;
  background:#fff!important;
}
section.vp-bike table.vp-table td:last-child{border-right:none!important}

section.vp-bike table.vp-table tbody tr:nth-child(odd) td{background:#f8fafc!important}
section.vp-bike table.vp-table tbody tr:hover td{background:#eef2ff!important}

/* Pierwsza kolumna szersza + bez zawijania (np. "Przerzutka przód") */
section.vp-bike table.vp-table th:first-child,
section.vp-bike table.vp-table td:first-child{
  width:280px!important;
  min-width:280px!important;
  white-space:nowrap!important;
  font-weight:800!important;
}

/* Opcjonalnie: jeszcze wyraźniejsze separatory wierszy */
section.vp-bike table.vp-table tbody tr td{border-top:1px solid #cbd5e1!important}

.vp-readmore__full[hidden]{ display:none !important; }

/* PS 8 / strona produktu: zwężenie paddingów w zakładkach */
@media (max-width: 768px){

  body#product .tabs .tab-content,
  body.page-product .tabs .tab-content,
  #product .tabs .tab-content{
    padding: 10px !important;     /* realnie zwęża pole tekstu */
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body#product .tabs .tab-content .tab-pane,
  body.page-product .tabs .tab-content .tab-pane,
  #product .tabs .tab-content .tab-pane{
    padding: 0 !important;
    margin: 0 !important;
  }
}
