/* Boat detail page — ported from AVS reference design */
.public-site .avs-detail-page {
  background: var(--color-white);
}

/* Hero / Gallery */

.public-site .avs-detail-hero {
  position: relative;
  padding-top: clamp(150px, 16vw, 210px);
  padding-bottom: 0;
  background: var(--color-navy-deep);
  color: var(--color-white);
}

/* Soft reveal: a navy cover fades out once as the hero renders, so the primary image eases
   in instead of popping. Fill-mode forwards ends fully transparent, so it can never get
   stuck hiding the image (pure CSS, no dependency on the image load event). Sits above the
   image/gradient but below the title + thumbnails (z-index 10). */
.public-site .avs-detail-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  background: var(--color-navy-deep);
  animation: avs-hero-reveal 0.7s ease-out forwards;
}

@keyframes avs-hero-reveal {
  from { opacity: 1; }
  to { opacity: 0; }
}

.public-site .avs-detail-gallery {
  position: relative;
}

.public-site .avs-detail-gallery__content {
  position: absolute;
  left: max(40px, calc((100vw - var(--container)) / 2));
  top: 180px;
  z-index: 10;
  max-width: 900px;
  /* Title / meta / price are not interactive — let clicks pass through to the
     thumbnail buttons underneath so the gallery is clickable where it's drawn. */
  pointer-events: none;
}

.public-site .avs-detail-gallery__content .avs-detail-header__badges {
  margin-bottom: 18px;
}

.public-site .avs-detail-gallery__content .avs-detail-header__title {
  margin-bottom: 6px;
  color: #ffffff;
  /* Smaller cap so a long, two-line title doesn't grow huge and crowd the price below. */
  font-size: clamp(2.4rem, 5vw, 4.4rem);
  line-height: 1.04;
}

.public-site .avs-detail-gallery__content .avs-detail-header__meta {
  margin-bottom: 20px;
  color: rgba(255,255,255,0.88);
  font-size: 1.2rem;
}

.public-site .avs-detail-gallery__content .avs-detail-header__dot {
  color: var(--color-gold);
}

.public-site .avs-detail-price--hero .avs-detail-price__amount {
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3.5rem);
}
.public-site .avs-detail-gallery__main {
  position: relative;
  min-height: 72vh;
  margin: 0;
  overflow: hidden;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  background: var(--color-navy);
  box-shadow: var(--shadow-card);
}

.public-site .avs-detail-status-banner {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  padding: 14px 26px;
  border-bottom-left-radius: var(--radius-md);
  background: rgba(7, 17, 74, 0.92);
  color: var(--color-white);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1;
}

.public-site .avs-detail-status-banner--sold {
  background: rgba(138, 0, 25, 0.94);
}

.public-site .avs-detail-status-banner--pending {
  background: rgba(215, 181, 109, 0.96);
  color: var(--color-navy-deep);
}

.public-site .avs-detail-status-banner--onorder {
  background: rgba(36, 53, 107, 0.94);
}

.public-site .avs-detail-gallery__main::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 17, 74, 0.08) 0%, rgba(7, 17, 74, 0.72) 100%),
    linear-gradient(90deg, rgba(7, 17, 74, 0.68) 0%, rgba(7, 17, 74, 0.10) 70%);
  pointer-events: none;
}

.public-site .avs-detail-gallery__main-image {
  width: 100%;
  height: 72vh;
  min-height: 560px;
  object-fit: cover;
  object-position: center;
}

.public-site .avs-detail-gallery__thumbs {
  position: relative;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: -120px 0 0;
  padding: 0 34px 34px;
  list-style: none;
}

.public-site .avs-detail-gallery__thumb {
  width: 108px;
  height: 72px;
  padding: 0;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.34);
  border-radius: 16px;
  background: transparent;
  cursor: pointer;
  transition: border-color var(--transition), transform var(--transition), opacity var(--transition);
}

.public-site .avs-detail-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.82;
}

.public-site .avs-detail-gallery__thumb:hover,
.public-site .avs-detail-gallery__thumb.is-active {
  border-color: var(--color-gold);
  transform: translateY(-2px);
}

