body {
            margin: 0px;
            line-height: 1.6;
        }

        @font-face {
	font-family: 'FuturaLightC-Italic';
	src: url('../fonts/futuralightc-italic.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/futuralightc-italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/futuralightc-italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/futuralightc-italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/futuralightc-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/futuralightc-italic.svg#futuralightc-italic') format('svg'); /* Chrome < 4, Legacy iOS */
}


        .main {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
           text-decoration: none;
            justify-content: center;
            padding-bottom: 40px;
              width: 90%;
            max-width: 1200px;
            margin: 0 auto;
        }
        @font-face {
	font-family: 'FuturaLightC-Italic';
	src: url('../fonts/futuralightc-italic.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/futuralightc-italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/futuralightc-italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/futuralightc-italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/futuralightc-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/futuralightc-italic.svg#futuralightc-italic') format('svg'); /* Chrome < 4, Legacy iOS */
        }

          .text-logo {
            font-family:'FuturaLightC-Italic';
            color: aliceblue;
            font-size: 80px;
            letter-spacing: 6px;
            margin-top: 20px;
            text-decoration: none;
            display: flex;
            align-items: center;
        }
            .cover-color{
            background-color: rgba(0, 0, 0, 0.8);
        }
         
         h2, h3 {
            color: #000;
            font-family:'FuturaLightC-Italic';
          
         }


       a{
        text-decoration: none;
       }
       img{
        text-decoration: none;
       }
      

       .grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .links {
            display: flex;
        
        }

        .link-item {
            font-family: 'FuturaLightC-Italic';
            color: aliceblue;
            padding: 8px 40px;
            margin: 0px 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
        }

        .link-item:hover {
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.7);
        }
        .tele {
             font-family: 'FuturaLightC-Italic';
            color: aliceblue;
            padding: 3px 3px;
            margin: 0px 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
        }
          .image {
            height: 300px;
            width: 300px;
            object-fit: cover;
            border-radius: 10px 10px 0 0;
         
        }
             .gallery {
            margin-top: 24px;
            margin-bottom: 80px;
            
        }
             .images-wrapper {
            margin-bottom: 80px;
            margin-top: 24px;
         display: flex;
           
         
        }
         .good-wrapper {
            width: 300px;
            margin: 0px 12px;
            cursor: pointer;
            
           
        }
        
        .good-description {
            border-radius: 0 0 10px 10px;
            background-color: rgba(255, 255, 255, 0.1);
            padding: 12px 24px;
    
        }
        
        .good-text {
            font-family: "FuturaLightC-Italic";
            color: aliceblue;
            margin: 8px 0;
            padding: 10px;
         
        }
         .good-text-heading {
            font-size: 24px;
      
        }
        
        .good-text-short-description {
            font-size: 20px;

        }
           .detailed-view {
            visibility: hidden;
            position: fixed;
            height: 100vh;
            width: 100vw;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 0;
            left: 0;
            z-index: 1;

        }
        
        .detailed-view-content {
            height: 80vh;
            background-color: rgba(255, 255, 255, 1);
            border-radius: 20px;
            display: flex;
            padding: 10px;
            z-index: 10;
            cursor: default;
            max-width: 900px;
            overflow: scroll;
           width:min-content;
       flex-direction:column;
        align-content:center;

        }
        

        .detailed-view-overlay {
            position: absolute;
            width: auto;
            height: 90vh;
            z-index: 9;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5);
             display: flex;
            align-items:center;
            justify-content: center;
        }
   .main-image{
           display: flex;
       align-items: center;
   }


       #current{
     
       border-radius: 20px;
       object-fit: contain;
       align-self: center;
       max-width: 400px;
       display: flex;
       align-items: center;
       margin-top: 15px;
       margin-left:20px ;
   
       }



       

       .sliders {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 10px;

       }
       .slide{
      margin-right: 10px;
      cursor: pointer;
      max-width: 150px;
      display: flex;
      align-items: center;
      border-radius: 5px;
      
       }
       .slide img {
        max-width: 150px;
        
        
       }
        .slide img:hover, .slide.active{
            opacity: 0.7;
            border: 2px solid #000;
        }



         .detailed-view-description {
            align-self: center;
        }


      
         .detailed-view-description text{
          text-decoration: none;
        }

         .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
         .cover {
            position: fixed;
            top: 0;
            left: 0;
            background-size: cover;
            background-position: center;
            background-position-y: top;
            height: 100%;
            width: 100%;
            z-index: -1;
        }
        .detailed-view-price{
            font-size: 14px;
            font-weight: bold;

        }

        .text {
            font-family: "FuturaLightC-Italic";
            color: #000;
        }

        .detailed-view-about {
            margin-top: 48px;
           top: 0;
           left: 0;
           font-family: "FuturaLightC-Italic";
        }

        .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
           
        }
  
