/* Optimized CSS Code */

/* General Styles */

body {
  font-size: 2rem;
}

body header {
  font-size: 2rem;
}

header .container {
  width: 90%;
}

.container {
  width: 90%;
}

.containerCalc {
  width: 90% !important;
  font-size: 2rem;
}

.btn-more  {
  display: none;
}

.thumbnail {
    height: 350px;
}

.thumbnail .thumbnail-link {
    height: 250px;
}

.thumbnail:hover .thumbnail-link {
    height: 250px;
   font-weight:600;
}

.headSticky {
    position: relative !important; 
    top: 0px !important; 
}

.panel-summary .price-per-item {
    font-size: 1.5rem;
}

col-box-volume {
    min-height: 50px;
}

.panel-default:hover {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    transition: all 0s ease-in;
}

/* Header Styles */
h1.page-header {
  font-size: 28px;
}

h2.page-header {
  font-size: 24px;
}

.caption a h3,
.thumbnail .caption h3 {
  font-size: 20px;
}

/* Background Info Styles */
.bg-info {
  padding: 10px;
}

.bg-info b,
.bg-info .ds-price,
.bg-info .ds-gross-price,
.bg-info .ds-currency {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
}

.inline-elements {
    display: flex;
    align-items: center;  /* Opcjonalnie, aby elementy były wyśrodkowane pionowo */
}

/*
.custom_format_width {
   margin-left: 15px;
}
*/
.print-Offer {
   margin-bottom: 10px;
}

.custom_format_name {
   margin-left: 15px;
   margin-bottom: 15px !important;
}

.own_format {
   margin-left: 15px;
   margin-bottom: 15px;
}

/* 
.own_format {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; /* Dodaje przestrzeń wewnątrz kontenera */
}
*/

.copy-link {
        word-wrap: break-word; /* Zawijanie długich słów */
        word-break: break-word; /* Łamanie słów, jeśli są za długie */
        overflow-wrap: break-word; /* Dodatkowa opcja dla przeglądarek */
        white-space: normal; /* Wymusza łamanie tekstu */
        text-overflow: clip; /* Nie ukrywa tekstu */
        display: flex; /* Flexbox dla lepszego dopasowania */
        justify-content: center; /* Wyśrodkowanie treści */
        align-items: center; /* Wyśrodkowanie treści w pionie */
        min-height: 40px; /* Opcjonalnie: Ustaw minimalną wysokość */
        text-align: center; /* Wyśrodkowuje tekst w przycisku */
        padding: 10px; /* Opcjonalnie: Dodaje padding */
        box-sizing: border-box; /* Upewnia się, że padding nie zwiększa całkowych wymiarów */
    }


/* Button Styles */
a.btn {
  margin-top: 8px;
}

/* Product Gallery Styles */
.product-gallery-content {
  padding-bottom: 20px;
}

/* Column Styles */
.col-xs-6.col-sm-4.col-md-3.index_col_1_1,
.col-xs-6.col-sm-4.col-md-3.index_col_2_2,
.col-xs-6.col-sm-4.col-md-3.index_col_2_8 {
  width: 50%;
}

/* Tooltip Styles */
.custom-tooltip .tooltip {
  font-size: 14px;
  width: 400%;
}

/* Thumbnail Styles */
.thumbnail .thumbnail-link .promotion-icon {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  max-width: 292px;
}


.thumbnail .thumbnail-link img {
  display: inline-block;
  width: 100%;
  transition: all .3s linear 0s;
  max-width: 330px;
  margin: auto;
  text-align: center;
}

.thumbnail .thumbnail-link {
  text-align: center;
}

.productTitleSticky {
    position: sticky;
    top: -20px;
    z-index: 7;
    background: #fff;
}

table.table-volume .col-volume {
    width: 7em;
   height: 3em !important;
}

table.table-volume .th-realisation-time {
    font-size: 1em;
}

.control-custom-label, .control-custom-label2 {
    font-size: 1.3em;
}

.dl-horizontal {
   font-size: 1.5rem;
}

#select-attribute-112 {
    display: none;
}


img.ng-thumb {
    height: 100px;
    float: left;
    display: block;
    cursor: pointer;
    margin: 2px 2px 0 0;
}

/* Form Styles */
.form-group select,
.input-group input {
  transition: all 0.2s ease-in;
  box-shadow: none;
}

/* Panel Styles */
.panel-group .panel {
  margin-bottom: 5px;
  border-radius: 4px;
}

/* Button Margin Styles */
.use-coupon-button,
.buy-now-well,
.confirm-button .well {
  margin-bottom: 15px;
  margin-top: 40px;
}

/* Button Text Styles */
.buy-now-text,
.well .btn {
  font-size: 24px;
  font-weight: bold;
}

/* Copy Link Styles */
.copy-link,
.copy-link:hover,
.copy-link:active:focus {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #d9edf7;
}

.copy-link:hover {
  color: white;
  background-color: #3c8aae;
  border-color: #3c8aae;
}

.copy-link:active:focus {
  font-weight: 400;
  color: white;
  background-color: #88b5c9;
  border-color: #88b5c9;
}

/* Hover Styles */
.form-group div:hover > select:not(.one-element-select),
.select-by-picture li:hover > .list-group-item,
.spincontainer:hover,
.input-group:hover > input,
.panel-default:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3);
  transition: all 0.2s ease-in;
}

/* Content Header Carousel Styles */
.content-header-carousel ul li a span {
  background-size: contain !important;
}

.content-header-carousel ul {
  height: calc(100vw / 6);
}

/* Add to Cart Styles */
.add-to-cart-cart,
.order-cart {
  font-weight: 800 !important;
  background-color: #4688ce;
  border-color: #4688ce;
}

