Omalovánky pro dospělé DickObraz 2 antistresové omalovánky pro dospělé

.dick-pdp {
--dick-ink: #111111;
--dick-white: #ffffff;
--dick-paper: #fffaf0;
--dick-blue: #23a9e0;
--dick-blue-light: #cceefa;
--dick-yellow: #ffe33b;
--dick-pink: #ef5d91;
--dick-purple: #8447ad;
--dick-orange: #f3913d;
--dick-shadow: 8px 8px 0 var(--dick-ink);

max-width: 940px;
margin: 0 auto;
color: var(--dick-ink);
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 1.65;
}

.dick-pdp *,
.dick-pdp *::before,
.dick-pdp *::after {
box-sizing: border-box;
}

.dick-pdp__hero {
position: relative;
margin: 0 8px 30px 0;
padding: clamp(40px, 8vw, 78px) clamp(24px, 6vw, 58px);
overflow: hidden;
background:
radial-gradient(
circle at 85% 20%,
var(--dick-yellow) 0 7%,
transparent 7.5%
),
repeating-conic-gradient(
from -18deg at 86% 52%,
var(--dick-blue) 0deg 13deg,
var(--dick-blue-light) 13deg 26deg
);
border: 3px solid var(--dick-ink);
border-radius: 22px;
box-shadow: var(--dick-shadow);
}

.dick-pdp__hero::before {
content: "!";
position: absolute;
right: 4%;
bottom: -70px;
color: rgba(255, 255, 255, 0.38);
font-family: Impact, "Arial Black", sans-serif;
font-size: clamp(240px, 40vw, 420px);
line-height: 1;
transform: rotate(9deg);
}

.dick-pdp__hero::after {
content: "NEW 2024";
position: absolute;
top: 27px;
right: -39px;
width: 180px;
padding: 8px 10px;
color: var(--dick-white);
background: var(--dick-pink);
border-top: 3px solid var(--dick-ink);
border-bottom: 3px solid var(--dick-ink);
font-weight: 900;
letter-spacing: 0.08em;
text-align: center;
transform: rotate(38deg);
}

.dick-pdp__hero-content {
position: relative;
z-index: 1;
max-width: 710px;
}

.dick-pdp__tag {
display: inline-block;
margin-bottom: 18px;
padding: 7px 14px;
color: var(--dick-ink);
background: var(--dick-yellow);
border: 3px solid var(--dick-ink);
border-radius: 999px;
box-shadow: 4px 4px 0 var(--dick-ink);
font-size: 13px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
transform: rotate(-1.5deg);
}

.dick-pdp__title {
margin: 0 0 22px;
color: var(--dick-pink);
font-family: Impact, Haettenschweiler, "Arial Black", sans-serif;
font-size: clamp(53px, 12vw, 102px);
font-weight: 900;
letter-spacing: 0.035em;
line-height: 0.86;
text-transform: uppercase;
text-shadow:
-3px -3px 0 var(--dick-white),
3px -3px 0 var(--dick-white),
-3px 3px 0 var(--dick-white),
3px 3px 0 var(--dick-white),
7px 7px 0 var(--dick-ink);
}

.dick-pdp__title span {
display: block;
margin-top: 18px;
color: var(--dick-ink);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.2em;
letter-spacing: 0.14em;
line-height: 1.25;
text-shadow: none;
}

.dick-pdp__lead {
max-width: 690px;
margin: 0;
padding: 20px 22px;
background: var(--dick-white);
border: 3px solid var(--dick-ink);
border-radius: 13px;
box-shadow: 6px 6px 0 var(--dick-ink);
font-size: clamp(18px, 3vw, 22px);
font-weight: 800;
transform: rotate(-0.7deg);
}

.dick-pdp__ticker {
margin-bottom: 30px;
padding: 11px 15px;
overflow: hidden;
color: var(--dick-yellow);
background: var(--dick-ink);
border-top: 3px solid var(--dick-pink);
border-bottom: 3px solid var(--dick-pink);
font-family: Impact, "Arial Black", sans-serif;
font-size: 18px;
letter-spacing: 0.05em;
text-align: center;
word-spacing: 12px;
}

