/* Photo-led black/gold revision. The original storefront is unaffected. */
#page #hero.romance-hero{padding-bottom:48px!important}
#page #hero.romance-hero h1{margin-top:236px!important;margin-bottom:18px!important}
#page #hero.romance-hero .hero-sub.hero-sub-short{margin-bottom:28px!important;max-width:330px!important;line-height:1.65!important}
#page #hero.romance-hero>.btn-blue{width:270px!important;max-width:100%!important;min-height:54px!important}
#page #hero.romance-hero .features{margin-top:36px!important}
#page #gold .gold-display.candy-science-scene{background:transparent!important}
#page #gold .gold-display.candy-science-scene::before,
#page #gold .gold-display.candy-science-scene::after{content:none!important;display:none!important}
#page #gold .candy-yellow-particle-art{visibility:visible!important;display:block!important;opacity:1!important;filter:none!important;animation:none!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 85%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 85%,transparent 100%)!important}
#page #gold .candy-science-note{width:99px!important}
#page #gold .note-lt,#page #gold .note-lb{left:8%!important}
#page #gold .note-rt,#page #gold .note-rb{right:8%!important}
@media(min-width:769px){
 #page #hero.romance-hero{grid-template-rows:auto auto auto 1fr auto!important;min-height:650px!important;padding:88px max(48px,calc((100vw - 1200px)/2)) 36px!important}
 #page #hero.romance-hero h1{margin:0 0 22px!important;font-size:clamp(56px,5.6vw,80px)!important;line-height:1.08!important}
 #page #hero.romance-hero .reviewline{margin:0 0 30px!important}
 #page #hero.romance-hero .hero-sub.hero-sub-short{max-width:450px!important;margin:0 0 34px!important}
 #page #hero.romance-hero>.btn-blue{grid-row:4!important;width:260px!important;margin:0!important;align-self:start!important}
 #page #hero.romance-hero .features{grid-row:5!important;margin:52px auto 0!important}
 #page #gold .gold-display.candy-science-scene{height:600px!important;min-height:600px!important;width:min(100%,760px)!important}
 #page #gold .candy-yellow-particle-art{width:auto!important;max-width:none!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;object-fit:contain!important;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 85%,transparent 100%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 85%,transparent 100%),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)!important;-webkit-mask-composite:source-in!important;mask-composite:intersect!important}
 #page #gold .candy-science-note{width:150px!important}
 #page #gold .note-lt,#page #gold .note-lb{left:8%!important}
 #page #gold .note-rt,#page #gold .note-rb{right:8%!important}
}
@media(max-width:768px){
 #page #ingredients .formula-gallery{margin-top:28px!important}
}
@media(max-width:365px){
 #page #hero.romance-hero h1{margin-top:218px!important}
 #page #gold .candy-science-note{width:88px!important}
}
/* Desktop presentation: a larger product stage and a compact split portrait. */
@media(min-width:769px){
 #page #gold.gold-section{padding:64px 40px 68px!important}
 #page #gold .super-candy-heading{max-width:1200px!important;margin:0 auto!important}
 #page #gold .super-candy-the{font-size:13px!important;letter-spacing:.3em!important;margin-bottom:12px!important}
 #page #gold .super-candy-word{font-size:clamp(64px,5.8vw,88px)!important;line-height:1.12!important;letter-spacing:-.025em!important}
 #page #gold .smallsub{font-size:clamp(20px,1.5vw,24px)!important;line-height:1.65!important;max-width:860px!important;margin:22px auto 0!important}
 #page #gold .gold-display.candy-science-scene{width:min(100%,1040px)!important;max-width:1040px!important;height:clamp(580px,46vw,700px)!important;min-height:0!important;margin:12px auto 20px!important}
 #page #gold .candy-yellow-particle-art{inset:0!important;width:100%!important;height:100%!important;transform:none!important;object-fit:cover!important;object-position:center 75%!important}
 #page #gold .candy-science-note{width:170px!important}
 #page #gold .candy-science-note b{font-size:20px!important;line-height:1.35!important}
 #page #gold .candy-science-note span{font-size:13px!important;line-height:1.5!important}
 #page #your-moment{display:grid!important;grid-template-columns:44% 56%!important;min-height:clamp(540px,44vw,660px)!important;height:auto!important;align-items:stretch!important}
 #page #your-moment::after{display:none!important}
 #page #your-moment .moment-photo{position:relative!important;grid-column:2!important;grid-row:1!important;inset:auto!important;z-index:0!important;width:100%!important;min-width:0!important;mask-image:linear-gradient(90deg,transparent,#000 12%,#000)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000)!important}
 #page #your-moment .moment-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 38%!important}
 #page #your-moment .moment-content{grid-column:1!important;grid-row:1!important;align-self:center!important;z-index:1!important;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:64px 28px 64px max(40px,calc((100vw - 1280px)/2))!important}
 #page #your-moment .moment-content>*{max-width:100%!important}
 #page #your-moment .moment-content h2{font-size:clamp(36px,3.3vw,50px)!important;line-height:1.28!important;margin-bottom:28px!important;overflow-wrap:break-word!important}
 #page #your-moment .moment-signoff{font-size:18px!important;line-height:1.7!important;margin:0 0 22px!important}
 #page #your-moment .moment-body p{font-size:16px!important;line-height:1.9!important}
}
@media(min-width:769px) and (max-width:1100px){
 #page #gold .candy-science-note{width:140px!important}
 #page #gold .candy-science-note b{font-size:18px!important}
 #page #your-moment{grid-template-columns:46% 54%!important}
 #page #your-moment .moment-content{padding:48px 24px 48px 32px!important}
 #page #your-moment .moment-content h2{font-size:34px!important}
}
/* Supplied wider couple photo: gentle focus on the left, clear on the right. */
#page #your-moment .moment-photo:after{inset:0 0 auto!important;height:15%!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;mask-image:radial-gradient(ellipse 70% 110% at 0% 0%,#000 0%,#000 35%,transparent 100%)!important;-webkit-mask-image:radial-gradient(ellipse 70% 110% at 0% 0%,#000 0%,#000 35%,transparent 100%)!important}
@media(min-width:769px){
 #page #your-moment .moment-content{transform:translateY(18px)!important}
 #page #your-moment .moment-photo img{object-position:55% 45%!important}
}
@media(max-width:760px){
 #page #your-moment{display:flex!important;flex-direction:column!important;min-height:0!important}
 #page #your-moment .moment-content{order:0!important;width:100%!important;margin:0!important;padding:72px 22px 24px!important}
 #page #your-moment .moment-photo{position:relative!important;order:1!important;inset:auto!important;width:100%!important;height:min(112vw,520px)!important;z-index:0!important}
 #page #your-moment .moment-content h2{font-size:clamp(27px,8.4vw,34px)!important}
 #page #your-moment .moment-content>.moment-body{max-width:100%!important}
 #page #your-moment .moment-photo img{height:min(112vw,520px)!important;object-fit:cover!important;object-position:right center!important;mask-image:linear-gradient(180deg,transparent,#000 12%,#000)!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000)!important}
 #page #your-moment .moment-photo:after{top:calc(100% - min(112vw,520px))!important;height:calc(min(112vw,520px) * .26)!important}
}
#page #your-moment .moment-signoff {
  color: #edc77e !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}
#page #your-moment .moment-body p {
  white-space: pre-line;
}