/* 2340524 */
.teaser-content.iphone-18-pro-content-teaser {
--_offwhite: #f5f5f7;
align-self: stretch;
height: auto;
position: relative;
color: black;
background-color: var(--_offwhite);
padding: 0.5rem !important;
padding-bottom: 0 !important;
min-width: 0;
max-width: 100%;
display: grid !important;
grid-template-columns: minmax(0, 1fr);
grid-template-areas: "logo" "text" "links" "media";
align-content: space-between;
}
.teaser-content.iphone-18-pro-content-teaser .price-slash.price-slash--signal {
position: relative;
}
.teaser-content.iphone-18-pro-content-teaser .price-slash.price-slash--signal:after {
content: "";
height: 2px;
left: 0;
margin-top: -1px;
position: absolute;
right: 0;
top: 50%;
transform: rotate(-8deg);
background-color: #f4364c;
}
.teaser-content.iphone-18-pro-content-teaser .content {
display: contents;
}
.teaser-content.iphone-18-pro-content-teaser .content > energy-label {
display: none;
}
.teaser-content.iphone-18-pro-content-teaser .headline {
grid-area: logo;
}
.teaser-content.iphone-18-pro-content-teaser .text {
grid-area: text;
min-width: 0;
max-width: 100%;
white-space: normal !important;
overflow-wrap: normal;
text-wrap: balance;
text-align: center;
margin: 0 !important;
margin-bottom: 1rem !important;
}
.teaser-content.iphone-18-pro-content-teaser .text p {
max-width: 100%;
white-space: inherit;
margin: 0 !important;
text-align: center !important;
}
.teaser-content.iphone-18-pro-content-teaser .text .occl-info-icon {
color: black !important;
}
.teaser-content.iphone-18-pro-content-teaser .figures {
grid-area: media;
background-color: transparent !important;
}
.teaser-content.iphone-18-pro-content-teaser .figures img {
max-width: 353px !important;
padding: 0 0.7rem !important;
}
.teaser-content.iphone-18-pro-content-teaser .figures,
.teaser-content.iphone-18-pro-content-teaser .figure,
.teaser-content.iphone-18-pro-content-teaser picture,
.teaser-content.iphone-18-pro-content-teaser img {
box-sizing: border-box;
position: static !important;
inset: auto !important;
float: none !important;
transform: none !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0;
padding: 0;
}
.teaser-content.iphone-18-pro-content-teaser .figures,
.teaser-content.iphone-18-pro-content-teaser .figure,
.teaser-content.iphone-18-pro-content-teaser picture {
display: block !important;
width: 100% !important;
height: auto !important;
overflow: visible !important;
}
.teaser-content.iphone-18-pro-content-teaser picture img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-inline: auto;
object-fit: contain;
}
.teaser-content.iphone-18-pro-content-teaser .links {
grid-area: links;
display: grid;
grid-template-columns: max-content;
justify-content: center;
justify-items: center;
gap: 0.8rem;
margin-bottom: 1.5rem !important;
}
.teaser-content.iphone-18-pro-content-teaser .links > li:not(:has(.energy-label-items)),
.teaser-content.iphone-18-pro-content-teaser .links a {
box-sizing: border-box;
width: 100%;
}
.teaser-content.iphone-18-pro-content-teaser .links a {
display: block;
text-align: center;
color: var(--color-neutrals--black) !important;
border: 1px solid var(--color-neutrals--black) !important;
border-radius: 10000000px !important;
background-color: var(--_offwhite) !important;
font-weight: normal !important;
font-size: 16px !important;
padding: 0.6rem 1.5rem;
margin-bottom: 1.77rem;
}
.teaser-content.iphone-18-pro-content-teaser .links a:hover, .teaser-content.iphone-18-pro-content-teaser .links a:active {
background-color: color-mix(in srgb, var(--color-neutrals--black), transparent 92%) !important;
}
.teaser-content.iphone-18-pro-content-teaser .links a:focus-visible {
box-shadow: 0 0 0 5px var(--color-neutrals--black), 0 0 0 7px var(--_offwhite) !important;
}
.teaser-content.iphone-18-pro-content-teaser .links a::after {
display: none;
}
.teaser-content.iphone-18-pro-content-teaser .headline {
padding: 0 !important;
margin: 0 !important;
position: static !important;
}
.teaser-content.iphone-18-pro-content-teaser .headline picture {
padding: 1rem;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
.teaser-content.iphone-18-pro-content-teaser .headline picture img {
max-height: 93px !important;
}
.teaser-content.iphone-18-pro-content-teaser .energy-label-items {
position: absolute !important;
bottom: 10px !important;
right: 8px !important;
top: unset !important;
margin: 0 !important;
transform: scale(0.8);
}