.public-site .avs-detail-gallery__thumb:hover img,
.public-site .avs-detail-gallery__thumb.is-active img {
  opacity: 1;
}

/* Layout */

.public-site .avs-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: clamp(36px, 6vw, 90px);
  align-items: start;
  padding-top: clamp(72px, 8vw, 120px);
  padding-bottom: var(--section-y);
}

.public-site .avs-detail-layout__main {
  display: grid;
  gap: clamp(58px, 7vw, 96px);
}

/* Header */

.public-site .avs-detail-header__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px;
}

.public-site .avs-detail-badge {
  display: inline-flex;
  padding: 9px 15px;
  border-radius: 999px;
  background: var(--color-gold);
  color: var(--color-navy-deep);
  font-family: var(--font-display);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.public-site .avs-detail-badge--status {
  background: var(--color-light);
  color: var(--color-navy);
}

.public-site .avs-detail-header__title {
  max-width: 920px;
  margin-bottom: 18px;
  color: var(--color-navy-deep);
  font-family: var(--font-display);
  font-size: clamp(3rem, 7vw, 6.8rem);
  font-weight: 300;
  line-height: 0.92;
  letter-spacing: -0.065em;
}

.public-site .avs-detail-header__meta {
  margin-bottom: 12px;
  color: rgba(17, 17, 17, 0.68);
  font-size: 1.04rem;
}

.public-site .avs-detail-header__dot {
  color: var(--color-gold);
  margin-inline: 8px;
}

.public-site .avs-detail-header__make-model {
  margin-bottom: 0;
  color: var(--color-navy);
  font-weight: 650;
}

.public-site .avs-detail-header__price--mobile {
  display: none;
}

.public-site .avs-detail-header__status {
  margin-top: 18px;
  color: rgba(17, 17, 17, 0.62);
}

/* Section titles */

.public-site .avs-detail-section-title {
  max-width: 820px;
  margin-bottom: 28px;
  color: var(--color-navy-deep);
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.4vw, 3.6rem);
  font-weight: 300;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

/* Quick specs */

.public-site .avs-detail-specs__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}

.public-site .avs-detail-spec {
  padding: 20px 22px;
  background: var(--color-white);
  border: 1px solid rgba(34, 48, 91, 0.10);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-soft);
  transition: border-color var(--transition), transform var(--transition);
}

.public-site .avs-detail-spec:hover {
  transform: translateY(-3px);
  border-color: rgba(215, 181, 109, 0.75);
}

.public-site .avs-detail-spec__label {
  margin-bottom: 8px;
  color: var(--color-grey);
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.public-site .avs-detail-spec__value {
  margin: 0;
  color: var(--color-navy-deep);
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: -0.025em;
}

/* Description */

.public-site .avs-detail-description__lead {
  max-width: 760px;
  color: var(--color-navy-deep);
  font-size: 1.18rem;
  line-height: 1.65;
}

.public-site .avs-detail-description__content {
  max-width: 760px;
}

/* Basic details */

.public-site .avs-detail-basic-details__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}

.public-site .avs-detail-basic-details__grid div {
  padding: 22px 24px;
  background: var(--color-light);
  border-left: 4px solid var(--color-gold);
  border-radius: var(--radius-md);
}

