.atlas-announcement{background:var(--announcement-bg,#8c6b4f);color:var(--announcement-fg,#fff);font-size:var(--announcement-size,11px);gap:12px;flex-wrap:wrap;padding:7px 20px;text-wrap:balance}
.atlas-announcement .announcement-link{min-height:24px;border-bottom:1px solid currentColor;font:inherit;color:inherit;white-space:nowrap}
.atlas-announcement[data-announcement-motion="fade"]>p,.atlas-announcement[data-announcement-motion="fade"]>a{animation:announcement-fade .8s ease-out both}
.atlas-announcement[data-announcement-motion="slide"]>p,.atlas-announcement[data-announcement-motion="slide"]>a{animation:announcement-slide .8s ease-out both}
@keyframes announcement-fade{from{opacity:0}to{opacity:1}}
@keyframes announcement-slide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.atlas-hero-actions{display:flex!important;flex-wrap:wrap!important;align-items:center;width:auto!important;max-width:100%;gap:10px}
.atlas-hero-actions>a{width:auto!important;flex:0 1 auto;min-width:0;max-width:100%;min-height:48px;padding:10px 16px!important;gap:12px!important;justify-content:center;font-size:12px;line-height:1.4;white-space:normal;text-align:center}
.atlas-hero-label{min-width:0;overflow-wrap:anywhere}
.atlas-hero-actions>a svg{width:16px;height:16px;flex-shrink:0}
.atlas-mobile-dock svg{width:22px;height:22px;stroke-width:1.75}
.search-clear[hidden]{display:none!important}.search-clear{flex-shrink:0}.browse-search>button[type="submit"]{flex-shrink:0}
.browse-search input::-webkit-search-cancel-button{display:none}
.atlas-announcement a:hover{color:inherit}
@media(min-width:851px) and (max-width:1100px){
 .atlas-header .header-inner{grid-template-columns:132px minmax(0,1fr) 132px!important;gap:4px;padding-inline:24px!important}
 .atlas-header .nav-left{grid-column:1;justify-self:start}.atlas-header .nav-left nav{display:none}.atlas-header .nav-left>.icon-button{display:inline-flex}
 .atlas-header .brand{grid-column:2;justify-self:center;text-align:center;width:180px;max-width:100%}.atlas-header .brand img{width:180px;max-width:100%}.atlas-header .brand small{text-align:center}
 .atlas-header .header-actions{grid-column:3;justify-self:end}.atlas-header .desktop-language{display:none}
}
@media(max-width:1100px){.atlas-announcement{padding-top:calc(7px + env(safe-area-inset-top,0px))}.shopify-section:has(.site-header):not(:has(.atlas-announcement)){padding-top:env(safe-area-inset-top,0px);background:#fff}}
@media(max-width:850px){
 .atlas-header .header-inner{grid-template-columns:132px minmax(0,1fr) 132px!important;gap:4px;padding-inline:24px!important}
 .atlas-header .nav-left{grid-column:1;justify-self:start}.atlas-header .brand{grid-column:2;justify-self:center;text-align:center;width:180px;max-width:100%}
 .atlas-header .brand img{width:180px;max-width:100%}.atlas-header .brand span{white-space:normal;font-size:15px;line-height:1.1}.atlas-header .brand small{text-align:center}
 .atlas-header .header-actions{grid-column:3;justify-self:end}
 .atlas-announcement{padding-top:calc(7px + env(safe-area-inset-top,0px));padding-inline:max(14px,env(safe-area-inset-left,0px)) max(14px,env(safe-area-inset-right,0px))}
 .shopify-section:has(.site-header):not(:has(.atlas-announcement)){padding-top:env(safe-area-inset-top,0px);background:#fff}
 .atlas-ritual-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .atlas-ritual-intro{grid-column:1;grid-row:1}.atlas-ritual-photo{grid-column:1;grid-row:2;position:sticky;top:calc(var(--store-header-height,102px) + 8px);z-index:2;height:180px;max-height:24svh;aspect-ratio:auto;scroll-margin-top:calc(var(--store-header-height,102px) + 8px)}
 .atlas-ritual-steps{grid-column:1;grid-row:3}.atlas-ritual-step summary{min-height:60px;padding-block:12px}.atlas-ritual-step h3{font-size:27px}
 .atlas-step-body{padding-bottom:16px}.atlas-step-body p{font-size:13px;line-height:1.7}.atlas-ritual h2{font-size:36px;margin-bottom:0}
}
@media(max-width:600px){
 .atlas-header .header-inner{grid-template-columns:88px minmax(0,1fr) 88px!important;padding-inline:12px!important}
 .atlas-header .header-actions>a[href$="/search"]{display:none}
 .atlas-header .header-actions .icon-button{width:44px;min-width:44px}
 .atlas-header .brand img{width:160px}.atlas-hero-actions>a{padding:10px 14px!important;gap:10px!important;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.atlas-announcement>p,.atlas-announcement>a{animation:none!important}}