/* Glowtto | Editorial polish, only for popular carousel, footer and shared radii.
   Product cards, search and categories are owned by commerce-layout.css.
   Fixed mobile navigation is owned by c8-navigation-social.css. */
:root{
 --gl-radius-card:12px;
 --gl-radius-panel:14px;
 --gl-radius-control:10px;
 --gl-section-space:clamp(26px,4.5vw,45px);
 --gl-ease:cubic-bezier(.22,1,.36,1);
 --gl-shade:color-mix(in srgb,var(--theme-accent-strong) 7%,transparent);
}
#shopView #topCarousel{
 border-radius:var(--gl-radius-panel)!important;
 box-shadow:0 5px 18px var(--gl-shade)!important;
}
#shopView #topCarousel .top-slide{min-width:0}
#shopView #topCarousel .top-slide-copy{min-width:0;overflow-wrap:break-word}
#shopView #topCarousel .top-buy-actions{gap:8px}
#shopView #topCarousel .top-buy-actions button{
 min-width:0;white-space:nowrap;font-size:clamp(11px,1.6vw,13px);
 overflow:hidden;text-overflow:ellipsis;
}
#shopView #topCarousel .top-product-image img{
 object-fit:contain!important;border-radius:8px!important;
}

.glow-immediate-head>span{border-radius:9px!important}
.glow-immediate-card .empty-picture{border-radius:8px!important}
.glowtto-footer{margin-top:var(--gl-section-space)!important}
.glowtto-footer .glowtto-footer-inner{gap:clamp(15px,2.5vw,27px)}
.panel,.line-card,.fragrance-card{border-radius:var(--gl-radius-panel)!important}
.glow-help-sheet{border-radius:var(--gl-radius-panel)!important}

@media(max-width:740px){
 #shopView #topCarousel{border-radius:11px!important}
 #shopView #topCarousel .glow-top-track>.top-slide{
  padding:12px!important;gap:10px!important;
 }
 #shopView #topCarousel .top-slide-copy strong{
  font-size:clamp(15px,4vw,19px);line-height:1.25!important;
 }
 #shopView #topCarousel .top-buy-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
 }
 #shopView #topCarousel .top-buy-actions button{
  font-size:clamp(10px,2.8vw,12px)!important;
  padding:9px 5px!important;min-width:0;
 }
 #shopView #topCarousel .top-gallery-controls{margin:0 9px 8px}

 .glowtto-footer .glowtto-footer-welcome h2{font-size:clamp(23px,6vw,28px)}
 .glowtto-footer .glowtto-footer-affirmations p:nth-child(n+3){display:none}

}
@media(prefers-reduced-motion:reduce){
 #shopView #topCarousel .top-buy-actions button{transition:none}
}