.social-wrapper{
    display: flex;
            justify-content: center;
            align-items: center;
           gap: 10px;

}

        .social {
            height: 32px;
            width: 32px;
            display: flex;
            padding: 8px;
            border-radius: 100%;
            background-color: rgba(255, 255, 255, 0.1);
            transition: background-color .5s;
           
        }

        .social:hover {
            background-color: rgba(255, 255, 255, 0.2);
            ;
        }

        .social:not(:last-child) {
            margin-right: 12px;
        }

        .social-icon {
  
           
        }

         
        .logo {
            filter: invert(1);
            width: 80px;
        }

        .logo-wrapper {
           margin-bottom: 30px;
            
        }

        .close-button-wrapper {
            position: relative;
            width: 0;
            left: 97%;
            top: -3px;
        }

        .close-button {
            position: absolute;
            padding: 5px;
            border-radius: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            transition: background-color .5s;
            cursor: pointer;
            width: 25px;
            height: 25px;
        }

        .close-button:hover {
            background-color: rgb(0, 0, 0);
        }

        .close-button > svg {
            filter: invert(1);
        }
        
        .button-shop {
            overflow: hidden;
            width: 100%;
            max-width: 222px;
            margin-right: auto;
            margin-left: auto;
            padding-top: 15px;
            padding-bottom: 17px;
            background-color: black;
            transition: all 555ms ease;
            color: azure;
            text-align: center;
        }
        .buscet{
            font-size: 65px;
            margin-bottom: 33px;
            text-decoration: none;
        }
    
        .button-box{
           font-family: 'FuturaLightC-Italic';
            color: aliceblue;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            flex-direction: column;
        }
          .button-box:hover{
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.7);
          }
          .icon-box{
            width: 40px;
            filter: invert(1);

          }
        
          .icon-box{
            width: 40px;
            filter: invert(1);
             flex-direction: column;
          }

          .box{
            margin-bottom: 10px;
            text-decoration: none;
          }
          button[type="Btn"]{

           font-family: 'FuturaLightC-Italic';
            color: aliceblue;
            padding: 8px 40px;
            margin: 0px 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
            background: none;
        }
       



         
 @media (640px <= width <= 750px) {

            .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
             
             .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
         .cover {
            position: fixed;
            top: 0;
            left: 0;
            background-size: cover;
            background-position: center;
            background-position-y: top;
            height: 100%;
            width: 100%;
            z-index: -1;
        }
        .cover-color{
            background-color: rgba(0, 0, 0, 0.8);
        }
           
            .images-wrapper {
                flex-direction: column;
            }

            .good-wrapper:not(:last-child) {
                margin-bottom: 24px;
            }
            .links{
                text-align: center;
                flex-direction: column;
                margin-bottom: 10px;
            }

           .link-item {
                width: 140px;
                font-size: 14px;
                padding: 12px 30px;
                margin-top: 15px;
            }

            .text-logo {
                font-size: 65px;
                margin-bottom:20px;
                margin-left: 20px;
                display: flex;
                align-items: center;
            
            }
             .text-wrapper {
                margin: 15px 0px;
            }
              .detailed-view {
                width:100vw;
                height:100vh;
                align-items: center;
                justify-content: center;
              }

            .detailed-view-content {
                flex-direction: column;
                 max-width: 900px;
        }



            .detailed-view-about {
                margin-top: 0px;
            }

            .detailed-view-content {
                overflow: scroll;
                height: 600px;
                max-width:500px;
            }

             .detailed-view-overlay {
            position: absolute;
            width: 200%;
            height: 200%;
            z-index: 9;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .current {
            margin-right: 20px;
            border-radius: 20px;
            object-fit: contain;
            align-self: center;
            width: 400px;
            height: 600px;
        }
          .sliders {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 10px;
        border-radius: 10px;

       }
       .slide{
      margin-right: 10px;
      cursor: pointer;
      border-radius: 10px;
        
       }
       .slide img {
        max-width: 150px;

       }
        .slide img:hover{
            opacity: 0.7;
        }

           .detailed-view-description {
            align-self: center;
        }

        .detailed-view-price {
            font-size: 14px;
            font-weight: bold;
        }

        .text {
            font-family: "Museo Sans Cyrl W03 300";
            color: #000;
        }

        .detailed-view-about {
            margin-top: 28px;
            top: 0;
            left: 0;
        }
        .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .logo {
            filter: invert(1);
            width: 80px;
        }
        .social-wrapper{
    display: flex;
            justify-content: center;
            align-items: center;
           gap: 10px;

}

        .social {
            height: 32px;
            width: 32px;
            display: flex;
            padding: 8px;
            border-radius: 100%;
            background-color: rgba(255, 255, 255, 0.1);
            transition: background-color .5s;
            
        }
         .social:hover {
            background-color: rgba(255, 255, 255, 0.2);
            
        }

        .social:not(:last-child) {
            margin-right: 12px;
        }

        .social-icon {
            filter: brightness(0) invert(1);
        }

        .logo {
            width: 80px;
            filter: invert(1);
            margin-top:20px;
        }
         .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .logo-wrapper {
            margin-bottom: 30px;
        }
        .close-button-wrapper {
            position: relative;
            width: 0px;
            left: 90%;
            top: -3px;
        }

        .close-button {
            position: absolute;
            padding: 5px;
            border-radius: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            transition: background-color .5s;
            cursor: pointer;
        }
        .close-button:hover {
            background-color: rgb(0, 0, 0);
        }

        .close-button > svg {
            filter: invert(1);
        }
       .button-box{
           font-family: 'Futura PT Medium';
            color: aliceblue;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            flex-direction: column;
        }
          .button-box:hover{
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.7);
          }
          .icon-box{
            width: 40px;
            filter: invert(1);
            align-items: center;
            margin-top: 15px;

          }
          .box{
            margin-bottom: 10px;
            margin-top: 10px;
            align-items: center;
          }
          }



           @media (750px <= width <= 1030px ) {
              body {
            margin: 0px;
        }
        .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
         .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
         .cover {
            position: fixed;
            top: 0;
            left: 0;
            background-size: cover;
            background-position: center;
            background-position-y: top;
            height: 100%;
            width: 100%;
            z-index: -1;
        }
        .cover-color{
            background-color: rgba(0, 0, 0, 0.8);
        }

        .main {
            
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            
        }
            .images-wrapper{
                flex-direction: column;
            }
             .good-wrapper:not(:last-child) {
                margin-bottom: 24px;
            }
            .links{
                text-align: center;
                flex-direction: column;
                margin-bottom: 10px;
            }

            .link-item {
              
                width: 140px;
                font-size: 14px;
                padding: 12px 30px;
                margin-top: 15px;
        
            }
            .text-wrapper {
                margin: 15px 0px;
            }
            .text-logo {
                font-size: 65px;
                margin-bottom:20px;
                margin-left: 20px;
            
            }
            .detailed-view {
              
                align-items: center;
            justify-content: center;
              }

            .detailed-view-content {
                flex-direction: column;
                overflow: scroll;
                height: 70vh;
                max-width:1200px;
            
        }


       
            .detailed-view-about {
                margin-top: 0px;
            }

           

        .detailed-view-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 9;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .current {
            margin-right: 20px;
            border-radius: 20px;
            object-fit: contain;
            align-self: center;
           
        }
          .sliders {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 10px;
        border-radius: 10px;

       }
       .slide{
      margin-right: 10px;
      cursor: pointer;
      border-radius: 10px;
        
       }
       .slide img {
        max-width: 150px;

       }
        .slide img:hover{
            opacity: 0.7;
        }

           .detailed-view-description {
            align-self: center;
        }

        .detailed-view-price {
            font-size: 14px;
            font-weight: bold;
        }

        .text {
            font-family: "Museo Sans Cyrl W03 300";
            color: #000;
        }

        .detailed-view-about {
            margin-top: 28px;
            top: 0;
            left: 0;
        }
        .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .logo {
            filter: invert(1);
            width: 80px;
        }
        .social-wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
           gap: 10px;

}


        .social {
            height: 32px;
            width: 32px;
            margin-top: 15px;
           
            display: flex;
            padding: 8px;
            border-radius: 100%;
            background-color: rgba(255, 255, 255, 0.1);
            transition: background-color .5s;
        }
         .social:hover {
            background-color: rgba(255, 255, 255, 0.2);
            ;
        }

        .social:not(:last-child) {
            margin-right: 12px;
        }

        .social-icon {
            filter: brightness(0) invert(1);
        }

        .logo {
            width: 80px;
            filter: invert(1);
            margin-top:20px;
        }
         .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .logo-wrapper {
            margin-bottom: 30px;
        }
        .close-button-wrapper {
            position: relative;
            width: 0px;
            left: 90%;
            top: -3px;
        }

        .close-button {
            position: absolute;
            padding: 5px;
            border-radius: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            transition: background-color .5s;
            cursor: pointer;
        }
        .close-button:hover {
            background-color: rgb(0, 0, 0);
        }

        .close-button > svg {
            filter: invert(1);
        }
       .button-box{
           font-family: 'Futura PT Medium';
            color: aliceblue;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            flex-direction: column;
        }
          .button-box:hover{
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.7);
          }
          .icon-box{
            width: 40px;
            filter: invert(1);
            align-items: center;
            margin-top: 15px;

          }
          .box{
            margin-bottom: 10px;
            margin-top: 10px;
            align-items: center;
           }
    }

    @media (max-width: 1030px) {
  .body {
            margin: 0px;
        }
        .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
         .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
         .cover {
            position: fixed;
            top: 0;
            left: 0;
            background-size: cover;
            background-position: center;
            background-position-y: top;
            height: 100%;
            width: 100%;
            z-index: -1;
        }
        .cover-color{
            background-color: rgba(0, 0, 0, 0.8);
        }

        .main {
            
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
           
        }
            .images-wrapper{
                flex-direction: column;
            }
             .good-wrapper:not(:last-child) {
                margin-bottom: 24px;
            }
            .links{
                text-align: center;
                flex-direction: column;
                margin-bottom: 10px;
            }

            .link-item {
               
    
                width: 140px;
                font-size: 14px;
                padding: 12px 30px;
                margin-top: 15px;
            }
             .text-wrapper {
                margin: 15px 0px;
            }


            .text-logo {
                font-size: 65px;
                margin-bottom:20px;
                margin-left: 20px;
            
            }

 .detailed-view-content {
                overflow: scroll;
                height: 80vh;
                max-width:600px;
                 flex-direction: column;
            }

            .detailed-view-image {
                margin-right: 0px;
                margin-bottom: 60px;
                 border-radius: 20px;
                width: 100%;
                height: auto;
            }

            .detailed-view-about {
                margin-top: 0px;
            }

           

             .detailed-view-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 9;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .current{
            margin-right: 20px;
            border-radius: 20px;
            object-fit: contain;
            align-self: center;
            height: 90vh;
        }
         .sliders {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 10px;
        border-radius: 10px;

       }
       .slide{
      margin-right: 10px;
      cursor: pointer;
      border-radius: 10px;
      width: 90px;
        
       }
       .slide img {
        max-width: 150px;

       }
        .slide img:hover{
            opacity: 0.7;
        }

           .detailed-view-description {
            align-self: center;
        }

        .detailed-view-price {
            font-size: 14px;
            font-weight: bold;
        }

        .text {
            font-family: "Museo Sans Cyrl W03 300";
            color: #000;
        }

        .detailed-view-about {
            margin-top: 35px;
            top: 0;
            left: 0;
        }
        .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .logo {
            filter: invert(1);
            width: 80px;
        }

      .social-wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
           gap: 10px;

}


        .social {
            height: 32px;
            width: 32px;
            display: flex;
            padding: 8px;
            border-radius: 100%;
            background-color: rgba(255, 255, 255, 0.1);
            transition: background-color .5s;
 
        }
         .social:hover {
            background-color: rgba(255, 255, 255, 0.2);
            ;
        }

        .social:not(:last-child) {
            margin-right: 12px;
        }

        .social-icon {
            filter: brightness(0) invert(1);
        }

        .logo {
            width: 80px;
            filter: invert(1);
            margin-top:20px;
        }
         .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .logo-wrapper {
            margin-bottom: 30px;
            
        }
        .close-button-wrapper {
            position: relative;
            width: 0px;
            left: 90%;
            top: -3px;
        }

        .close-button {
            position: absolute;
            padding: 5px;
            border-radius: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            transition: background-color .5s;
            cursor: pointer;
        }
        .close-button:hover {
            background-color: rgb(0, 0, 0);
        }

        .close-button > svg {
            filter: invert(1);
        }
       .button-box{
           font-family: 'Futura PT Medium';
            color: aliceblue;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            flex-direction: column;
        }
          .button-box:hover{
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.7);
          }
          .icon-box{
            width: 40px;
            filter: invert(1);
            align-items: center;
            margin-top: 15px;

          }
          .box{
            margin-bottom: 10px;
            margin-top: 10px;
            align-items: center;
           }

        }


 @media (450px <= width <= 640px) {

            .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
             
             .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
         .cover {
            position: fixed;
            top: 0;
            left: 0;
            background-size: cover;
            background-position: center;
            background-position-y: top;
            height: 100%;
            width: 100%;
            z-index: -1;
        }
        .cover-color{
            background-color: rgba(0, 0, 0, 0.8);
        }
           
            .images-wrapper {
                flex-direction: column;
            }

            .good-wrapper:not(:last-child) {
                margin-bottom: 24px;
            }
            .links{
                text-align: center;
                flex-direction: column;
                margin-bottom: 10px;
            }

           .link-item {
                width: 140px;
                font-size: 14px;
                padding: 12px 30px;
                margin-top: 15px;
            }

            .text-logo {
                font-size: 65px;
                margin-bottom:20px;
                margin-left: 20px;
                display: flex;
                align-items: center;
            
            }
             .text-wrapper {
                margin: 15px 0px;
            }
              .detailed-view {
                width:100vw;
                height:100vh;
                align-items: center;
                justify-content: center;
              }

        

            .detailed-view-about {
                margin-top: 0px;
            }

            .detailed-view-content {
                overflow: scroll;
            flex-direction: column;
                height: 700px;
                max-width:500px;
            }

             .detailed-view-overlay {
            position: absolute;
            width: 200%;
            height: 200%;
            z-index: 9;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .current {
            margin-right: 20px;
            border-radius: 20px;
            object-fit: contain;
            align-self: center;
            height:300px;
            width: 250px;
        }

          .sliders {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 10px;
        border-radius: 10px;

       }
       .slide{
      margin-right: 10px;
      cursor: pointer;
      border-radius: 10px;
      width: 90px;
        
       }
       .slide img {
        max-width: 150px;

       }
        .slide img:hover{
            opacity: 0.7;
        }

           .detailed-view-description {
            align-self: center;
        }

        .detailed-view-price {
            font-size: 14px;
            font-weight: bold;
        }

        .text {
            font-family: 'Futura PT Medium';
            color: #000;
        }

        .detailed-view-about {
            margin-top: 28px;
            top: 0;
            left: 0;
        }
        .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .logo {
            filter: invert(1);
            width: 80px;
        }
 .social-wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
           gap: 10px;

}

        .social {
            height: 32px;
            width: 32px;
            display: flex;
            padding: 8px;
            border-radius: 100%;
            background-color: rgba(255, 255, 255, 0.1);
            transition: background-color .5s;
          
        }
         .social:hover {
            background-color: rgba(255, 255, 255, 0.2);
            ;
        }

        .social:not(:last-child) {
            margin-right: 12px;
        }

        .social-icon {
            filter: brightness(0) invert(1);
        }

        .logo {
            width: 80px;
            filter: invert(1);
            margin-top:20px;
        }
         .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .logo-wrapper {
            margin-bottom: 30px;
        }
        .close-button-wrapper {
            position: relative;
            width: 0px;
            left: 90%;
            top: -3px;
        }

        .close-button {
            position: absolute;
            padding: 5px;
            border-radius: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            transition: background-color .5s;
            cursor: pointer;
        }
        .close-button:hover {
            background-color: rgb(0, 0, 0);
        }

        .close-button > svg {
            filter: invert(1);
        }
       .button-box{
           font-family: 'Futura PT Medium';
            color: aliceblue;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            flex-direction: column;
        }
          .button-box:hover{
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.7);
          }
          .icon-box{
            width: 40px;
            filter: invert(1);
            align-items: center;
            margin-top: 15px;

          }
          .box{
            margin-bottom: 10px;
            margin-top: 10px;
            align-items: center;
          }
          }



         @media ( 380px <= width <= 450px) {

            .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
             
             .cover-with-image {
            background-image: url(./сумка1.jpg)

        }
         .cover {
            position: fixed;
            top: 0;
            left: 0;
            background-size: cover;
            background-position: center;
            background-position-y: top;
            height: 100%;
            width: 100%;
            z-index: -1;
        }
        .cover-color{
            background-color: rgba(0, 0, 0, 0.8);
        }
           
            .images-wrapper {
                flex-direction: column;
            }

            .good-wrapper:not(:last-child) {
                margin-bottom: 24px;
            }
            .links{
                text-align: center;
                flex-direction: column;
                margin-bottom: 10px;
            }

           .link-item {
                width: 140px;
                font-size: 14px;
                padding: 3px 3px;
                margin-top: 15px;
            }

            .text-logo {
                font-size: 65px;
                margin-bottom:20px;
                margin-left: 20px;
                display: flex;
                align-items: center;
            
            }
             .text-wrapper {
                margin: 15px 0px;
            }
              .detailed-view {
                width:100vw;
                height:100vh;
                align-items: center;
                justify-content: center;
              }

          

       #current{
       
       margin-left: 10px;
       margin-top: 10px;
       border-radius: 15px;
       object-fit: cover;
       align-self: center;
       max-width: 275px;
       height: 400px;
   
       }
            
         .slide{
            max-width: 50px;
         }

            .detailed-view-about {
                margin-top: 0px;
            }

            .detailed-view-content {
                overflow: scroll;

                height: 600px;
                max-width:500px;
                margin-top: 20px;
                flex-direction: column;
                
        }

             .detailed-view-overlay {
            position: absolute;
            width: 200%;
            height: 200%;
            z-index: 9;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5);
        }

    

  
       .sliders {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 10px;
        border-radius: 10px;

       }
       .slide{
      margin-right: 10px;
      cursor: pointer;
      border-radius: 10px;
        
       }
       .slide img {
        max-width: 150px;

       }
        .slide img:hover{
            opacity: 0.7;
        }



           .detailed-view-description {
            align-self: center;
        }

        .detailed-view-price {
            font-size: 14px;
            font-weight: bold;
        }

        .text {
            font-family: 'Futura PT Medium';
            color: #000;
        }

        .detailed-view-about {
            margin-top: 28px;
            top: 0;
            left: 0;
        }
        .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

     
        .logo {
            filter: invert(1);
            width: 80px;
        }
         .social-wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
           gap: 10px;

}


        .social {
            height: 32px;
            width: 32px;
            display: flex;
            padding: 8px;
            border-radius: 100%;
            background-color: rgba(255, 255, 255, 0.1);
            transition: background-color .5s;
           
        }
         .social:hover {
            background-color: rgba(255, 255, 255, 0.2);
            
        }

        .social:not(:last-child) {
            margin-right: 12px;
        }

        .social-icon {
            filter: brightness(0) invert(1);
        }

        .logo {
            width: 80px;
            filter: invert(1);
            margin-top:20px;
        }
         .footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .logo-wrapper {
            margin-bottom: 30px;
        }
        .close-button-wrapper {
            position: relative;
            width: 0px;
            left: 90%;
            top: -3px;
        }

        .close-button {
            position: absolute;
            padding: 5px;
            border-radius: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            transition: background-color .5s;
            cursor: pointer;
            width: 25px;
            height: 25px;
        }
        .close-button:hover {
            background-color: rgb(0, 0, 0);
        }

        .close-button > svg {
            filter: invert(1);
        }
       .button-box{
           font-family: 'Futura PT Medium';
            color: aliceblue;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-radius: 8px;
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.3);
            transition: box-shadow .5s;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            flex-direction: column;
        }
          .button-box:hover{
            box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.7);
          }
          .icon-box{
            width: 40px;
            filter: invert(1);
            align-items: center;
            margin-top: 15px;

          }
          .box{
            margin-bottom: 10px;
            margin-top: 10px;
            align-items: center;
          }
     }