/* Each homepage keeps the same storefront controls, with a different editorial hierarchy. */
[data-acbuy-home] .acbuy-benefits {
  --look-width: clamp(9rem, 18vw, 13rem);
  --look-mobile: clamp(6.6rem, 31vw, 9.2rem);
}
[data-acbuy-home] .acbuy-benefits__grid .acbuy-benefits__tryon {
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--look-width));
  align-items: center;
  align-self: stretch;
}
[data-acbuy-home] .acbuy-benefits__tryon > div { align-self: center; }
[data-acbuy-home] .acbuy-benefits__example { align-self: center; }
[data-acbuy-home] .acbuy-benefits__example img {
  width: 100%;
  height: auto;
  aspect-ratio: 600 / 895;
  object-fit: contain;
}
[data-acbuy-home] .acbuy-benefits__grid article:not(.acbuy-benefits__tryon) {
  align-content: center;
}
[data-acbuy-home] .acbuy-benefits__grid p { max-width: 54ch; }
[data-acbuy-home] .acbuy-benefits__example figcaption { line-height: 1.45; }
[data-acbuy-home] [data-acbuy-focus] { scroll-margin-top: 5rem; }

[data-acbuy-home="cloud"] .mal-hero { padding-block: clamp(2rem, 6vw, 5rem); }
[data-acbuy-home="cloud"] .acbuy-benefits__grid--visual {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  border-radius: 4px;
}
[data-acbuy-home="cloud"] [data-acbuy-focus] { background: var(--paper-2); }

