/* Approved poster is the desktop visual; interaction is implemented as real HTML links. */
.design-ad-v55,.design-ad-v55 *{box-sizing:border-box}
.design-ad-v55{position:relative;background:#0b0e17;padding:0!important;overflow:hidden;isolation:isolate}
.design-ad-visual{position:relative;max-width:1800px;margin:auto;line-height:0}
.design-ad-poster{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.design-ad-hit{position:absolute;display:block;border-radius:22px;z-index:3;outline-offset:4px;transition:box-shadow .25s,background .25s}
.design-ad-hit:hover,.design-ad-hit:focus-visible{box-shadow:0 0 30px 6px rgba(255,177,117,.5);background:rgba(255,215,160,.08)}
.design-ad-main{left:6.1%;top:44.2%;width:35.3%;height:10%}
.design-ad-coffee{left:2.6%;top:60%;width:23.3%;height:26.9%}
.design-ad-doctor{left:27%;top:60%;width:23.2%;height:26.9%}
.design-ad-eshop{left:51.1%;top:60%;width:23.4%;height:26.9%}
.design-ad-lawyer{left:75.4%;top:60%;width:22.5%;height:26.9%}
.sr-v55{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.design-ad-responsive{display:none}
/* English page uses live type and artwork fragments, avoiding fixed Greek headline. */
.design-ad-v55.v55-en .design-ad-visual{display:none}
.design-ad-v55.v55-en .design-ad-responsive{display:grid}
.design-ad-responsive{max-width:1800px;margin:auto;padding:clamp(34px,5vw,85px) clamp(24px,5vw,90px) 54px;grid-template-columns: 1.05fr 1fr;gap:30px;background:radial-gradient(ellipse at 74% 28%,#613d48 0%,#171927 40%,#0d111e 74%);color:#f8f3f0;position:relative}
.design-ad-responsive-copy{align-self:center;position:relative;z-index:1}
.design-ad-eyebrow{font-size:clamp(9px,1vw,15px);letter-spacing:.15em;color:#e9c3b2;margin-bottom:24px}
.design-ad-responsive h2{font-size:clamp(35px,4.2vw,72px);line-height:1.11;letter-spacing:-.035em;margin:0 0 20px;font-weight:800;color:#fff}
.design-ad-responsive h2 em{color:#f6ad90;font-style:normal}
.design-ad-responsive p{font-size:clamp(14px,1.25vw,21px);line-height:1.55;max-width:650px;color:#ebe0df}
.design-ad-responsive-button{display:inline-flex;align-items:center;gap:18px;border:1px solid #ffd1b1;border-radius:999px;padding:16px 24px;color:#17131a;background:linear-gradient(115deg,#ce7862,#ffcb8f);text-decoration:none;font-size:clamp(14px,1.3vw,19px);font-weight:800;margin-top:18px;box-shadow:0 0 29px rgba(255,160,109,.35)}
.design-ad-responsive-button:hover{filter:brightness(1.1);transform:translateY(-2px)}
.design-ad-responsive-picture{background-image:url('design-lab-approved-gr.png');background-size:165% auto;background-position:100% 0%;border-radius:28px;min-height:400px;box-shadow:0 20px 70px #05060a99;mask-image:linear-gradient(to right,transparent,black 13%)}
.design-ad-responsive-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:15px}
.v55-card{position:relative;display:flex;align-items:flex-end;justify-content:space-between;min-height:210px;padding:20px;background-color:#26202c;background-image:linear-gradient(0deg,rgba(8,10,20,.92),transparent 70%),url('design-lab-approved-gr.png');background-size:auto,400% auto;border:1px solid #ba937d;border-radius:22px;overflow:hidden;color:white;text-decoration:none;box-shadow:0 8px 30px #05050760}
.v55-card span{font-weight:750;font-size:clamp(14px,1.4vw,20px)}.v55-card b{font-size:24px}.v55-card:hover{border-color:#ffce9b;transform:translateY(-5px)}
.v55-coffee{background-position:center,0% 70%}.v55-doctor{background-position:center,33% 70%}.v55-shop{background-position:center,66% 70%}.v55-law{background-position:center,100% 70%}
@media(max-width:850px){.design-ad-visual{display:none}.design-ad-responsive,.design-ad-v55.v55-en .design-ad-responsive{display:grid;grid-template-columns:1fr;padding:38px 20px}.design-ad-responsive-picture{min-height:260px;mask-image:none;background-size:150% auto;background-position:100% 0%}.design-ad-responsive-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.v55-card{min-height:170px}}
@media(max-width:440px){.design-ad-responsive-cards{gap:9px}.v55-card{min-height:145px;padding:12px}.design-ad-responsive h2{font-size:37px}.design-ad-responsive-picture{min-height:210px}}
@media(prefers-reduced-motion:reduce){.design-ad-hit,.v55-card,.design-ad-responsive-button{transition:none}}

/* v0.5.7: independent, properly composed English artwork, no duplicated Greek poster. */
.design-ad-v55.v55-en .design-ad-responsive{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,52px)}
.design-ad-v55.v55-en .design-ad-responsive-picture{background-image:url('design-laptop-crop.webp')!important;background-size:cover!important;background-position:center center!important;mask-image:none!important;min-height:clamp(330px,31vw,520px);border-radius:26px;box-shadow:0 16px 50px #05060a80}
.design-ad-v55 .design-ad-responsive-cards{margin-top:8px}
.design-ad-v55 .v55-card{background-image:linear-gradient(0deg,rgba(6,9,18,.94),rgba(6,9,18,.03) 78%),var(--card-photo)!important;background-size:cover,cover!important;background-position:center,center center!important;min-height:clamp(170px,12vw,224px)}
.design-ad-v55 .v55-coffee{--card-photo:url('design-card-coffee.webp')}
.design-ad-v55 .v55-doctor{--card-photo:url('design-card-doctor.webp')}
.design-ad-v55 .v55-shop{--card-photo:url('design-card-shop.webp')}
.design-ad-v55 .v55-law{--card-photo:url('design-card-law.webp')}
@media(max-width:850px){.design-ad-v55.v55-en .design-ad-responsive{grid-template-columns:1fr}.design-ad-v55 .design-ad-responsive-picture{min-height:290px!important}}
@media(max-width:440px){.design-ad-v55 .v55-card{min-height:155px}}
