.adala-ad-zone {
position: relative;
display: block;
line-height: 0; box-sizing: border-box;
max-width: 100%;
} .adala-ad-image {
display: block; max-width: 100%;
width: 100%;
height: auto;
border-radius: 4px; } .adala-ad-link {
display: block;
line-height: 0;
max-width: 100%;
transition: opacity .2s;
}
.adala-ad-link:hover { opacity: .92; } .adala-ad-label {
display: block;
font-size: 9px;
color: #94a3b8;
text-align: right;
line-height: 1.4;
letter-spacing: .05em;
text-transform: uppercase;
font-family: sans-serif;
margin-top: 2px;
} .adala-align-center            { text-align: center; margin-left: auto; margin-right: auto; }
.adala-align-left              { text-align: left;   margin-right: auto; margin-left: 0; }
.adala-align-right             { text-align: right;  margin-left: auto;  margin-right: 0; }
.adala-align-center .adala-ad-link,
.adala-align-left   .adala-ad-link,
.adala-align-right  .adala-ad-link  { display: inline-block; max-width: 100%; }  .adala-type-leaderboard,
.adala-type-large-leaderboard,
.adala-type-banner,
.adala-type-billboard {
display: block;
width: 100%;
max-width: 100%;
}
.adala-type-leaderboard .adala-ad-image,
.adala-type-large-leaderboard .adala-ad-image,
.adala-type-banner .adala-ad-image,
.adala-type-billboard .adala-ad-image {
width: 100%;
height: auto;
border-radius: 0; } .adala-type-mobile-banner {
display: block;
width: 100%;
}
.adala-type-mobile-banner .adala-ad-image {
width: 100%;
height: auto;
border-radius: 0;
} .adala-type-medium-rectangle,
.adala-type-large-rectangle,
.adala-type-square,
.adala-type-small-square {
display: block;
} .adala-type-half-page,
.adala-type-wide-skyscraper,
.adala-type-skyscraper {
display: block;
} .adala-type-in-content {
display: block;
width: 100%;
max-width: 580px;
margin: 24px auto;
text-align: center;
}
.adala-type-in-content .adala-ad-image {
width: 100%;
height: auto;
border-radius: 6px;
} .adala-sticky-top,
.adala-sticky-bottom {
position: fixed;
left: 0;
right: 0;
z-index: 99990;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .97); padding: 6px 44px 6px 8px;
line-height: 0;
box-sizing: border-box;
width: 100%;
}
.adala-sticky-top    { top: 0;    box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.adala-sticky-bottom { bottom: 0; box-shadow: 0 -2px 8px rgba(0,0,0,.15); } .adala-sticky-top    .adala-ad-image,
.adala-sticky-bottom .adala-ad-image {
max-width: calc(100vw - 60px); width: auto;
height: auto;
max-height: 90px;
object-fit: contain;
} .adala-sticky-close {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
background: rgba(0, 0, 0, .08);
border: none;
cursor: pointer;
width: 28px;
height: 28px;
border-radius: 50%;
font-size: 18px;
color: #555;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background .15s; min-width: 44px;
min-height: 44px;
}
.adala-sticky-close:hover { background: rgba(0, 0, 0, .18); color: #111; } body.adala-has-sticky-top    { padding-top: 106px !important; }
body.adala-has-sticky-bottom { padding-bottom: 106px !important; } .adala-interstitial {
display: none;
position: fixed;
inset: 0;
z-index: 999999;
}
.adala-interstitial.is-visible { display: block; }
.adala-interstitial-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .72);
cursor: pointer;
}
.adala-interstitial-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 25px 50px rgba(0, 0, 0, .35); max-width: min(640px, 92vw);
max-height: 92vh;
width: 100%;
}
.adala-interstitial-inner .adala-ad-image {
width: 100%;
height: auto;
display: block;
max-height: 80vh;
object-fit: contain;
}
.adala-interstitial-close {
position: absolute;
top: 10px;
right: 10px;
background: rgba(255, 255, 255, .92);
border: none;
cursor: pointer;
width: 36px;
height: 36px;
border-radius: 50%;
font-size: 22px;
color: #333;
padding: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
transition: transform .15s; min-width: 44px;
min-height: 44px;
}
.adala-interstitial-close:hover { transform: scale(1.1); }  body.adala-habillage-active { }
body.adala-habillage-active .site-wrapper,
body.adala-habillage-active #page,
body.adala-habillage-active .penci-site-wrapper,
body.adala-habillage-active .l-page,
body.adala-habillage-active .wrapper { position: relative;
z-index: 1;
} .adala-habillage-strip { user-select: none; animation: adalaFadeIn .4s ease;
}
.adala-habillage-strip:hover { filter: brightness(1.04);
}
@keyframes adalaFadeIn {
from { opacity: 0; }
to   { opacity: 1; }
} @media (max-width: 767px) {
body.adala-habillage-active {
background-image: none !important;
}
.adala-habillage-strip {
display: none !important;
}
}  @media (max-width: 1024px) { .adala-type-billboard .adala-ad-image {
max-height: 180px;
object-fit: cover;
}
} @media (max-width: 768px) { .adala-type-half-page,
.adala-type-wide-skyscraper,
.adala-type-skyscraper {
display: none !important;
} .adala-device-desktop {
display: none !important;
} .adala-type-leaderboard .adala-ad-image,
.adala-type-large-leaderboard .adala-ad-image,
.adala-type-billboard .adala-ad-image {
max-height: 80px;
object-fit: cover;
} .adala-type-medium-rectangle,
.adala-type-large-rectangle {
max-width: 100% !important;
width: 100% !important;
}
.adala-type-medium-rectangle .adala-ad-image,
.adala-type-large-rectangle .adala-ad-image {
max-width: 100%;
width: 100%;
height: auto; aspect-ratio: auto !important;
object-fit: contain !important;
} .adala-sticky-top    .adala-ad-image,
.adala-sticky-bottom .adala-ad-image {
max-height: 50px;
} body.adala-has-sticky-top    { padding-top: 64px !important; }
body.adala-has-sticky-bottom { padding-bottom: 64px !important; } .adala-type-in-content {
max-width: 100%;
margin: 16px 0;
}
} @media (max-width: 480px) { .adala-type-leaderboard .adala-ad-image,
.adala-type-large-leaderboard .adala-ad-image {
max-height: 60px;
} .adala-type-square,
.adala-type-small-square {
max-width: 100% !important;
}
.adala-type-square .adala-ad-image,
.adala-type-small-square .adala-ad-image {
max-width: 100%;
height: auto;
aspect-ratio: auto !important;
} .adala-sticky-top    .adala-ad-image,
.adala-sticky-bottom .adala-ad-image {
max-height: 40px;
}
body.adala-has-sticky-top    { padding-top: 54px !important; }
body.adala-has-sticky-bottom { padding-bottom: 54px !important; }
} @media (min-width: 769px) {
.adala-device-mobile { display: none !important; }
}