/* MARIACLARA 9.8.3 · ECLISSI 360 LIQUID GOLD
   Preserve PNG header, original MP4 footer, photo lightboxes and buttons.
   One orbital sweep per 12 seconds. The coin turn is a separate event.
*/
:root { --mc-eclipse-gold: #f7d69b; }
.mc-eclipse {
  position: relative; display: inline-grid; place-items: center; isolation: isolate;
  flex-shrink: 0; aspect-ratio: 1; border-radius: 50%;
  perspective: 900px; -webkit-tap-highlight-color: transparent;
}
.mc-eclipse--header { width: 122px; height: 122px; }
.mc-eclipse--footer { width: min(100%,370px); max-width:370px; height:auto; margin:0 auto; cursor:pointer; }
.mc-eclipse--footer:focus-visible { outline: 2px solid var(--mc-eclipse-gold); outline-offset: 9px; }
.mc-eclipse__coin {
  position:relative; display:block; width:100%; height:100%; z-index:2;
  border-radius: 50%; transform-style: preserve-3d;
  will-change: transform; backface-visibility:visible;
}
/* Existing logo/media are the real originals; never redraw or replace either. */
.brand .mc-eclipse--header .mc-live-logo--header.static-logo,
.footer-logo .mc-eclipse--footer .mc-live-logo--footer {
  display:block; width:100% !important; min-width:0 !important; max-width:none !important;
  height:100% !important; margin:0 !important; aspect-ratio:1;
  border-radius:50%; overflow:hidden;
}
.site-header .brand .mc-eclipse--header .mc-live-logo--header.static-logo {
  filter:none !important; box-shadow:0 0 0 1px rgba(248,219,160,.27),0 0 13px rgba(230,179,96,.22) !important;
}
.mc-eclipse__ambient, .mc-eclipse__orbit, .mc-eclipse__orbit-glow {
  position:absolute; border-radius:50%; pointer-events:none;
}
.mc-eclipse__ambient { inset:-8%; z-index:0;
  background:radial-gradient(circle,transparent 59%,rgba(245,210,147,.10) 69%,rgba(234,180,97,.11) 78%,transparent 97%);
  filter:blur(9px);
}
.mc-eclipse__orbit { inset:-5.6%; z-index:4; animation:mc-eclipse-orbit 12s linear infinite; }
.mc-eclipse__orbit::before {
  content:""; position:absolute; inset:0; border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0deg,transparent 248deg,
    rgba(250,199,117,.035) 271deg,rgba(255,208,130,.30) 311deg,
    rgba(255,230,168,.79) 340deg,#fff8e1 354deg,transparent 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px),#000 calc(100% - 2px),transparent 100%);
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px),#000 calc(100% - 2px),transparent 100%);
  filter:drop-shadow(0 0 4px rgba(255,212,153,.8));
}
.mc-eclipse__orbit-glow {
  inset:-9%; z-index:0; animation:mc-eclipse-orbit 12s linear infinite;
  background:conic-gradient(from 0deg,transparent 0deg,transparent 241deg,
    rgba(255,208,122,.02) 274deg,rgba(255,210,134,.17) 322deg,
    rgba(255,240,202,.31) 349deg,transparent 360deg);
  filter:blur(9px);
}
.mc-eclipse__spark {
  position:absolute; top:-2px; left:calc(50% - 3px);
  width:6px; height:6px; border-radius:50%; background:#fff9e8;
  box-shadow:0 0 5px 1px #fff3d0,0 0 11px 4px rgba(249,204,139,.74);
}
@keyframes mc-eclipse-orbit { to { transform:rotate(360deg); } }
@keyframes mc-eclipse-coin { from { transform:rotateY(0); } to { transform:rotateY(360deg); } }
.mc-eclipse__coin.is-spinning { animation:mc-eclipse-coin 1.4s cubic-bezier(.22,.7,.15,1) both; }
@media (hover:hover) and (pointer:fine) {
 .mc-eclipse:not(.mc-eclipse--footer):hover .mc-eclipse__coin:not(.is-spinning) { transform:rotateY(-6deg) rotateX(2deg); }
 .mc-eclipse__coin { transition:transform .55s ease; }
}
@media (min-width:761px) and (max-width:1020px) {
 .mc-eclipse--header {width:122px;height:122px;}
}
@media (min-width:1021px) { .mc-eclipse--header { width:86px;height:86px; } }
@media (max-width:760px) {
 .mc-eclipse--header {width:82px;height:82px;}
 .mc-eclipse--footer {width:min(86vw,360px);}
 .mc-eclipse__ambient {filter:blur(7px);}
 .mc-eclipse__orbit-glow {filter:blur(7px);}
}
@media (prefers-reduced-motion:reduce) {
 .mc-eclipse__orbit,.mc-eclipse__orbit-glow {animation:none!important;}
 .mc-eclipse__coin,.mc-eclipse__coin.is-spinning {animation:none!important;transition:none!important;transform:none!important;}
}
/* Desktop navigation: four CTA, four columns – not the old 5-column grid. */
@media (min-width:761px) {
 .page-index .mc-home-pearl-panel .home-explore {
   display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
   max-width:1100px; margin-left:auto; margin-right:auto; justify-items:stretch;
 }
 .page-index .mc-home-pearl-panel .home-explore > a {grid-column:auto; width:100%;}
}
/* Values band: quiet, professionally styled SVG line icons. */
.page-index .trust-item .trust-icon {display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;line-height:1;}
.page-index .trust-item .trust-icon svg {display:block;width:33px;height:33px;color:#edca87;filter:drop-shadow(0 2px 4px rgba(236,185,92,.15));}
/* The ornamental lipstick is an inline SVG: gold linework instead of emoji/glyph. */
.mc-beauty-svg {display:inline-block;width:19px;height:19px;flex-shrink:0;vertical-align:-.2em;color:#edc789;}
.liquid-btn__icon .mc-beauty-svg {width:21px;height:21px;vertical-align:middle;}
.mini-star .mc-beauty-svg {width:23px;height:23px;vertical-align:middle;}
.ornament .mc-beauty-svg {width:28px;height:28px;vertical-align:middle;}
.gold-kicker .mc-beauty-svg,.fresha-gold__eyebrow .mc-beauty-svg {width:18px;height:18px;vertical-align:-.3em;margin-right:5px;}
.bride-cinema__stamp .mc-beauty-svg,.bridal-cinema__stamp .mc-beauty-svg {width:16px;height:16px;margin-right:4px;}
.promo-decoration .mc-beauty-svg {width:52px;height:52px;}
.cookie-crest .mc-beauty-svg {width:24px;height:24px;}
.mc-lipstick-only .mc-beauty-svg {width:20px;height:20px;}
@media(max-width:760px){.page-index .trust-item .trust-icon {flex-basis:29px;width:29px;height:29px;}.page-index .trust-item .trust-icon svg {width:28px;height:28px;}}