.public-site .avs-detail-basic-details__grid dt {
  margin-bottom: 6px;
  color: var(--color-grey);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.public-site .avs-detail-basic-details__grid dd {
  margin: 0;
  color: var(--color-navy-deep);
  font-weight: 650;
}

/* Engines */

.public-site .avs-detail-engines__summary {
  max-width: 760px;
  margin-bottom: 24px;
  color: var(--color-navy);
  font-weight: 650;
}

.public-site .avs-detail-engine-card {
  padding: 28px;
  margin-bottom: 18px;
  background: var(--color-white);
  border: 1px solid rgba(34, 48, 91, 0.10);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

.public-site .avs-detail-engine-card__title {
  margin-bottom: 18px;
  color: var(--color-navy-deep);
  font-family: var(--font-display);
  font-size: 1.35rem;
  letter-spacing: -0.025em;
}

.public-site .avs-detail-engine-card__specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}

.public-site .avs-detail-engine-card__specs div {
  padding: 16px 18px;
  background: var(--color-light);
  border-radius: var(--radius-sm);
}

.public-site .avs-detail-engine-card__specs dt {
  color: var(--color-grey);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.public-site .avs-detail-engine-card__specs dd {
  margin: 4px 0 0;
  color: var(--color-navy-deep);
  font-weight: 650;
}

/* Features */

.public-site .avs-detail-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.public-site .avs-detail-features .section-kicker,
.public-site .avs-detail-features .avs-detail-section-title {
  grid-column: 1 / -1;
}

.public-site .avs-detail-feature-group {
  min-height: 280px;
  padding: 28px;
  background: var(--color-white);
  border: 1px solid rgba(34, 48, 91, 0.10);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

.public-site .avs-detail-feature-group__title {
  margin-bottom: 12px;
  color: var(--color-navy-deep);
  font-family: var(--font-display);
  font-size: 1.35rem;
  letter-spacing: -0.025em;
}

.public-site .avs-detail-feature-group__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.public-site .avs-detail-feature-item {
  position: relative;
  padding-left: 24px;
  color: rgba(17, 17, 17, 0.76);
}

.public-site .avs-detail-feature-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 9px;
  height: 9px;
  border: 2px solid var(--color-gold);
  border-radius: 50%;
  transform: translateY(-50%);
}

/* Location */

.public-site .avs-detail-location__address {
  color: var(--color-navy);
  font-weight: 650;
}

.public-site .avs-detail-location__map {
  margin-top: 28px;
  min-height: 420px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-card);
}

.public-site .avs-detail-location__map iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0;
}

/* Sidebar */

.public-site .avs-detail-sidebar {
  position: sticky;
  top: 32px;
  padding: 30px;
  background: var(--color-white);
  border: 1px solid rgba(34, 48, 91, 0.10);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
}

.public-site .avs-detail-price__label {
  display: block;
  margin-bottom: 8px;
  color: var(--color-grey);
  font-family: var(--font-display);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.public-site .avs-detail-price__amount {
  display: block;
  margin-bottom: 6px;
  color: var(--color-navy-deep);
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -0.04em;
}

.public-site .avs-detail-price__tax,
.public-site .avs-detail-price__stock {
  display: block;
  color: var(--color-grey);
  font-size: 0.92rem;
}

.public-site .avs-detail-price__stock {
  margin-top: 6px;
  margin-bottom: 24px;
}

.public-site .avs-detail-cta {
  display: grid;
  gap: 12px;
}

.public-site .avs-detail-cta__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  font-family: var(--font-display);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  transition: border-color var(--transition), color var(--transition), background var(--transition), transform var(--transition);
}

.public-site .avs-detail-cta__button:hover {
  transform: translateY(-2px);
}

.public-site .avs-detail-cta__button--primary {
  background: var(--color-gold);
  color: var(--color-navy-deep);
}

.public-site .avs-detail-cta__button--secondary,
.public-site .avs-detail-cta__button--ghost {
  border: 1px solid rgba(34, 48, 91, 0.18);
  background: transparent;
  color: var(--color-navy);
}

.public-site .avs-detail-cta__button--secondary:hover,
.public-site .avs-detail-cta__button--ghost:hover {
  border-color: var(--color-gold);
  color: var(--color-navy-deep);
}

.public-site .avs-detail-contact {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(34, 48, 91, 0.10);
}

.public-site .avs-detail-contact__name {
  margin-bottom: 8px;
  color: var(--color-navy-deep);
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 650;
}

.public-site .avs-detail-contact__phone,
.public-site .avs-detail-contact__email {
  display: block;
  color: var(--color-navy);
  font-weight: 650;
}

.public-site .avs-detail-contact__phone:hover,
.public-site .avs-detail-contact__email:hover {
  color: var(--color-gold);
}

/* Related listings */

.public-site .avs-related-listings {
  background: linear-gradient(
    180deg,
    var(--color-light) 0%,
    var(--color-navy) 100%
  );
}

