/* Best of Phi Phi — premium tropical-island edition, 2026-07-16 */
:root {
  --island-deep: #063d40;
  --island-lagoon: #087274;
  --island-water: #75c7bf;
  --island-foam: #dff4ed;
  --island-palm: #245d3f;
  --island-sand: #f4e7ca;
  --island-shell: #fff9ec;
  --island-sun: #efbd5d;
  --island-coral: #df765e;
  --island-line: rgba(6, 61, 64, .16);

  --wc-ink: var(--island-deep);
  --wc-forest: #07595a;
  --wc-forest-soft: #0b7270;
  --wc-cream: #f8efd9;
  --wc-paper: var(--island-shell);
  --wc-sand: #ead9b7;
  --wc-gold: var(--island-sun);
  --wc-gold-light: #f5dda7;
  --wc-coral: var(--island-coral);
  --wc-text: #244844;
  --wc-muted: #637b74;
  --wc-line: var(--island-line);

  --studio-ink: var(--island-deep);
  --studio-pine: #07595a;
  --studio-pine-2: var(--island-lagoon);
  --studio-shell: var(--island-sand);
  --studio-paper: var(--island-shell);
  --studio-brass: var(--island-sun);
  --studio-brass-light: #f6e0aa;
  --studio-line: var(--island-line);
}

body.tropical-edition {
  background:
    radial-gradient(circle at 8% 8%, rgba(117, 199, 191, .2), transparent 29rem),
    radial-gradient(circle at 92% 22%, rgba(239, 189, 93, .15), transparent 25rem),
    linear-gradient(180deg, #fbf4e3 0%, #f3e5c8 100%);
  color: #244844;
}

body.tropical-edition::before {
  opacity: .38;
  background-image:
    linear-gradient(rgba(8, 114, 116, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 114, 116, .028) 1px, transparent 1px);
  background-size: 64px 64px;
}

.tropical-edition .site-masthead {
  border-color: rgba(223, 244, 237, .24);
  background: rgba(4, 55, 57, .74);
  box-shadow: 0 18px 55px -30px rgba(0, 41, 42, .78);
}

.tropical-edition .site-masthead.is-scrolled {
  border-color: rgba(117, 199, 191, .34);
  background: rgba(4, 55, 57, .95);
}

.tropical-edition .brand-mark {
  border-color: rgba(245, 221, 167, .8);
  box-shadow: inset 0 0 0 7px rgba(239, 189, 93, .055);
}

.tropical-edition .brand-mark::before {
  border-color: var(--island-sun);
}

.tropical-edition .brand-mark::after {
  background: var(--island-sun);
}

.tropical-edition .brand-kicker,
.tropical-edition .site-nav a,
.tropical-edition .language-toggle {
  color: rgba(235, 250, 246, .7);
}

.tropical-edition .masthead-concierge,
.tropical-edition .wafloat {
  background: var(--island-sun);
  color: #063d40;
}

.tropical-edition .masthead-concierge:hover,
.tropical-edition .wafloat:hover {
  background: #f7d58c;
}

.tropical-edition .langbar {
  border-color: rgba(117, 199, 191, .32) !important;
  background: rgba(4, 55, 57, .97) !important;
}

.tropical-edition .langbar .lbtn:hover,
.tropical-edition .langbar .lbtn.on {
  border-color: var(--island-sun) !important;
  background: var(--island-sun) !important;
  color: var(--island-deep) !important;
}

/* Tropical arrival — real island photography stays dominant */
.tropical-edition.home-page .hero {
  background: var(--island-deep);
  box-shadow: 0 35px 100px -55px rgba(0, 52, 54, .82);
}

.tropical-edition.home-page .hero-bg {
  filter: saturate(1.08) contrast(1.02);
}

.tropical-edition.home-page .hero-bg::after {
  background:
    linear-gradient(90deg, rgba(2, 43, 44, .9) 0%, rgba(2, 52, 52, .58) 40%, rgba(2, 58, 59, .08) 76%),
    linear-gradient(180deg, rgba(2, 43, 44, .3) 0%, transparent 37%, rgba(2, 43, 44, .91) 100%);
}

.tropical-edition.home-page .hero::before {
  border-color: rgba(245, 221, 167, .48);
  background: radial-gradient(circle, rgba(239, 189, 93, .13), transparent 64%);
  box-shadow:
    0 0 0 25px rgba(239, 189, 93, .045),
    0 0 0 50px rgba(117, 199, 191, .025);
}

.tropical-edition.home-page .hero::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: -9vw;
  bottom: -24vw;
  width: min(720px, 58vw);
  aspect-ratio: 1;
  border: 1px solid rgba(223, 244, 237, .16);
  border-radius: 50%;
  box-shadow:
    0 0 0 42px rgba(223, 244, 237, .025),
    0 0 0 84px rgba(223, 244, 237, .016);
  pointer-events: none;
}