.add-to-cart-cart:hover {
  background-color: #386fa5 !important;
  border-color: #386fa5 !important;
}

/* Volume Box Styles */
.one-line-price-col .col-box-volume.bg-success,
.col-box-volume {
  min-height: 36px;
}

/* Button Animation Styles */
.btn-info:hover {
  color: #fff;
  background-color: #00776f;
  border-color: #00534e;
  transition: all 0.2s ease-in;
}

/*calc */
    .rowQuotationActive{
            top: 280px !important;
        }
    .one-line-price .price-regular {
        line-height: normal !important;
    }

    .control-custom-label {
        padding-left: 6% !important;
        text-align: left !important;
    }

    .control-custom-label2 {
        padding-left: 6% !important;
        text-align: left !important;
        padding-bottom: 5px;
    }

    .class-custom-select-box:hover {
        box-shadow: 0 1px 5px 0 rgb(0 0 0 / 30%);
        transition: all 0.2s ease-in;
    }

    .custom-list-view {
        width: auto;
        display: inline-block;
        margin-left: 2%;
        margin-top: 2%;
        text-align: center;
        width: 48%;
    }

    .stickyStyle1 {
        position: sticky;
        top: 150px;
    }

    .rowSticky1 {
        height: 100%;
    }

    .priceStyle {
        line-height: 32px;
    }

    .priceStyle2 {
        display: inline!important;
    }

    .priceStyle3 {
        /*height: 36px;*/
    }

    .selected-right-option {
        background-color: #d9edf7;
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        vertical-align: middle !important;
    }

    .col-box-volume {
        padding: 4px 8px;
    }

    .realisation-thead {
        width: 50%;
    }

    .rowColors td:nth-of-type(3),
    .rowColors th:nth-of-type(3) {
        color: #f6891e;
    }

    .rowColors td:nth-of-type(4),
    .rowColors th:nth-of-type(4) {
        color: #527abd;
    }

    .custom-attribute-view-mobile {
        display: none;
    }

    .custom-attribute-view-desktop {
        display: block;
    }

    .productTitleSticky {
        position: sticky;
        top: 50px;
        z-index: 14;
        background: white;
    }

    @media (max-width:932px) {
        .rowQuotationActive{
            top: 0px !important;
        }
        .productTitleSticky {
            position: relative;
            top: 0px;
            z-index: 13;
            background: white;
        }
        .custom-attribute-view-mobile {
            display: block;
        }
        .custom-attribute-view-desktop {
            display: none;
        }
        .stickyStyle1 {
            position: relative;
            top: 0;
        }
        .rowSticky1 {
            height: auto;
        }
        .custom-list-view {
            width: 98%;
        }
        .mobile-dropdown-menu {
            top: 30px !important;
            left: 0 !important;
        }
    }

    .upperCustomVolumePanel {
        padding-top: 20px;
        clear: both;
    }

    .headSticky {
        position: sticky;
        top: 140px;
        z-index: 10;
        background: white;
        margin-right: 0;
    }

    .LeftMenuProducts {
        list-style: none;
    }

    .LeftMenuProducts>li {
        width: 100%;
        padding-left: 15px;
        font-size: 14px !important;
    }

    .LeftMenuProducts>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .LeftMenuProductsItems {
        list-style: none;
    }

    .LeftMenuProductsItems>li {
        width: 100%;
        padding-left: 15px;
        font-size: 12px !important;
    }

    .LeftMenuProductsItems>li>a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .panelRightOrderMax {
        overflow: hidden;
    }

    .one-line-price-col.bg-success {
        background-color: #f7f7f7;
    }

    .one-line-price:hover .one-line-price-col.bg-success {
        background-color: #f7f7f7 !important;
    }

    .scroll-product {
        display: flex;
    }

    .scroll-product > a {
        padding:10px;
        text-decoration: none;
    }

/*header*/

    .header2_search {
        width: 100%;
        margin: auto;
        display: block;
    }

    .header2_search_form {
        width: 50%;
        margin-left: 5% !important;
    }

    .header2IconSize {
        font-size: 30px;
        padding: 10px !important;
    }

    .navbar-header .menuFullScreenToggle {
        font-size: 30px;
        margin-right: 35px !important;
        color: #00aa9f;
        padding-top: 10px;
        cursor: pointer;
        float: left;
    }

    #fullScreenMenu {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        margin-top: 0;
        position: fixed;
        z-index: 9999;
    }

    .closeMenu {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 35px;
        color: white;
        cursor: pointer;
    }

    .fullScreenMenuWarp {
        width: 500px;
        background-color: #ffffff;
        overflow-y: scroll;
        height: 100%;
        padding-bottom: 60px;
    }

    .fullScreenMenuMain {
        font-size: 25px;
        width: 100%;
    }

    .fullScreenMenuMain a {
        padding: 5px;
    }

    .fullScreenMenuMain .fa {
        float: right;
    }

    .fullScreenMenuMain>li {
        width: 100%;
    }

    .fullScreenMenuProducts {
        list-style: none;
    }

    .fullScreenMenuProducts>li {
        width: 100%;
        padding-left: 15px;
        font-size: 18px !important;
    }

    .fullScreenMenuProductsItems {
        list-style: none;
    }

    .fullScreenMenuProductsItems>li {
        width: 100%;
        padding-left: 15px;
        font-size: 15px !important;
    }

    @media (max-width:750px) {
        .fullScreenMenuWarp {
            width: 100%;
        }
        .navbar-header .menuFullScreenToggle {
            margin-left: 20px;
        }
    }

    @media (max-width:1600px) {
        .customMenuSecondary {
            display: none !important;
        }
    }



/* End of Optimized CSS Code */