[data-acbuy-home="uk"] [data-acbuy-hero] {
  color: #163650;
  background: linear-gradient(90deg, #edf5fa 4%, #edf5faf7 28%, #edf5faca 48%, #edf5fa25 74%),
    #edf5fa url("dragon-flight.webp") center right / cover no-repeat;
}
[data-acbuy-home="uk"] [data-acbuy-hero] h1 { max-width: min(20ch, 42rem); }
[data-acbuy-home="uk"] [data-acbuy-hero] .cmi-sub {
  background: #ffffffc4;
  border-color: #d5e5ef;
}
[data-acbuy-home="uk"] .acbuy-home-focus-wrap { padding-top: clamp(1rem, 3vw, 2rem); padding-bottom: 0; }
[data-acbuy-home="uk"] [data-acbuy-focus] { border-bottom: 0; }
[data-acbuy-home="uk"] .acbuy-benefits { background: #edf5fa; --look-width: clamp(10rem, 17vw, 12rem); }
[data-acbuy-home="uk"] [data-acbuy-categories] img { aspect-ratio: 4 / 3; }

[data-acbuy-home="de"] [data-acbuy-hero] {
  color: #173a34;
  background: linear-gradient(112deg, #eff8f4 38%, #deeee9 100%);
  padding-block: clamp(2.25rem, 5vw, 4.1rem);
}
[data-acbuy-home="de"] [data-acbuy-hero] h1 { max-width: min(24ch, 47rem); }
[data-acbuy-home="de"] [data-acbuy-hero] .kuk-strip {
  background: #f9fdfb;
  border-color: #cfdfda;
}
[data-acbuy-home="de"] [data-acbuy-focus] { background: #f8fbf9; }
[data-acbuy-home="de"] [data-acbuy-categories] img { aspect-ratio: 4 / 3; }
[data-acbuy-home="de"] .acbuy-benefits { --look-width: clamp(9rem, 16vw, 12.5rem); }

[data-acbuy-home="es"] [data-acbuy-hero] {
  background: repeating-linear-gradient(120deg, #ffffff08 0 1px, transparent 1px 42px),
    linear-gradient(118deg, #14384e, #1b625c);
  padding-block: clamp(2.25rem, 6vw, 4.75rem);
}
[data-acbuy-home="es"] [data-acbuy-focus] { background: #f1f7f5; }
[data-acbuy-home="es"] [data-acbuy-categories] img { aspect-ratio: 4 / 3; }
[data-acbuy-home="es"] .acbuy-benefits { --look-width: clamp(9rem, 17vw, 12rem); }

[data-acbuy-home="fr"] [data-acbuy-hero] {
  background-position: center right;
  padding-bottom: clamp(1.8rem, 4.5vw, 3.75rem);
}
[data-acbuy-home="fr"] [data-acbuy-categories] img { aspect-ratio: 3 / 2; }
[data-acbuy-home="fr"] .acbuy-benefits { --look-width: clamp(9rem, 17vw, 12.6rem); }

[data-acbuy-home="it"] [data-acbuy-hero] {
  color: #243c35;
  background: repeating-linear-gradient(0deg, #607b6810 0 1px, transparent 1px 32px),
    linear-gradient(105deg, #f8f6ef, #e8f2ed);
  padding-block: clamp(2rem, 5vw, 4rem);
}
[data-acbuy-home="it"] [data-acbuy-hero] :is(h1, p, form) { margin-inline: auto; }
[data-acbuy-home="it"] [data-acbuy-hero] :is(h1, p) { text-align: center; }
[data-acbuy-home="it"] [data-acbuy-hero] h1 { max-width: min(25ch, 47rem); }
[data-acbuy-home="it"] [data-acbuy-hero] .pfo-strip {
  justify-content: center;
  margin-inline: auto;
}
[data-acbuy-home="it"] [data-acbuy-focus] { background: #f6f7f0; }
[data-acbuy-home="it"] [data-acbuy-categories] img { aspect-ratio: 3 / 2; }
[data-acbuy-home="it"] .acbuy-benefits { --look-width: clamp(9rem, 18vw, 13rem); }

[data-acbuy-home="pl"] [data-acbuy-hero] {
  background: repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px 54px),
    linear-gradient(102deg, #183d50 10%, #265951 95%);
  padding-block: clamp(2.15rem, 5.5vw, 4.4rem);
}
[data-acbuy-home="pl"] [data-acbuy-focus] { background: #eef6f2; }
[data-acbuy-home="pl"] [data-acbuy-categories] img { aspect-ratio: 5 / 4; }
[data-acbuy-home="pl"] .acbuy-benefits { --look-width: clamp(9rem, 16vw, 12rem); }

@media (min-width: 761px) {
  :is([data-acbuy-home="uk"], [data-acbuy-home="es"], [data-acbuy-home="pl"]) .acbuy-benefits__grid--visual {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :is([data-acbuy-home="uk"], [data-acbuy-home="es"], [data-acbuy-home="pl"]) .acbuy-benefits__grid--visual > article:not(.acbuy-benefits__tryon) {
    grid-column: auto;
  }
  :is([data-acbuy-home="uk"], [data-acbuy-home="es"], [data-acbuy-home="pl"]) .acbuy-benefits__grid .acbuy-benefits__tryon {
    grid-column: 1 / -1;
    grid-row: auto;
    grid-template-columns: minmax(0, 30rem) minmax(0, var(--look-width));
    justify-content: center;
    gap: clamp(1.75rem, 5vw, 4.25rem);
  }
  :is([data-acbuy-home="it"], [data-acbuy-home="fr"]) .acbuy-benefits__grid .acbuy-benefits__tryon {
    grid-template-columns: minmax(0, var(--look-width)) minmax(0, 1fr);
  }
  :is([data-acbuy-home="it"], [data-acbuy-home="fr"]) .acbuy-benefits__tryon > .acbuy-benefits__example { grid-area: 1 / 1; }
  :is([data-acbuy-home="it"], [data-acbuy-home="fr"]) .acbuy-benefits__tryon > div { grid-area: 1 / 2; }
}
@media (min-width: 1024px) {
  [data-acbuy-home="it"] [data-acbuy-categories] .pfo-wall { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  [data-acbuy-home="es"] [data-acbuy-categories] .dpa-shelves > li:nth-child(-n+2) { grid-column: span 2; }
  [data-acbuy-home="es"] [data-acbuy-categories] .dpa-shelves > li:nth-child(-n+2) img { aspect-ratio: 16 / 7; }
}
@media (max-width: 760px) {
  [data-acbuy-home="uk"] [data-acbuy-hero] {
    background-image: linear-gradient(180deg, #edf5fa00 0, #edf5fa48 90px, #edf5fa 170px),
      url("dragon-flight.webp");
    background-size: 100% 100%, auto 185px;
    background-position: right top;
    padding-top: 6.8rem;
  }
  [data-acbuy-home] .acbuy-benefits__grid--visual { grid-template-columns: minmax(0, 1fr); }
  [data-acbuy-home] .acbuy-benefits__grid .acbuy-benefits__tryon {
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--look-mobile));
  }
  [data-acbuy-home="de"] [data-acbuy-hero] h1,
  [data-acbuy-home="it"] [data-acbuy-hero] h1,
  [data-acbuy-home="uk"] [data-acbuy-hero] h1 { max-width: 100%; }
}

@media (min-width: 1024px) {
  [data-acbuy-home="es"] [data-acbuy-categories] .dpa-shelves > li:nth-child(-n+2) .dpa-shelf {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    align-content: center;
  }
  [data-acbuy-home="es"] [data-acbuy-categories] .dpa-shelves > li:nth-child(-n+2) img {
    aspect-ratio: 1;
    grid-row: span 3;
  }
}

[data-acbuy-home="de"] [data-acbuy-hero] .kuk-strip {
  padding: 0;
  border: 0;
  background: transparent;
  gap: .45rem;
}
[data-acbuy-home="de"] [data-acbuy-hero] .kuk-strip a {
  padding-inline: .66rem;
  border: 1px solid #c9ded6;
  border-radius: 6px;
  background: #f9fdfb;
  text-decoration: none;
  font-size: .86rem;
}
[data-acbuy-home="de"] [data-acbuy-hero] .kuk-strip a:hover { border-color: #26735c; }

/* The catalogue stays directly below the hero on every market. */
[data-acbuy-home="uk"] .acbuy-home-categories-wrap { padding-bottom: 0; }
[data-acbuy-home="uk"] [data-acbuy-categories] img { background: #fff; }
[data-acbuy-home="fr"] [data-acbuy-hero] .hou-hero__grid { grid-template-columns: minmax(0, 1fr); }
[data-acbuy-home="fr"] [data-acbuy-focus] .hou-mini {
  max-width: 42rem;
  margin-block: 1.5rem 0;
}

[data-acbuy-home] img[src$=".svg"][src*="/cards/"],
.acbuy-product-card img[src$=".svg"][src*="/cards/"] {
  object-fit: contain;
  background: #f5faf7;
}
[data-acbuy-home="fr"] [data-acbuy-categories] img { background: #ecf8f4; }
[data-acbuy-home="pl"] [data-acbuy-categories] img { background: #f0f5ed; }

[data-acbuy-home] :is(.acbuy-home-guide, .acbuy-home-answers) {
  padding: clamp(1.75rem, 4vw, 3.3rem) clamp(1rem, 4vw, 2.75rem);
}
.acbuy-home-module__inner { max-width: 1280px; margin-inline: auto; }
.acbuy-home-module__inner > h2 {
  margin: 0 0 1.15rem;
  font-size: clamp(1.4rem, 2.6vw, 2rem);
  line-height: 1.2;
}
.acbuy-home-guide { background: #f3f8f7; color: #173a34; }
[data-acbuy-home="uk"] .acbuy-home-guide { background: #edf5fa; color: #163650; }
.acbuy-home-answers { background: #f5f8f5; color: #213f35; }
[data-acbuy-home="cloud"] .acbuy-home-answers { background: #f8f3e9; color: #412f25; }
[data-acbuy-home="es"] .acbuy-home-answers { background: #eef6f5; }
[data-acbuy-home="it"] .acbuy-home-answers { background: #f4f6ec; }

.acbuy-home-guide__steps, .acbuy-home-answers__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem clamp(1rem, 4vw, 3.5rem);
  margin: 0;
}
.acbuy-home-guide__steps { padding-inline-start: 1.6rem; }
.acbuy-home-guide__steps li { padding-inline-start: .2rem; }
.acbuy-home-guide__steps li::marker { font-weight: 700; }
.acbuy-home-answers__items { padding: 0; list-style: none; }
.acbuy-home-answers__items li { padding-block-start: .85rem; border-top: 1px solid #53716848; }
.acbuy-home-module__inner h3 { margin: 0 0 .35rem; font-size: 1rem; line-height: 1.4; }
.acbuy-home-module__inner p { margin: 0 0 .55rem; line-height: 1.55; max-width: 62ch; }
.acbuy-home-module__inner a {
  color: inherit;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: .17em;
}
.acbuy-home-module__link { display: inline-block; margin-top: .55rem; }

@media (min-width: 1024px) {
  .acbuy-home-guide__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .acbuy-home-answers__items { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .acbuy-home-guide__steps { grid-template-columns: minmax(0, 1fr); }
}


[data-acbuy-home="fr"] [data-acbuy-categories] img { object-fit: cover; }
[data-acbuy-home="es"] [data-acbuy-guide] .acbuy-guide-copy li + li { margin-top: .3rem; }
@media (min-width: 960px) {
  [data-acbuy-home="es"] [data-acbuy-guide] .dpa-stack {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
    align-items: start;
    column-gap: clamp(1.5rem, 4vw, 4rem);
  }
  [data-acbuy-home="es"] [data-acbuy-guide] h2 { grid-column: 1 / -1; }
  [data-acbuy-home="es"] [data-acbuy-guide] figure { margin: 0; }
}