.tropical-edition.home-page .hero-eye,
.tropical-edition.home-page .hero h1 em {
  color: #f4d997;
}

.tropical-edition.home-page .hero-eye::before {
  background: var(--island-water);
}

.tropical-edition.home-page .hero-secondary {
  border-color: rgba(223, 244, 237, .34);
  background: rgba(8, 114, 116, .12);
}

.tropical-edition .hero-trust {
  color: rgba(223, 244, 237, .62);
}

.tropical-edition .hero-trust span + span::before {
  background: var(--island-water);
}

/* Island compass */
.tropical-edition .collection-rail {
  border-color: rgba(8, 114, 116, .2);
  background:
    linear-gradient(110deg, rgba(255, 249, 236, .96), rgba(230, 246, 239, .94));
  box-shadow: 0 26px 76px -46px rgba(0, 70, 72, .72);
}

.tropical-edition .collection-rail-label {
  color: var(--island-deep);
}

.tropical-edition .collection-rail a {
  color: #52736d;
}

.tropical-edition .collection-rail a span {
  color: var(--island-coral);
}

.tropical-edition .collection-rail a:hover,
.tropical-edition .collection-rail a[aria-current="true"] {
  background: rgba(117, 199, 191, .17);
  color: var(--island-deep);
}

.tropical-edition .collection-rail .collection-rail-chat {
  background: var(--island-lagoon);
  color: #fff;
}

.tropical-edition .collection-rail .collection-rail-chat:hover {
  background: var(--island-deep);
}

/* Sun, sea and sand editorial details */
.tropical-edition .eyebrow,
.tropical-edition .v-cat,
.tropical-edition .a-tag,
.tropical-edition .jc-tag {
  color: #b95945;
}

.tropical-edition.home-page .intro::before {
  color: rgba(8, 114, 116, .56);
}

.tropical-edition.home-page .intro::after {
  color: rgba(8, 114, 116, .075);
}

.tropical-edition.home-page .intro-lead b {
  color: var(--island-lagoon);
}

.tropical-edition.home-page .intro-note {
  border-color: rgba(117, 199, 191, .32);
  background:
    radial-gradient(circle at 90% 10%, rgba(239, 189, 93, .2), transparent 8rem),
    linear-gradient(145deg, #e0f2eb, #c9e6df);
  color: #52736d;
  box-shadow: 0 24px 55px -42px rgba(0, 85, 85, .65);
}

.tropical-edition.home-page .intro-note::before {
  color: var(--island-coral);
}

.tropical-edition.home-page .intro-note span {
  color: var(--island-deep);
}

.tropical-edition.home-page .day {
  border-color: rgba(8, 114, 116, .14);
  background:
    radial-gradient(circle at 88% 4%, rgba(117, 199, 191, .24), transparent 27rem),
    radial-gradient(circle at 4% 94%, rgba(239, 189, 93, .18), transparent 21rem),
    linear-gradient(180deg, #fff9ec, #f5ead1);
}

.tropical-edition.home-page .day::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 18px;
  opacity: .18;
  background:
    radial-gradient(24px 13px at 24px -2px, transparent 19px, var(--island-lagoon) 20px, transparent 21px)
    0 0 / 48px 18px repeat-x;
}

.tropical-edition.home-page .day::before {
  color: rgba(8, 114, 116, .08);
}

.tropical-edition.home-page .timeline {
  border-color: rgba(8, 114, 116, .17);
  background: rgba(255, 250, 239, .84);
  box-shadow: 0 34px 100px -64px rgba(0, 74, 75, .78);
}

.tropical-edition.home-page .tl {
  border-color: rgba(8, 114, 116, .13);
}

.tropical-edition.home-page .tl:hover {
  background: rgba(223, 244, 237, .66);
}

.tropical-edition.home-page .tl::after {
  background: linear-gradient(90deg, var(--island-water), var(--island-sun));
}

.tropical-edition.home-page .tl-time,
.tropical-edition.home-page .tl-body .at {
  color: #b95945;
}

.tropical-edition.home-page .tl:nth-child(7) {
  background:
    radial-gradient(circle at 90% 10%, rgba(117, 199, 191, .16), transparent 12rem),
    var(--island-deep);
}

.tropical-edition .concierge-cta > div {
  border-color: rgba(117, 199, 191, .34) !important;
  background:
    radial-gradient(circle at 96% 5%, rgba(239, 189, 93, .16), transparent 16rem),
    linear-gradient(135deg, #06484a, #075f60) !important;
}

.tropical-edition .lead-magnet-note {
  color: rgba(223, 244, 237, .62);
}

/* Seven venue stories */
.tropical-edition.home-page .pillar-head {
  border-color: rgba(8, 114, 116, .18);
}

.tropical-edition.home-page .pillar-head::after {
  color: rgba(8, 114, 116, .52);
}

.tropical-edition.home-page .scene {
  border-color: rgba(8, 114, 116, .15);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255, 252, 244, .95), rgba(244, 239, 222, .83));
  box-shadow: 0 36px 100px -64px rgba(0, 69, 70, .72);
}