.public-site .avs-related-listings .section-header h2 {
  color: var(--color-navy-deep);
}

.public-site .avs-related-listings .text-link {
  color: var(--color-navy);
}

.public-site .avs-related-listings__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.public-site .avs-related-listings .public-boat-card,
.public-site .avs-related-listings .public-boat-card__link {
  min-height: 520px;
}

.public-site .avs-related-listings .public-boat-card__image {
  min-height: 520px;
}

/* Responsive */

@media (max-width: 980px) {
.public-site .avs-detail-layout {
    grid-template-columns: 1fr;
  }

.public-site .avs-detail-sidebar {
    position: static;
  }

.public-site .avs-detail-specs__grid,
.public-site .avs-related-listings__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.public-site .avs-detail-features {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
.public-site .avs-detail-hero {
    padding-top: 120px;
  }

.public-site .avs-detail-gallery__main,
.public-site .avs-detail-gallery__main-image {
    min-height: 520px;
    height: 68vh;
  }

.public-site .avs-detail-gallery__thumbs {
    margin-top: -76px;
    padding: 0 18px 24px;
    gap: 8px;
  }

.public-site .avs-detail-gallery__thumb {
    width: 78px;
    height: 54px;
    border-radius: 12px;
  }

.public-site .avs-detail-header__title {
    font-size: clamp(2rem, 9vw, 3.2rem);
  }

.public-site .avs-detail-header__price--mobile {
    display: block;
    margin-top: 24px;
  }

.public-site .avs-detail-specs__grid,
.public-site .avs-detail-basic-details__grid,
.public-site .avs-detail-engine-card__specs,
.public-site .avs-related-listings__grid {
    grid-template-columns: 1fr;
  }

.public-site .avs-detail-sidebar {
    padding: 24px;
  }

.public-site .avs-detail-section-title {
    font-size: clamp(2.2rem, 11vw, 3rem);
  }
}
/*--------------------------------------------------------------
# Boat Detail Page - Hero fix to match approved version
--------------------------------------------------------------*/

.public-site .avs-detail-page--plain {
  padding-top: calc(var(--header-height) + 48px);
}

.public-site .avs-detail-hero {
  padding-top: 0;
  background: var(--color-navy-deep);
}

.public-site .avs-detail-gallery__content {
  top: calc(var(--header-height) + 168px);
}

.public-site .avs-detail-hero > .container {
  width: 100%;
  max-width: none;
}

.public-site .avs-detail-gallery__main {
  min-height: 78vh;
  border-radius: 0;
  box-shadow: none;
}

.public-site .avs-detail-gallery__main-image {
  height: 78vh;
  min-height: 620px;
}

.public-site .avs-detail-gallery__thumbs {
  margin-top: -56px;
  padding-left: max(40px, calc((100vw - var(--container)) / 2));
  padding-bottom: 70px;
}

.public-site .avs-detail-specs {
  position: relative;
  z-index: 20;
  margin-top: -54px;
}

.public-site .avs-detail-layout {
  padding-top: clamp(80px, 8vw, 120px);
}

/* Desktop/tablet: paint the primary image as the background of the whole hero so one
   continuous, zoomed (cover, not stretched) image also fills the thumbnail strip and the
   navy area the specs section overlaps. Nothing is repositioned: the figure keeps its
   height and the on-screen <img> is just made transparent so the hero background shows
   through it (and through the transparent figure) everywhere. */
@media (min-width: 641px) {
  .public-site .avs-detail-hero {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* Extend the navy gradient overlay across the WHOLE hero image (incl. the thumbnail strip
     and the specs overlap), not just the top figure. Moved from the figure to the hero so
     it spans the full image; sits above the image but below the content/thumbnails. */
  .public-site .avs-detail-gallery__main::after {
    display: none;
  }

  .public-site .avs-detail-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgba(7, 17, 74, 0.08) 0%, rgba(7, 17, 74, 0.72) 100%),
      linear-gradient(90deg, rgba(7, 17, 74, 0.68) 0%, rgba(7, 17, 74, 0.10) 70%);
  }

  .public-site .avs-detail-gallery__main {
    background: transparent;
  }

  .public-site .avs-detail-gallery__main-image {
    opacity: 0;
  }
}

