/* Greece: intrinsic media sizing, independent of image loading and orientation. */
.hero__description .hero__line { display:inline; white-space:normal; }
.hero__description .hero__line + .hero__line::before { content:" "; }
.app-hero .hero__description .hero__line { white-space:normal; }
.hero__content, .boni-hero .hero__content, .app-hero .hero__content { min-width:0; }
.hero h1, .content-section h2, .content-section h3, .technical-page h1 { overflow-wrap:anywhere; }

/* Text and artwork occupy separate grid cells; only copy determines a split row. */
.main-content .image-copy-section:not(#anbieter) {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-areas:"heading heading" "copy artwork";
  gap:var(--space-content); padding:var(--space-content); min-height:0;
  background:radial-gradient(#ffc88200 0,#ffc88266 100%),#171414;
}
.main-content .image-copy-section:not(#anbieter)::after { content:none; }
.main-content .image-copy-section:not(#anbieter)>h2 {
  grid-area:heading; padding:0 var(--space-nested) var(--space-nested); margin:0;
}
.main-content .image-copy-section:not(#anbieter)>.image-copy-section__copy {
  grid-area:copy; width:100%; padding:0; align-self:start;
}
.main-content .image-copy-section:not(#anbieter)>.image-copy-section__image {
  grid-area:artwork; z-index:0; position:absolute; inset:0!important;
  width:100%!important; height:100%!important; object-fit:cover;
  object-position:var(--art-position,50% 0%); border-radius:12px;
}
.main-content .image-copy-section:not(#anbieter)>.image-copy-section__overlay { display:none; }
.image-copy-section__copy>.content-section__action { margin-top:var(--space-content); }
.image-copy-section__copy>:last-child { margin-bottom:0; }

/* Crops are specific to the artwork, rather than a shared portrait height. */
#national-casino-ueberblick { --art-ratio:2.3; }
#peran-apo-ta-taktika { --art-ratio:2.1; }
#vip-aufstieg { --art-ratio:2.15; }
#turniere { --art-ratio:2.25; }
#spielen-am-handy { --art-ratio:2.15; }
#zahlungen-und-support { --art-ratio:2.25; }
#verantwortungsvolles-spielen { --art-ratio:2.2; }
#letztes-wort { --art-ratio:2.1; }
#national-casino-boni-aktionen { --art-ratio:2.35; }
#warum-aktionen-lohnen { --art-ratio:2.25; }
#treuebelohnungen-vip { --art-ratio:1.85; }
#turniere-bestenlisten { --art-ratio:2.2; }
#saisonale-angebote { --art-ratio:2.15; }
#verantwortungsvoll-spielen-boni { --art-ratio:2.25; }
#angebot-waehlen { --art-ratio:2.05; }
.app-intro-image-section { --art-ratio:2.15; }
.app-apk-section { --art-ratio:2.2; }
.app-requirements-section { --art-ratio:2.25; }
.app-responsible-section { --art-ratio:2.25; }

/* The title/lead and closing copy span the card; only the steps are 50/50. */
.app-content .app-install-row.list-media-block,
.app-content .app-install-row.list-media-block.app-install-row--media-first,
.app-content .app-benefits-reward-layout.list-media-block,
.boni-page-content .boni-code-layout.list-media-block {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:none;
  gap:var(--space-content); align-items:stretch;
}
.app-content .app-install-row.list-media-block>.list-media-block__copy,
.app-content .app-benefits-reward-layout.list-media-block>.list-media-block__copy,
.boni-page-content .boni-code-layout.list-media-block>.list-media-block__copy { display:contents; }
.app-install-copy>*, .app-benefits-reward-copy>*, .boni-code-layout .list-media-block__copy>* { grid-column:1/-1; min-width:0; }
.app-install-copy>.step-list, .app-benefits-reward-copy>.step-list { grid-column:1; grid-row:3; }
.boni-code-layout .list-media-block__copy>.step-list { grid-column:1; grid-row:2; }
.app-content .app-install-row.list-media-block>.list-media-block__media,
.app-content .app-benefits-reward-layout.list-media-block>.list-media-block__media,
.boni-page-content .boni-code-layout.list-media-block>.list-media-block__media {
  grid-column:2; grid-row:3; min-height:0; height:auto; aspect-ratio:auto; align-self:stretch;
}
.boni-page-content .boni-code-layout.list-media-block>.list-media-block__media { grid-row:2; }
.app-install-copy>.app-platform-title { margin:0!important; }
.app-install-copy>.app-download-button { justify-self:center; margin:0; }
.app-install-row--android .app-install-media img { object-position:50% 12%; }
.app-install-row--ios .app-install-media img { object-position:50% 12%; }
.app-benefits-reward-art img { object-position:48% 0%; }
.boni-code-art img { object-position:50% 0%; }
.app-definition-art, .rating-card-layout__media { min-height:0; }
.app-definition-art img { object-position:50% 0%; }
.rating-card-layout__media img { object-position:50% 0%; }

/* Keep CTA directly after its copy; avoid stretching short cards with empty space. */
.promotion-art-card__copy { height:auto; flex:1 1 auto; }
.promotion-art-card__content { height:auto; }
.promotion-art-card__image { object-position:50% 0%; }
.app-promo-banner__phone { height:100%; max-height:350px; align-self:center; object-position:center; }
.app-promo-banner__background { inset:0!important; width:100%!important; height:100%!important; object-fit:cover; }
.app-promo-banner .app-download-button { gap:6px; }
.app-download-button__text { flex:0 1 auto; width:auto; }
.app-promo-banner__button { min-width:0; }

/* Localized overlays keep contrast under the words, without filtering the artwork. */
.hero__overlay, .promotion-banner__overlay {
  inset:0; width:auto;
  background:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.78) 40%,rgba(0,0,0,.22) 67%,transparent 86%);
}
@media (min-width:720px) {
  .app-hero .hero__image--desktop { display:block; object-position:right top; }
  .app-hero .hero__image--mobile { display:none; }
  .app-hero .hero__content, .boni-hero .hero__content { width:60%; }
}
@media (max-width:1180px) {
  .main-content .image-copy-section:not(#anbieter) { display:flex; flex-direction:column; gap:var(--space-content); }
  .main-content .image-copy-section:not(#anbieter)>.image-copy-section__copy { display:contents; }
  .main-content .image-copy-section:not(#anbieter)>h2,
  .image-copy-section__copy>p, .image-copy-section__copy>h3, .image-copy-section__copy>ul { order:0; margin:0; }
  .main-content .image-copy-section:not(#anbieter)>.image-copy-section__image {
    position:relative!important; inset:auto!important; order:1;
    height:auto!important; aspect-ratio:var(--art-ratio,2.2); flex:none;
  }
  .image-copy-section__copy>.content-section__action { order:2; margin:0 auto; }
  .app-definition-art { min-height:0; height:clamp(320px,52vw,480px); }
  .app-definition-art img { object-position:50% 15%; }
  .boni-page-content .boni-claim-layout.list-media-block { grid-template-columns:minmax(0,1fr); }
  .boni-page-content .boni-claim-layout>.list-media-block__media { min-height:0; aspect-ratio:1060/665; }
  .boni-page-content .boni-event-art { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .boni-page-content .boni-event-art__item { min-height:0; aspect-ratio:6/7; }
}
@media (min-width:720px) and (max-width:1180px) {
  .app-promo-banner { grid-template-columns:minmax(0,1fr) minmax(140px,180px) minmax(0,1fr); }
  .app-promo-banner__button { padding-inline:8px; }
  .app-promo-banner .app-download-button { gap:6px; width:100%; max-width:280px; padding:10px 8px; }
  .app-promo-banner .app-download-button__icon { max-width:30px; height:30px; }
  /* Preserve the original tablet label typography. */
  .app-promo-banner .app-download-button__text { font-size:clamp(9px,1.35vw,12px); line-height:1.15; }
}
@media (max-width:960px) {
  .rating-card-layout__media { min-height:0; height:auto; aspect-ratio:1.2; }
}
@media (max-width:719px) {
  .app-content .app-install-row.list-media-block,
  .app-content .app-install-row.list-media-block.app-install-row--media-first,
  .app-content .app-benefits-reward-layout.list-media-block,
  .boni-page-content .boni-code-layout.list-media-block { grid-template-columns:minmax(0,1fr); }
  .app-install-copy>.step-list, .app-benefits-reward-copy>.step-list,
  .boni-code-layout .list-media-block__copy>.step-list { grid-column:1; grid-row:auto; }
  .app-content .app-install-row.list-media-block>.list-media-block__media,
  .app-content .app-benefits-reward-layout.list-media-block>.list-media-block__media,
  .boni-page-content .boni-code-layout.list-media-block>.list-media-block__media { grid-column:1; grid-row:4; }
  .app-content .app-install-row.list-media-block>.list-media-block__media { height:clamp(360px,95vw,520px); }
  .app-content .app-benefits-reward-layout.list-media-block>.list-media-block__media { height:auto; aspect-ratio:1.65; }
  .boni-page-content .boni-code-layout.list-media-block>.list-media-block__media { grid-row:3; aspect-ratio:1.3; }
  .app-install-copy>.app-download-button { grid-row:5; }
  .app-install-copy>p:last-child { grid-row:6; }
  .app-promo-banner { min-height:0; }
  .app-promo-banner__phone { height:300px; }
  .app-promo-banner .app-download-button { padding-inline:8px; }
  .app-promo-banner .app-download-button__icon { height:30px; max-width:30px; }
  .hero, .app-hero, .boni-hero { padding-top:260px; min-height:0; }
  .hero__content, .app-hero .hero__content, .boni-hero .hero__content { width:100%; padding:var(--space-content); }
  .hero__image { height:360px!important; object-position:70% 0%; }
  .app-hero .hero__image--mobile { object-position:50% 0%; height:420px!important; }
  .hero__overlay { background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 190px,rgba(0,0,0,.93) 320px,#080706 450px); }
  .promotion-banner__overlay { background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.72) 56%,rgba(0,0,0,.18)); }
  .promotion-banner__offer-main, .promotion-banner__offer-bonus { white-space:normal; }
}
@media (max-width:380px) {
  .app-promo-banner .app-download-button, .app-install-copy>.app-download-button { flex-direction:column; gap:6px; padding-inline:6px; }
}
@media (min-width:720px) {
  .hero__content { width:60%; }
}
@media (min-width:720px) and (max-width:1180px) {
  .app-definition-layout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .app-definition-art { height:auto; min-height:0; }
  .app-definition-art img { object-position:40% 0%; }
}
@media (min-width:1181px) {
  .app-promo-banner { grid-template-columns:minmax(0,1fr) minmax(180px,260px) minmax(0,1fr); }
  .app-promo-banner__button { padding-inline:12px; }
}

@media (min-width:1181px) {
  .boni-claim-layout>.list-media-block__copy { display:contents; }
  .boni-claim-layout .list-media-block__copy>* { grid-column:1/-1; }
  .boni-claim-layout .list-media-block__copy>.step-list { grid-column:1; grid-row:3; }
  .boni-claim-layout>.list-media-block__media { grid-column:2; grid-row:3; min-height:0; aspect-ratio:auto; }
}
/* Greece locale links */
.site-footer__locales { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; width:100%; margin:0 0 20px; }
.site-footer__locales a { display:inline-flex; align-items:center; justify-content:center; gap:8px; max-width:100%; min-width:0; padding:10px 14px; border:1px solid #fec88247; border-radius:12px; background:#322e2f; color:#fffaF3; font:inherit; text-decoration:none; text-align:center; }
.site-footer__locales a:hover { background:#4e4842; color:#fec882; }
.site-footer__locales a:focus-visible { outline:3px solid #fec882; outline-offset:3px; }
.site-footer__locales a>span[aria-hidden] { flex:none; }
.site-footer__locales a>span:last-child { min-width:0; overflow-wrap:break-word; }