.tropical-edition.home-page .scene-media::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 55%, rgba(3, 61, 63, .16)),
    linear-gradient(90deg, rgba(3, 61, 63, .08), transparent 35%);
  pointer-events: none;
}

.tropical-edition.home-page .scene-body {
  background:
    radial-gradient(circle at 100% 0%, rgba(117, 199, 191, .13), transparent 14rem);
}

.tropical-edition.home-page .scene-body::before {
  color: var(--island-coral);
}

.tropical-edition.home-page .scene .v-meta {
  border-color: rgba(8, 114, 116, .15);
}

.tropical-edition .feat {
  border-color: rgba(8, 114, 116, .2);
  background: rgba(223, 244, 237, .38);
  color: #446a63;
}

.tropical-edition .feat.gold,
.tropical-edition .feat.cert {
  border-color: rgba(223, 118, 94, .28);
  background: rgba(223, 118, 94, .08);
  color: #a54e3d;
}

.tropical-edition .btn-fill,
.tropical-edition .btn-gold {
  background: var(--island-lagoon);
  color: #fff;
}

.tropical-edition .btn-fill:hover,
.tropical-edition .btn-gold:hover {
  background: var(--island-deep);
}

.tropical-edition .btn-line {
  border-color: rgba(8, 114, 116, .32);
  color: var(--island-deep);
}

.tropical-edition .btn-line:hover {
  border-color: var(--island-lagoon);
  background: rgba(117, 199, 191, .12);
}

