Opis produktu
@import url('https://v1.fontapi.ir/css/SFProDisplay'); @media (min-width: 768px) { #produkt { display: flex; background-color: black; color: #86868b; font-family: SF Pro Display, sans-serif; } #produkt p { width: 100%; box-sizing: border-box; padding: 25px; background-color: black; color: #86868b; font-family: SF Pro Display, sans-serif; } #tekstinfo { width: 100%; box-sizing: border-box; padding: 25px; background-color: black; color: #86868b; font-family: SF Pro Display, sans-serif; } #cytat { display: flex; justify-content: flex-end; background-color: #f5f5f7; font-size: 1.5em; text-align: center; font-family: "SF Pro Display", sans-serif; font-weight: bolder; } #tytul { display: flex; justify-content: flex-start; background-color: #ffffff; font-size: 2em; text-align: left; color: #000000; font-family: "SF Pro Display", sans-serif; font-weight: 800; } #img-tytul { display: flex; } #flex-container { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: stretch; background-color: #fff; } #flex-item { width: calc(50% - 20px); /* Adjust the width as needed */ margin: 10px; background-color: #ffffff; text-align: center; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: background-color 0.3s ease; font-family: "SF Pro Display", sans-serif; } #horizontal-line { width: 80%; /* Adjust the width as needed */ margin: 20px auto; /* Center the line and add margin as needed */ border: 0.3px solid #a0a0a0; /* Set the border color and style */ background-color: #000000; } #tytul_white { background-color: #fff; font-size: 3em; text-align: center; color: #000; font-family: "SF Pro Display", sans-serif; font-weight: 900; } #overlay { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */ z-index: 2; /* Specify a stack order in case you're using a different order for other elements */ cursor: pointer; /* Add a pointer on hover */ } #more { display: none; } #box-s1 { text-align: center; background-color: black; color: white; font-family: "SF Pro Display", sans-serif; padding: 20px; border-radius: 10px 10px 0 0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #box-s2 { text-align: center; background-color: black; color: white; font-family: "SF Pro Display", sans-serif; padding: 40px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #box-s2y { text-align: center; background-color: rgb(36, 36, 36); color: white; font-family: "SF Pro Display", sans-serif; padding: 40px; border-radius: 10px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); } #box-s3 { text-align: center; background-color: black; color: white; font-family: "SF Pro Display", sans-serif; border-radius: 0px 0px 10px 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } /* Style for the image container */ #image-container { width: 100%; text-align: center; } /* Style for the title text */ #title-text { font-size: 2.5vw; font-weight: bold; padding: 20px; } /* Style for the description text */ #description-text { font-size: 1.2vw; margin: 0 40px; } /* Style for the description text */ #faq-text { font-size: 1vw; margin: 0 40px; } #description-text2 { font-size: 1.2rem; margin-bottom: 40px; font-family: "SF Pro Display", sans-serif; } #hide-text { text-align: center; color: #86868b; margin: 0; font-family: "SF Pro Display", sans-serif; font-weight: 500; } #hide-text1 { margin: 0; } #myBtn { font-family: "SF Pro Display", sans-serif; padding: 2px 4.67px; /* Adjusted padding to be one-third of the original size */ border-radius: 6px; border: none; color: #fff; background: linear-gradient(180deg, #4b91f7 0%, #367af6 100%); background-origin: border-box; box-shadow: 0px 0.3px 1.3px rgba(54, 122, 246, 0.25), inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2); user-select: none; -webkit-user-select: none; touch-action: manipulation; } #myBtn:focus { box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.3px 1.3px rgba(54, 122, 246, 0.25), 0px 0px 0px 3.3px rgba(58, 108, 217, 0.5); outline: 0; } #comparison-table { width: 90%; font-family: "SF Pro Display", sans-serif; margin: 20px auto; border-collapse: collapse; background-color: #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #comparison-table th { font-family: "SF Pro Display", sans-serif; padding: 15px; } #comparison-table td { padding: 12px; color: #fff; font-family: "SF Pro Display", sans-serif; } #product-name { color: #fff; font-weight: bold; text-align: left; border-bottom: 0.3px solid #252525; } #gradient-cell1 { background: linear-gradient
Kategorie: Pozostałe
MPN: PRO28/3D/U/PM4 | GTIN: 5904463378728