|
.opis-dro {
max-width: 1000px;
}
.opis-dro h3 {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.opis-dro p {
font-size: 19px;
text-align: center;
}
.opis-dro table {
border-collapse: collapse;
margin-top: 40px;
width: 100%;
}
.opis-dro td {
padding: 8px;
height: 20px;
}
.opis-dro tr:nth-child(even) {
background-color: #f1ebeb;
}
.opis-dro td:nth-child(1) {
width: 50%;
text-align: right;
font-weight: bold;
}
.opis-dro td:nth-child(1) {
width: 50%;
text-align: right;
font-weight: bold;
}
.opis-dro td:nth-child(2) {
width: 50%;
text-align: left;
}
.opis-dro img {
display: block;
align-items: center;
margin: 0 auto;
width: auto;
max-width: 100%;
max-height: 300px;
}
#opis-dro-top-image {
border-radius: 25px 25px 0 0;
max-height: max-content;
}
#opis-dro-banner-image {
max-height: max-content;
width: 95%;
margin-left: 2.5%;
border-radius: 20px;
}
#opis-dro-title {
font-size: 27px;
}
#opis-dro-text-left-image-right {
display: flex;
align-items: center;
flex: 1;
margin-left: auto;
}
#opis-dro-text-right-image-left {
display: flex;
align-items: center;
flex: 1;
margin-left: auto;
}
#opis-dro-text-right-image-left img {
margin-left: 30px;
margin-bottom: 30px;
margin-top: 30px;
}
#opis-dro-text-left-image-right img {
margin-right: 30px;
margin-bottom: 30px;
margin-top: 30px;
}
#opis-dro-textbox {
margin-left: 20px;
margin-right: 20px;
}
#opis-dro-textbox h3 {
font-size: 24px;
color: #f8f8f8;
}
#opis-dro-round-image {
border-radius: 20px;
}
.opis-dro-blackbox {
background-color: #F6F6F6;
color: #030303;
border-radius: 40px;
}
.opis-dro-blackbox p, .opis-dro-blackbox h3 {
margin-left: 25px;
margin-right: 25px;
font-family: "PT Sans", sans-serif !important;
font: "PT Sans", sans-serif !important;
}
.opis-dro-blackbox p {
padding-bottom: 20px;
}
.opis-dro-blackbox hr {
margin-left: 30px;
margin-right: 30px;
border: solid 2px;
border-radius: 9px;
border-color: #ebebeb;
}
.opis-dro-blackbox #whitepart, #whitepart h3 {
background-color: #ffffff;
margin: 0;
color: #1b2a4a;
}
.opis-dro-blackbox #whitepart {
padding-top: 30px;
width: 95%;
margin-left: 2.5%;
border-radius: 20px;
}
#opis-dro-video-sidewrapper video {
height: 300px;
margin: 30px;
}
.opis-dro-video {
display: flex;
justify-content: center;
margin-top: 20px !important;
}
.opis-dro-video #opis-dro-video-wrapper {
position: relative;
width: 75%;
padding-bottom: 42.2%;
}
.opis-dro-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.opis-dro-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 800px) {
#opis-dro-text-right-image-left {
display: inline;
}
#opis-dro-text-left-image-right {
display: inline;
}
#opis-dro-text-right-image-left img {
margin: auto;
margin-top: 30px;
}
#opis-dro-text-left-image-right img {
margin: auto;
margin-bottom: 30px;
padding-bottom: 20px;
}
}
.custom-list {
list-style-type: square; /* Change bullet points to squares */
}
.custom-list li {
font-family: "PT Sans", sans-serif; /* Set PT Sans font */
font-size: 19px; /* Adjust font size to match the rest of the page */
margin-bottom: 10px;
}
.etui-title {
text-align: left; /* Align text to the left */
font-size: 19px; /* Match font size to the rest */
margin-left: 20px; /* Align with the list */
}
<h3 style="color: #C5A46E;">Araree Typo Skin M MagSafe Case</h3>
<h3 style="color: #C5A46E;">A new standard of phone protection</h3>
<p>The <strong>Araree Typo Skin M</strong> case is a proposal for those who value <strong>minimalism and comfort</strong>. Its slim construction makes it fit perfectly in the hand, while its subtle appearance emphasizes the <strong>elegance of the device</strong>. It is a combination of modern design and functionality that makes everyday phone use even more comfortable.</p>
<p></p>
<h3 style="color: #C5A46E;">User comfort and cleanliness</h3>
<p>The case is made of <strong>liquid silicone</strong>, which provides an exceptionally pleasant touch. This material is <strong>resistant to dirt</strong> and easy to clean, keeping the case always looking neat. Liquid silicone additionally protects the phone from the effects of <strong>high temperature</strong>, and its composition is completely <strong>safe for the user</strong>. The whole is complemented by an <strong>inner microfiber layer</strong>, which protects the smartphone surface from scratches and minor damage during everyday use.</p>
<p></p>
<p></p>
<h3 style="color: #C5A46E;">Durable construction and MagSafe</h3>
<p><strong>Araree Typo Skin M</strong> is a case that combines aesthetics and functionality. Frames made of <strong>durable PC material</strong> effectively increase impact resistance, while <strong>raised edges</strong> around the screen and camera minimize the risk of scratches. The use of <strong>N52 neodymium magnets</strong> ensures full <strong>compatibility with MagSafe accessories</strong> and convenient wireless charging. Every element has been carefully designed with <strong>precision craftsmanship</strong> in mind, from contoured side buttons to precisely cut ports and speaker holes, emphasizing the <strong>manufacturer’s attention to detail</strong>.</p>
</p>
<tr>
<td colspan="2">
<h3>Technical Data</h3>
</td>
<tr>
<td>Brand</td>
<td>Araree</td>
</tr>
<tr>
<td>Model</td>
<td>Typo Skin M</td>
</tr>
<tr>
<td>Type</td>
<td>Protective Case</td>
</tr>
<tr>
<td>Compatibility</td>
<td>MagSafe</td>
</tr>
<tr>
<td>Material</td>
<td>PC / Liquid Silicone / Microfiber</td>
</tr>
<tr>
<td>Additional elements</td>
<td>N52 Neodymium Magnets</td>
</tr>
<tr>
<td>Protective functions</td>
<td>Shock absorption, raised screen and camera edges</td>
</tr>
<tr>
<td>Properties</td>
<td>Dirt-resistant, easy to clean, pleasant to the touch</td>
</tr>
<tr>
<td>Color</td>
<td>Black</td>
</tr>
<tr>
<td>Compatibility</td>
<td>iPhone 17</td>
</tr>
|