/* Island journal */
.tropical-edition.home-page .guide {
  background:
    radial-gradient(circle at 82% 9%, rgba(239, 189, 93, .18), transparent 28rem),
    radial-gradient(circle at 7% 93%, rgba(117, 199, 191, .15), transparent 22rem),
    linear-gradient(145deg, #063d40, #075b5c);
}

.tropical-edition.home-page .guide::before {
  color: rgba(223, 244, 237, .045);
}

.tropical-edition.home-page .gcard {
  border-color: rgba(223, 244, 237, .17);
  background: rgba(223, 244, 237, .045);
}

.tropical-edition.home-page .gcard:hover {
  border-color: rgba(117, 199, 191, .5);
  background: rgba(223, 244, 237, .085);
}

.tropical-edition.home-page .todo {
  background:
    radial-gradient(circle at 8% 18%, rgba(117, 199, 191, .14), transparent 22rem);
}

.tropical-edition.home-page .tcard {
  border-color: rgba(8, 114, 116, .15);
  background:
    linear-gradient(145deg, rgba(255, 249, 236, .86), rgba(232, 245, 237, .58));
}

.tropical-edition.home-page .tcard:hover {
  border-color: rgba(8, 114, 116, .48);
}

.tropical-edition.home-page .faq {
  background:
    radial-gradient(circle at 92% 12%, rgba(239, 189, 93, .14), transparent 23rem),
    rgba(255, 249, 236, .46);
}

.tropical-edition.home-page .faq-list,
.tropical-edition.home-page .qa,
.tropical-edition.home-page .pillar-head {
  border-color: rgba(8, 114, 116, .16);
}

.tropical-edition.home-page .map-sec {
  background:
    linear-gradient(180deg, transparent, rgba(117, 199, 191, .08));
}

/* Venue and guide pages */
.tropical-edition:not(.home-page) .crumb {
  color: rgba(8, 114, 116, .68);
}

.tropical-edition:not(.home-page) .vhero {
  border: 1px solid rgba(117, 199, 191, .2);
  box-shadow: 0 36px 110px -66px rgba(0, 61, 63, .86);
}

.tropical-edition:not(.home-page) .vhero::after {
  background:
    linear-gradient(90deg, rgba(2, 47, 49, .82), rgba(2, 62, 63, .13) 72%),
    linear-gradient(180deg, rgba(2, 47, 49, .08), rgba(2, 47, 49, .91));
}

.tropical-edition:not(.home-page) .vhero-in::before {
  color: #f5d991;
}

.tropical-edition:not(.home-page) .vbody::before {
  background: var(--island-coral);
  box-shadow: 0 8px 0 rgba(117, 199, 191, .34);
}

.tropical-edition:not(.home-page) .vsec {
  border-color: rgba(8, 114, 116, .12);
}

.tropical-edition:not(.home-page) .info-card,
.tropical-edition:not(.home-page) .happy {
  border-color: rgba(8, 114, 116, .15);
  background:
    linear-gradient(145deg, rgba(255, 249, 236, .9), rgba(229, 244, 237, .62));
  box-shadow: 0 30px 80px -58px rgba(0, 70, 72, .76);
}

.tropical-edition:not(.home-page) .collection {
  background:
    radial-gradient(circle at 10% 12%, rgba(117, 199, 191, .12), transparent 22rem),
    var(--island-deep);
}

.tropical-edition:not(.home-page) .ccard {
  border-color: rgba(223, 244, 237, .14);
  background: rgba(223, 244, 237, .045);
}

.tropical-edition:not(.home-page) .ccard:hover {
  border-color: rgba(117, 199, 191, .44);
  background: rgba(223, 244, 237, .075);
}

.tropical-edition .journal-hero::after {
  color: rgba(8, 114, 116, .09);
}

.tropical-edition .jcard {
  border-color: rgba(8, 114, 116, .14);
  background:
    linear-gradient(145deg, rgba(255, 249, 236, .9), rgba(235, 246, 239, .64));
  box-shadow: 0 28px 80px -56px rgba(0, 67, 69, .7);
}

.tropical-edition .article::before {
  background: linear-gradient(var(--island-coral), transparent);
}

.tropical-edition .article .callout {
  border-color: rgba(8, 114, 116, .14);
  border-left-color: var(--island-coral);
  background:
    linear-gradient(135deg, rgba(255, 249, 236, .88), rgba(223, 244, 237, .48));
}

.tropical-edition .reading-progress span {
  background: linear-gradient(90deg, var(--island-coral), var(--island-sun), var(--island-water));
}

.tropical-edition .guide-capture {
  position: relative;
  overflow: hidden;
  margin: clamp(58px, 8vw, 92px) 0 0;
  padding: clamp(30px, 5vw, 48px);
  border: 1px solid rgba(8, 114, 116, .2);
  border-radius: 26px;
  background:
    radial-gradient(circle at 94% 4%, rgba(239, 189, 93, .2), transparent 15rem),
    linear-gradient(145deg, rgba(255, 249, 236, .96), rgba(223, 244, 237, .72));
  box-shadow: 0 30px 80px -58px rgba(0, 70, 72, .76);
}

.tropical-edition .guide-capture::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -110px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(8, 114, 116, .1);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(117, 199, 191, .035);
  pointer-events: none;
}

.tropical-edition .guide-capture h2 {
  position: relative;
  z-index: 1;
  max-width: 650px;
  margin: 12px 0 14px;
  color: var(--island-deep);
  font-size: clamp(30px, 4vw, 43px);
  line-height: 1.08;
}

