.logo{display:inline-block;flex-shrink:0;font:inherit;letter-spacing:normal;line-height:0;overflow:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.brand-wordmark{position:relative;display:block;width:215px;line-height:0}
.logo .brand-wordmark{margin:0;font:inherit;vertical-align:initial;animation:none}
.brand-wordmark>img{display:block;width:100%;height:auto;max-width:none}
.logo .brand-color-fill,.brand-color-fill{position:absolute;inset:0;display:block;margin:0;vertical-align:initial;background:var(--lilac);opacity:0;transition:opacity .25s ease;pointer-events:none;mask:url('assets/nourune-wordmark-transparent-v10.png') center/100% 100% no-repeat;-webkit-mask:url('assets/nourune-wordmark-transparent-v10.png') center/100% 100% no-repeat}
.logo:hover,.logo:focus-visible{transform:translateY(-4px)}
.logo:hover .brand-color-fill,.logo:focus-visible .brand-color-fill{opacity:1}
.footer-signature{line-height:0;letter-spacing:normal;padding-block:24px}
.footer-signature .brand-wordmark{width:min(78vw,1000px);margin-inline:auto}
.footer-signature span{animation:none}
.footer-signature .brand-color-fill{animation:none}
@media(max-width:650px){.header .brand-wordmark{width:160px}.footer-navigation .brand-wordmark{width:180px}}
@media(prefers-reduced-motion:reduce){:root:not(.motion-enabled) .logo,:root:not(.motion-enabled) .brand-color-fill{transition:none}:root:not(.motion-enabled) .logo:hover,:root:not(.motion-enabled) .logo:focus-visible{transform:none}}
.motion-paused .logo,.motion-paused .brand-color-fill{transition:none}.motion-paused .logo:hover,.motion-paused .logo:focus-visible{transform:none}

/* Tactile product directions, with a distinct capsule / care icon. */
.directions-cards{display:grid;gap:16px;width:100%}
.directions-cards .routine-disclosure{padding:0;margin:0;border:1px solid #dfb8eb33;border-radius:24px;background:linear-gradient(125deg,#33203e,#1c1128 75%);overflow:hidden;box-shadow:0 12px 34px #09050e26;transition:border-color .28s,box-shadow .28s,background .28s}
.directions-cards .routine-disclosure:hover,.directions-cards .routine-disclosure[open]{border-color:#dfb8eb88;box-shadow:0 15px 42px #09050e44,0 0 24px #d29ae916}
.directions-cards .routine-disclosure summary{position:relative;display:flex;align-items:center;gap:20px;min-height:116px;padding:24px;list-style:none;cursor:pointer;isolation:isolate;transition:color .25s;background:none;font-family:Manrope,sans-serif}
.routine-disclosure summary::-webkit-details-marker{display:none}
.routine-disclosure summary::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 90% 50%,#dcaef72a,transparent 55%),radial-gradient(#edc9ff33 .7px,transparent .7px);background-size:auto,12px 12px;opacity:.35;transition:opacity .3s}
.routine-disclosure summary:hover::before,.routine-disclosure.is-expanded summary::before{opacity:1}
.routine-disclosure summary:focus-visible{outline:2px solid #ebc6ff;outline-offset:-4px;border-radius:23px}
.directions-cards .routine-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#ecd1f9,#bd8bd7);color:#36213e;box-shadow:inset 0 1px 0 #ffffff99,0 5px 20px #c893e120;transition:transform .3s}
.routine-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.directions-cards .routine-label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.directions-cards .routine-label small{font-size:10px;font-weight:700;letter-spacing:.14em;color:#c49fd4}
.directions-cards .routine-label strong{font-size:clamp(18px,1.65vw,23px);font-weight:600;color:#f7eefa;transition:color .25s}
.routine-disclosure summary:hover .routine-label strong{color:#e3b6f5}
.directions-cards .routine-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #e6bdf044;border-radius:50%;font-size:25px;font-weight:400;color:#e8c7f7;transition:transform .35s,background .25s,color .25s}
.routine-disclosure.is-expanded .routine-toggle{transform:rotate(45deg);background:#dfb9ef;color:#33203e}
.routine-disclosure summary:active .routine-icon{transform:scale(.9) rotate(-7deg)}
.routine-disclosure summary:active .routine-toggle{background:#e6c4f4;color:#33203e}
.routine-content{overflow:hidden}
.routine-content-inner{padding:0 28px 26px;border-top:1px solid #d5a7e122;background:linear-gradient(160deg,#dca8ec09,transparent)}
.directions-cards .routine-content p{font-size:16px;line-height:1.75;margin:18px 0 0;color:#d6c7de}
.routine-content strong{color:#f2defa;font-weight:600}
@media(max-width:600px){.directions-cards .routine-disclosure summary{gap:14px;padding:20px 16px;min-height:100px}.directions-cards .routine-icon{width:46px;height:46px;flex-basis:46px;border-radius:15px}.routine-icon svg{width:26px;height:26px}.directions-cards .routine-label small{font-size:9px;letter-spacing:.08em}.directions-cards .routine-toggle{width:30px;height:30px;flex-basis:30px}.routine-content-inner{padding:0 20px 22px}}
@media(prefers-reduced-motion:reduce){:root:not(.motion-enabled) .routine-disclosure,:root:not(.motion-enabled) .routine-disclosure summary,:root:not(.motion-enabled) .routine-disclosure summary::before,:root:not(.motion-enabled) .routine-icon,:root:not(.motion-enabled) .routine-toggle,:root:not(.motion-enabled) .routine-label strong{transition:none!important;transform:none!important}}
.motion-paused .routine-disclosure,.motion-paused .routine-disclosure *{transition:none!important}

/* Four identical groups; moving one group width makes the loop seamless. */
.ticker{overflow:hidden!important;overflow:clip!important;pointer-events:none;border-block:1px solid #d8aeea25;background:linear-gradient(105deg,#281a32,#35203d 50%,#281a32)}
.ticker .ticker-track{animation:nourune-ticker-continuous 62s linear infinite!important;will-change:transform;gap:0!important;user-select:none}
.ticker .ticker-group{display:flex!important;flex:0 0 auto!important;align-items:center;flex-wrap:nowrap!important;gap:34px;padding:20px 34px 20px 0;white-space:nowrap!important;font-size:14px;font-weight:600;letter-spacing:.1em}
.ticker .ticker-message{display:inline-block;flex:none;color:#efddf7;background:linear-gradient(110deg,#d1b9de 20%,#fff3ff 42%,#dfadf3 52%,#d1b9de 72%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:nourune-ticker-shimmer 9s ease-in-out infinite;animation-delay:calc(var(--message) * -.8s)}
.ticker .ticker-group i{display:inline-block;flex:none;font-style:normal;color:#e0afea;font-size:22px;line-height:1;animation:nourune-ticker-spark 9s linear infinite}
@keyframes nourune-ticker-continuous{from{transform:translate3d(-25%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes nourune-ticker-shimmer{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@keyframes nourune-ticker-spark{to{transform:rotate(360deg)}}
@media(max-width:800px){.ticker .ticker-track{animation-duration:52s!important}.ticker .ticker-group{font-size:12px;gap:26px;padding:19px 26px 19px 0}.ticker .ticker-group i{font-size:19px}}
.motion-paused .ticker .ticker-track,.motion-paused .ticker .ticker-message,.motion-paused .ticker .ticker-group i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){:root:not(.motion-enabled) .ticker .ticker-track,:root:not(.motion-enabled) .ticker .ticker-message,:root:not(.motion-enabled) .ticker .ticker-group i{animation:none!important;transform:none!important}:root:not(.motion-enabled) .ticker .ticker-track{width:100%!important}:root:not(.motion-enabled) .ticker .ticker-group{width:100%!important;flex-basis:100%!important;flex-wrap:wrap;white-space:normal;justify-content:center;gap:14px;padding:20px 16px}:root:not(.motion-enabled) .ticker .ticker-group:not(:first-child){display:none!important}:root:not(.motion-enabled) .ticker .ticker-message{background:none;-webkit-text-fill-color:currentColor}}

/* Keep the same single-line layout when the device requests reduced motion. */
@media(prefers-reduced-motion:reduce){:root:not(.motion-enabled) .ticker{overflow-x:auto!important;overflow-y:hidden!important;pointer-events:auto;touch-action:pan-x;mask-image:none}:root:not(.motion-enabled) .ticker .ticker-track{width:max-content!important}:root:not(.motion-enabled) .ticker .ticker-group{width:max-content!important;flex-basis:auto!important;flex-wrap:nowrap!important;white-space:nowrap!important;padding:20px 26px}:root:not(.motion-enabled) .ticker .ticker-group:not(:first-child){display:none!important}}

/* The site-wide details icon rule targets every direct summary span.
   Keep the routine label and capsule upright while the details panel opens. */
.directions-cards .routine-disclosure[open] > summary > .routine-icon,
.directions-cards .routine-disclosure[open] > summary > .routine-label{transform:none!important}
.directions-cards .routine-disclosure[open] > summary > .routine-toggle{transform:rotate(45deg);background:#dfb9ef;color:#33203e}
