@supports (-webkit-touch-callout: none) {
  body{
    background: rgba(15, 15, 15, 0.2) url('../images/bg_4_1200x1920.webp');
    background-attachment: scroll;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
    -webkit-font-smoothing: antialiased;
  } 
}

@media screen and (max-width: 600px) {
    .container{
      overflow: hidden;
    }
    .card2 {
      overflow: hidden;
      width: 460px;
      height: 300px;
      margin: 0 0 20px 0;
    }
    .content2 > h2{
      font-size: 1.25em;
      line-height: 0.5em;
    }
    .content2 > p{
      font-size: 1em;
    }
    .card2 > picture > img {
      max-height: 250px;
      left: 78%;
      z-index: 0;
      filter: brightness(95%);
    }

    .container > .product_container{
      margin: auto;
      display: flex;  
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
    .container > .product_catches{
      flex-direction: column;
    }
    .container > .product_image > img{
      float: none;
      max-width: 50%;
    }
  
    .nakupny{
      max-width: 64px;
    }
    .kosik {
      min-width: 300px;
      max-width: 350px;
      /*width: 100%;*/
      right: 0;
      /*padding: 10px 10px 10px 10px;*/
    }
    .menu {
      min-width: 300px;
      max-width: 350px;
      /*width: 100%;*/
      right: 0;
      /*padding: 10px 10px 10px 10px;*/
    }
  
    .smallerfont{
      font-size: 0.8em;
    }
  
    .grid_row{
      padding-right: 5px;
      padding-left: 5px;
      grid-template-columns: repeat(10,10%);
      grid-template-rows: auto auto auto;
    }
    .grid_row:nth-child(even){
      padding-right: 5px;
      padding-left: 5px;
      grid-template-columns: repeat(10,10%);
      grid-template-rows: auto auto auto;
    }
  
    .grid_c1{
      grid-row: 1/span 2;
      grid-column: 1/3;
    }
    .grid_c1 > img{
      width: 50px;
      height: 50px;
    }
  
    .grid_c2{
      grid-column: 3/11;
      grid-row: 1;
    }
    .grid_c3{
      grid-column: 3/6;
      grid-row: 2;
      display: block;
      text-align: left;
      font-size: 0.8em;
  
    }
    .grid_c4{
      grid-column: 3/6;
      grid-row: 3;
      display: block;
      text-align: left;
    }
    .grid_c5{
      display: none;
    }
    .grid_c6{
      display: block;
      grid-column: 6/11;
      grid-row: 2/span 3;
      text-align: right;
    }
    .c1_h{
      display: block;
      grid-row: 1;
      grid-column: 3/6;
      text-align: left;
    }
    .c2_h{
      display: none;
    }
  
    .c3_h{
      display: none;
    }
  
    .c4_h{
      display: none;
    }
  
    .c5_h{
      display: none;
    }
  
    .c6_h{
      grid-row: 1;
      grid-column: 6/11;
    }
    #progress-bar {
      font-size: 0.8em;
    }
    .form__control {
      flex-direction:column;
      align-items: normal;
      margin-bottom: 0px;
    }
    .form__control label{
      text-align: left;
    }
    .c101 {
      flex-direction: column;
    }
    .c109{
      min-width:100%;
    }
    .c110{
      min-width:100%;
    }

    .flex_row_center{
      flex-direction: column;
    }  
  
    .right_to_center{
      margin-left: auto;
      margin-right: auto;
    }
    .grid_c1_checkout{
      grid-column: 1/6;
      display: flex;
      align-items: center;
    }
    .grid_c2_checkout{
      grid-column: 1/6;
      display: flex;
      align-items: center;
    }
    .menu_links{
      display: none;
      visibility: hidden;
    }
    .menu_links_side {
      display: block;
      visibility:visible;
    }
    .gal_thumbnail_row {
      --gap: 10px;
      --columns: 2;
    }
    .contact-form{
      grid-template-rows: auto;
      grid-template-columns: 1fr;
    }


  }