.dick-pdp__section {
position: relative;
margin: 0 8px 30px 0;
padding: clamp(26px, 5vw, 46px);
overflow: hidden;
background: var(--dick-paper);
border: 3px solid var(--dick-ink);
border-radius: 20px;
box-shadow: var(--dick-shadow);
}

.dick-pdp__section--blue {
background:
linear-gradient(rgba(17, 17, 17, 0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(17, 17, 17, 0.045) 1px, transparent 1px),
var(--dick-blue-light);
background-size: 23px 23px;
}

.dick-pdp__section--yellow {
background:
radial-gradient(
circle at 95% 5%,
rgba(239, 93, 145, 0.35),
transparent 25%
),
var(--dick-yellow);
}

.dick-pdp__section--dark {
color: var(--dick-white);
background:
radial-gradient(
circle at 100% 0%,
rgba(35, 169, 224, 0.28),
transparent 33%
),
var(--dick-ink);
border-color: var(--dick-pink);
box-shadow: 8px 8px 0 var(--dick-pink);
}

.dick-pdp__section::after {
content: "✦";
position: absolute;
right: -15px;
bottom: -55px;
color: rgba(239, 93, 145, 0.13);
font-size: 190px;
line-height: 1;
pointer-events: none;
}

.dick-pdp__eyebrow {
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 12px;
padding: 5px 11px;
color: var(--dick-white);
background: var(--dick-ink);
border-radius: 999px;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.dick-pdp__section--dark .dick-pdp__eyebrow {
color: var(--dick-ink);
background: var(--dick-yellow);
}

.dick-pdp__heading {
position: relative;
z-index: 1;
margin: 0 0 23px;
color: var(--dick-purple);
font-family: Impact, Haettenschweiler, "Arial Black", sans-serif;
font-size: clamp(30px, 5vw, 46px);
font-weight: 900;
line-height: 1.06;
text-transform: uppercase;
}

.dick-pdp__section--dark .dick-pdp__heading {
color: var(--dick-pink);
}

.dick-pdp p {
position: relative;
z-index: 1;
margin: 0 0 19px;
}

.dick-pdp p:last-child {
margin-bottom: 0;
}

.dick-pdp strong {
font-weight: 900;
}

.dick-pdp__statement {
margin: 27px 0 !important;
padding: 20px 22px;
color: var(--dick-ink);
background: var(--dick-yellow);
border: 3px solid var(--dick-ink);
border-radius: 12px;
box-shadow: 5px 5px 0 var(--dick-pink);
font-size: 19px;
font-weight: 900;
transform: rotate(-1deg);
}

.dick-pdp__benefits {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 17px;
margin-top: 28px;
}

.dick-pdp__benefit {
padding: 24px 19px;
color: var(--dick-ink);
background: var(--dick-white);
border: 3px solid var(--dick-ink);
border-radius: 14px;
box-shadow: 5px 5px 0 var(--dick-ink);
}

.dick-pdp__benefit:nth-child(2) {
background: var(--dick-pink);
}

.dick-pdp__benefit:nth-child(3) {
background: var(--dick-yellow);
}

.dick-pdp__benefit-icon {
display: grid;
width: 48px;
height: 48px;
margin-bottom: 15px;
place-items: center;
color: var(--dick-white);
background: var(--dick-ink);
border-radius: 50%;
font-size: 25px;
line-height: 1;
}

.dick-pdp__benefit h3 {
margin: 0 0 9px;
font-size: 20px;
line-height: 1.18;
}

.dick-pdp__benefit p {
margin: 0;
font-size: 15px;
line-height: 1.5;
}

.dick-pdp__gallery {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 15px;
margin-top: 27px;
}

.dick-pdp__gallery-item {
grid-column: span 4;
display: block;
aspect-ratio: 4 / 5;
overflow: hidden;
background: var(--dick-white);
border: 3px solid var(--dick-ink);
border-radius: 14px;
box-shadow: 5px 5px 0 var(--dick-pink);
text-decoration: none;
}

.dick-pdp__gallery-item--wide {
grid-column: span 8;
aspect-ratio: 8 / 5;
}

.dick-pdp__gallery-item:nth-child(1) {
transform: rotate(-0.7deg);
}

.dick-pdp__gallery-item:nth-child(2) {
transform: rotate(0.8deg);
}

.dick-pdp__gallery-item:nth-child(4) {
transform: rotate(-0.5deg);
}

.dick-pdp__gallery-item img {
display: block;
width: 100%;
height: 100%;
padding: 4px;
object-fit: contain;
background: var(--dick-white);
transition: transform 0.3s ease;
}

.dick-pdp__gallery-item:hover img,
.dick-pdp__gallery-item:focus img {
transform: scale(1.04);
}

.dick-pdp__gallery-help {
margin-top: 19px !important;
color: #585858;
font-size: 14px;
text-align: center;
}

.dick-pdp__video {
position: relative;
z-index: 1;
width: 100%;
margin-top: 24px;
padding-top: 56.25%;
overflow: hidden;
background: var(--dick-ink);
border: 3px solid var(--dick-yellow);
border-radius: 16px;
box-shadow: 7px 7px 0 var(--dick-pink);
}

.dick-pdp__video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}

.dick-pdp__notice {
position: relative;
z-index: 1;
margin-top: 26px;
padding: 20px 22px;
color: var(--dick-ink);
background: var(--dick-yellow);
border: 3px solid var(--dick-pink);
border-radius: 13px;
font-weight: 800;
}

.dick-pdp__button {
position: relative;
z-index: 1;
display: inline-block;
margin-top: 25px;
padding: 14px 25px;
color: var(--dick-ink);
background: var(--dick-yellow);
border: 3px solid var(--dick-pink);
border-radius: 999px;
box-shadow: 4px 4px 0 var(--dick-pink);
font-weight: 900;
text-align: center;
text-decoration: none;
transition:
color 0.2s ease,
background-color 0.2s ease,
transform 0.2s ease,
box-shadow 0.2s ease;
}

.dick-pdp__button:hover,
.dick-pdp__button:focus {
color: var(--dick-ink);
background: var(--dick-white);
box-shadow: 2px 2px 0 var(--dick-pink);
transform: translate(2px, 2px);
}

@media (max-width: 720px) {
.dick-pdp__benefits {
grid-template-columns: 1fr;
}

.dick-pdp__gallery {
display: flex;
gap: 14px;
margin-right: calc(clamp(26px, 5vw, 46px) * -1);
margin-left: calc(clamp(26px, 5vw, 46px) * -1);
padding: 6px clamp(26px, 5vw, 46px) 16px;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-padding-inline: clamp(26px, 5vw, 46px);
scroll-snap-type: x mandatory;
scrollbar-width: thin;
scrollbar-color: var(--dick-pink) transparent;
-webkit-overflow-scrolling: touch;
}

.dick-pdp__gallery-item,
.dick-pdp__gallery-item--wide {
flex: 0 0 min(78vw, 330px);
aspect-ratio: 4 / 5;
scroll-snap-align: start;
transform: none;
}
}

@media (max-width: 600px) {
.dick-pdp {
font-size: 16px;
}

.dick-pdp__hero,
.dick-pdp__section {
margin-right: 6px;
border-radius: 17px;
box-shadow: 6px 6px 0 var(--dick-ink);
}

.dick-pdp__section--dark {
box-shadow: 6px 6px 0 var(--dick-pink);
}

.dick-pdp__title {
text-shadow:
-2px -2px 0 var(--dick-white),
2px -2px 0 var(--dick-white),
-2px 2px 0 var(--dick-white),
2px 2px 0 var(--dick-white),
5px 5px 0 var(--dick-ink);
}

.dick-pdp__lead,
.dick-pdp__statement {
transform: none;
}

.dick-pdp__button {
width: 100%;
}
}

@media (prefers-reduced-motion: reduce) {
.dick-pdp__gallery-item img,
.dick-pdp__button {
transition: none;
}
}

Aktualizovaná edice · 40 ilustrací · 18+
DickObraz Sprosté omalovánky pro dospělé
Otevři láhev vína, rozbal pastelky a vstup do světa, kde se humor potkává s estetikou a erotika s