.tropical-edition .guide-capture > p {
  position: relative;
  z-index: 1;
  max-width: 680px;
}

.tropical-edition .guide-capture .cta-row {
  position: relative;
  z-index: 1;
  margin-top: 25px;
}

.tropical-edition .guide-capture small {
  position: relative;
  z-index: 1;
  display: block;
  max-width: 700px;
  margin-top: 17px;
  color: #637b74;
  font-size: 11px;
  line-height: 1.55;
}

.tropical-edition .google-review-link {
  width: fit-content;
  min-height: 45px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 15px;
  padding: 0 16px;
  border: 1px solid rgba(8, 114, 116, .2);
  border-radius: 999px;
  background: rgba(223, 244, 237, .46);
  color: var(--island-deep);
  font-size: 12px;
  line-height: 1.3;
  text-decoration: none;
  transition: border-color .25s ease, background .25s ease, transform .25s ease;
}

.tropical-edition .google-review-link > span:first-child {
  color: var(--island-sun);
  font-size: 17px;
  text-shadow: 0 1px 0 rgba(6, 61, 64, .18);
}

.tropical-edition .google-review-link > span:last-child {
  color: var(--island-coral);
  transition: transform .25s ease;
}

.tropical-edition .google-review-link:hover {
  border-color: rgba(8, 114, 116, .46);
  background: rgba(223, 244, 237, .8);
  transform: translateY(-2px);
}

.tropical-edition .google-review-link:hover > span:last-child {
  transform: translate(2px, -2px);
}

body.dark.tropical-edition .google-review-link {
  border-color: rgba(194, 119, 63, .36);
  background: rgba(194, 119, 63, .08);
  color: var(--cream);
}

body.dark.tropical-edition .google-review-link > span:first-child,
body.dark.tropical-edition .google-review-link > span:last-child {
  color: var(--copper-lt);
}

