/* Only the existing Avada container named "Visiter boutique SM" on the homepage.
 * Keep the native title, decorative image and shop link; no duplicate CTA or JS.
 */
.home .smd-home-shop-cta {
  --smd-cta-green: var(--awb-custom_color_1, #0f3d32);
  --smd-cta-cream: var(--awb-color1, #fffdf9);
  --smd-cta-orange: var(--awb-color4, #f75a45);
  --smd-cta-rose: var(--awb-color5, #f2354b);
  padding-top: clamp(28px, 4vw, 56px) !important;
  padding-bottom: clamp(28px, 4vw, 56px) !important;
}
.home .smd-home-shop-cta > .fusion-builder-row {
  width: 100% !important;
  max-width: 1216px !important;
  margin-inline: auto !important;
}
.home .smd-home-shop-cta > .fusion-builder-row > .fusion-layout-column {
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
}
.home .smd-home-shop-cta > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper {
  position: relative;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 36px;
  min-height: 220px;
  margin: 0 !important;
  padding: 44px clamp(28px, 4vw, 56px) !important;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--smd-cta-cream) 15%, var(--smd-cta-green));
  border-radius: 28px !important;
  background-color: var(--smd-cta-green) !important;
  background-position: right center !important;
  background-size: 540px auto !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 22px 34px -23px rgb(15 61 50 / 40%),
    0 8px 25px -18px color-mix(in srgb, var(--smd-cta-orange) 45%, transparent);
}
/* Static glow: rose/orange follows Avada's palette, never competes with the text. */
.home .smd-home-shop-cta .fusion-column-wrapper::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--smd-cta-orange) 38%, transparent), transparent 57%),
    radial-gradient(ellipse at 95% 100%, color-mix(in srgb, var(--smd-cta-rose) 20%, transparent), transparent 50%);
  pointer-events: none;
}
.home .smd-home-shop-cta .fusion-column-wrapper::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -175px;
  right: -95px;
  width: 440px;
  height: 440px;
  border: 1px solid color-mix(in srgb, var(--smd-cta-cream) 15%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 42px color-mix(in srgb, var(--smd-cta-cream) 3%, transparent);
  pointer-events: none;
}
.home .smd-home-shop-cta .fusion-title {
  display: block;
  min-width: 0;
  margin: 0 !important;
}
.home .smd-home-shop-cta .fusion-title-heading {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--smd-cta-cream) !important;
  font-family: var(--awb-typography1-font-family, Georgia, serif) !important;
  font-weight: var(--awb-typography1-font-weight, 700) !important;
  font-size: clamp(32px, 3.2vw, 42px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.015em !important;
  text-align: left !important;
  text-wrap: balance;
}
.home .smd-home-shop-cta a.fusion-button {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 186px;
  min-height: 52px;
  margin: 0;
  padding: 16px 24px !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: linear-gradient(115deg, var(--smd-cta-orange), var(--smd-cta-rose) 85%) !important;
  color: var(--smd-cta-cream) !important;
  font-family: var(--awb-typography2-font-family, "Montserrat", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: var(--awb-typography2-font-weight, 700) !important;
  line-height: var(--awb-typography2-line-height, 1.25) !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 5px 14px -8px rgb(0 0 0 / 25%) !important;
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}
.home .smd-home-shop-cta a.fusion-button .fusion-button-text {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  transform: none !important;
  line-height: inherit !important;
}
/* No arrow or native corner-wipe: retain the text and native shop link only. */
.home .smd-home-shop-cta a.fusion-button::before,
.home .smd-home-shop-cta a.fusion-button::after {
  content: none !important;
  display: none !important;
}
.home .smd-home-shop-cta a.fusion-button:focus-visible {
  outline: 3px solid var(--smd-cta-cream);
  outline-offset: 5px;
}
@media (hover: hover) and (pointer: fine) {
  .home .smd-home-shop-cta a.fusion-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.06);
  }
}
.home .smd-home-shop-cta a.fusion-button:active {
  transform: scale(.985);
  box-shadow: 0 3px 8px -5px rgb(0 0 0 / 18%) !important;
}
@media (max-width: 700px) {
  .home .smd-home-shop-cta > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 24px;
    min-height: 232px;
    padding: 32px 24px !important;
    border-radius: 24px !important;
    background-size: 400px auto !important;
  }
  .home .smd-home-shop-cta .fusion-title-heading {
    max-width: 16ch;
    font-size: clamp(30px, 7.8vw, 36px) !important;
    text-align: center !important;
  }
  .home .smd-home-shop-cta .fusion-column-wrapper > div:not(.fusion-title) {
    width: min(100%, 260px);
  }
  .home .smd-home-shop-cta a.fusion-button {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    border-radius: 16px !important;
  }
  .home .smd-home-shop-cta .fusion-column-wrapper::after {
    right: -210px;
    top: -180px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .home .smd-home-shop-cta a.fusion-button { transition: none !important; }
}