@media (max-width: 640px) {
  /* Keep the original overlay look (title/price/thumbnails OVER the image), but instead
     of fixing the image height and absolutely positioning the content (which collided
     once price + attributes were present), the gallery grows with its content and the
     image stretches to fill it. Result: one continuous hero, image lengthens as needed,
     nothing overlaps. */
  .public-site .avs-detail-gallery {
    position: relative;
    min-height: 78vh;
    background: var(--color-navy-deep);
    overflow: hidden;
    border-radius: 0;
  }

  /* Image becomes the stretched background of the whole gallery. */
  .public-site .avs-detail-gallery__main {
    position: absolute;
    inset: 0;
    height: 100%;
    min-height: 0;
    margin: 0;
    border-radius: 0;
  }

  .public-site .avs-detail-gallery__main-image {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
  }

  /* Stronger bottom fade so the overlaid text stays legible and the image melts into
     the navy at the bottom. */
  .public-site .avs-detail-gallery__main::after {
    background: linear-gradient(180deg,
        rgba(7, 17, 74, 0.15) 0%,
        rgba(7, 17, 74, 0.55) 55%,
        rgba(7, 17, 74, 0.85) 100%);
  }

  /* Content + thumbnails sit in normal flow ON TOP of the image, so the gallery (and
     therefore the image) grows to contain them. */
  .public-site .avs-detail-gallery__content {
    position: relative;
    z-index: 3;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    max-width: none;
    padding: calc(var(--header-height) + 88px) 24px 6px;
  }

  .public-site .avs-detail-gallery__thumbs {
    position: relative;
    z-index: 3;
    margin-top: 0;
    padding: 14px 24px 28px;
  }

  .public-site .avs-detail-specs {
    margin-top: 0;
  }
}

/*--------------------------------------------------------------
# Popup gallery (lightbox)
--------------------------------------------------------------*/

.public-site .avs-detail-gallery__thumb {
  cursor: pointer;
}

.public-site .avs-lightbox[hidden] { display: none; }

.public-site .avs-lightbox {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5vh 6vw;
  background: rgba(7, 17, 74, 0.94);
}

.public-site .avs-lightbox__track {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 92vw;
  max-height: 86vh;
}

.public-site .avs-lightbox__slide {
  display: none;
  max-width: 92vw;
  max-height: 86vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}

.public-site .avs-lightbox__slide.is-active { display: block; }

.public-site .avs-lightbox__close,
.public-site .avs-lightbox__nav {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: rgba(255, 255, 255, 0.10);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.public-site .avs-lightbox__close:hover,
.public-site .avs-lightbox__nav:hover {
  background: var(--color-gold);
  color: var(--color-navy-deep);
}

.public-site .avs-lightbox__close {
  top: 3vh;
  right: 4vw;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 1.6rem;
  line-height: 1;
}

.public-site .avs-lightbox__nav {
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 2rem;
  line-height: 1;
}

.public-site .avs-lightbox__nav--prev { left: 3vw; }
.public-site .avs-lightbox__nav--next { right: 3vw; }

.public-site .avs-lightbox__counter {
  position: absolute;
  bottom: 3.5vh;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.85);
  font-family: var(--font-display);
  font-size: 0.95rem;
  letter-spacing: 0.05em;
}

body.avs-lightbox-open { overflow: hidden; }




/* Share fallback menu (shown when the native Web Share API is unavailable, e.g. desktop). */
.public-site .avs-share-menu,
.avs-share-menu {
  position: absolute;
  z-index: 3000;
  min-width: 180px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #dbe6ea;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(7, 17, 74, 0.18);
}

.avs-share-menu__item {
  display: block;
  padding: 9px 12px;
  border: none;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  font: inherit;
  color: #07114a;
  text-decoration: none;
  cursor: pointer;
}

.avs-share-menu__item:hover {
  background: #f1f5f8;
}