.tropical-edition .foot {
  background:
    radial-gradient(circle at 50% -24%, rgba(117, 199, 191, .2), transparent 30rem),
    linear-gradient(145deg, #043638, #062c2d);
}

.tropical-edition .foot::before,
.tropical-edition .foot::after {
  border-color: rgba(117, 199, 191, .1);
}

/* Preserve Scubar's deliberately darker copper identity */
body.dark.tropical-edition {
  --wc-ink: #160f0a;
  --wc-forest: #20150e;
  --wc-forest-soft: #2b1c13;
}

body.dark.tropical-edition .site-masthead {
  border-color: rgba(194, 119, 63, .27);
  background: rgba(22, 15, 10, .9);
}

body.dark.tropical-edition .masthead-concierge,
body.dark.tropical-edition .wafloat {
  background: var(--copper);
}

body.dark.tropical-edition .vhero::after {
  background:
    linear-gradient(90deg, rgba(22, 15, 10, .78), rgba(22, 15, 10, .12) 72%),
    linear-gradient(180deg, rgba(22, 15, 10, .08), rgba(22, 15, 10, .91));
}

@media (max-width: 760px) {
  .tropical-edition.home-page .hero::after {
    right: -180px;
    bottom: -130px;
    width: 430px;
  }

  .tropical-edition .collection-rail {
    background: rgba(245, 249, 236, .96);
  }

  .tropical-edition.home-page .scene {
    border-radius: 22px;
  }

  .tropical-edition.home-page .day::after {
    height: 12px;
    background-size: 36px 13px;
  }

  .tropical-edition .guide-capture {
    border-radius: 20px;
  }

  .tropical-edition .google-review-link {
    width: 100%;
    justify-content: center;
  }
}

/* v8 — visible 16-language UX and corrected venue-card presentation */
.tropical-edition .langbar {
  align-content: flex-start !important;
}

.tropical-edition .langbar:target {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.tropical-edition .langbar .globe {
  margin-bottom: 0 !important;
  color: var(--island-sun) !important;
}

.tropical-edition .langbar .language-note {
  width: 100%;
  margin: 0 0 8px;
  color: rgba(223, 244, 237, .66);
  font-size: 11px;
  letter-spacing: .02em;
}

.tropical-edition .langbar .lbtn {
  display: inline-flex;
  min-width: 43px;
  min-height: 37px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(117, 199, 191, .24) !important;
  border-radius: 999px;
}

/* The studio spacing is intentionally generous, but the v8 cards stay in view. */
.studio-edition.tropical-edition.home-page .scene-body {
  padding: clamp(42px, 4vw, 60px);
}

.studio-edition.tropical-edition.home-page .scene-body::before {
  margin-bottom: 30px;
}

/* Scubar: restore the deep espresso field that the tropical layer overrode. */
.tropical-edition.home-page .scene.dark.venue-scubar {
  border-color: rgba(194, 119, 63, .34);
  background:
    radial-gradient(circle at 100% 0%, rgba(194, 119, 63, .13), transparent 18rem),
    linear-gradient(145deg, #21150e, #130c08);
  box-shadow: 0 40px 100px -55px rgba(0, 0, 0, .9);
}

.tropical-edition.home-page .scene.dark.venue-scubar .scene-body {
  background:
    radial-gradient(circle at 100% 0%, rgba(194, 119, 63, .12), transparent 17rem);
}

.tropical-edition.home-page .scene.dark.venue-scubar .scene-body::before {
  color: var(--copper-lt);
}

.tropical-edition.home-page .scene.dark.venue-scubar .v-meta {
  border-color: rgba(194, 119, 63, .28);
}

/* Deliberate crop anchors for real venue photography and the v8 editorial nail image. */
.tropical-edition.home-page .venue-locals .scene-media img {
  object-position: 52% 50%;
}

.tropical-edition.home-page .venue-scubar .scene-media img {
  object-position: 54% 50%;
}

.tropical-edition.home-page .venue-mani .scene-media img {
  object-position: 43% 50%;
}

@media (max-width: 760px) {
  html,
  body.tropical-edition {
    overflow-x: clip;
  }

  .language-toggle::before {
    content: "文";
    font-size: 15px;
  }

  .tropical-edition .langbar .language-note {
    font-size: 10px;
  }

  .studio-edition.tropical-edition.home-page .scene-media {
    min-height: 300px;
  }

  .studio-edition.tropical-edition.home-page .scene-body {
    padding: 32px 24px 36px;
  }

  .studio-edition.tropical-edition.home-page .hero h1 {
    max-width: 100%;
    font-size: clamp(52px, 16vw, 62px);
    line-height: .9;
    text-wrap: wrap;
  }

  .studio-edition.tropical-edition.home-page .hero h1 em {
    display: block;
    white-space: nowrap;
  }

  .studio-edition.tropical-edition.home-page .scene,
  .studio-edition.tropical-edition.home-page .scene-media,
  .studio-edition.tropical-edition.home-page .scene-body {
    width: 100%;
    min-width: 0;
  }

  .studio-edition.tropical-edition.home-page .scene .v-name {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: clamp(30px, 9vw, 38px);
  }

  .tropical-edition.home-page .venue-locals .scene-media img {
    object-position: 51% 48%;
  }

  .tropical-edition.home-page .venue-mani .scene-media img {
    object-position: 40% 50%;
  }
}

/* v9 — verified Google review links, without hard-coded ratings or counts */
.tropical-edition.home-page .homepage-review-link {
  align-self: flex-start;
  margin-top: 17px;
  margin-bottom: 3px;
  background: rgba(255, 255, 255, .58);
  box-shadow: 0 13px 30px -26px rgba(3, 61, 63, .65);
}

.tropical-edition.home-page .homepage-review-link .google-mark {
  width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(8, 114, 116, .2);
  border-radius: 50%;
  background: #fff;
  color: var(--island-lagoon);
  font-size: 11px;
  font-weight: 700;
  text-shadow: none;
}

.tropical-edition.home-page .scene.dark .homepage-review-link {
  border-color: rgba(194, 119, 63, .38);
  background: rgba(194, 119, 63, .09);
  color: var(--cream);
  box-shadow: none;
}

.tropical-edition.home-page .scene.dark .homepage-review-link .google-mark {
  border-color: rgba(194, 119, 63, .4);
  background: rgba(255, 255, 255, .04);
  color: var(--copper-lt);
}

.tropical-edition.home-page .scene.dark .homepage-review-link > span:last-child {
  color: var(--copper-lt);
}

@media (max-width: 760px) {
  .tropical-edition.home-page .homepage-review-link {
    width: 100%;
    align-self: stretch;
  }
}