.skip-to-content{position:absolute;left:-9999px;z-index:9999;padding:1rem 1.5rem;background-color:var(--color-deep-teal, #1A7B7B);color:var(--color-paper-white, #FAFAF8);font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:0 0 4px 4px;box-shadow:0 2px 8px #00000026}.skip-to-content:focus{left:50%;transform:translate(-50%);top:0;outline:none}.site-header{position:sticky;top:env(safe-area-inset-top,0);z-index:var(--z-header, 100);background-color:var(--color-paper-white, #FAFAF8);border-bottom:1px solid var(--color-sage-light, #E8EDE6);transition:box-shadow .3s ease;padding-top:env(safe-area-inset-top,0)}.site-header.is-scrolled{box-shadow:var(--shadow-sm)}.site-header__container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl, 1280px);margin:0 auto;padding:0 var(--space-4, 1.5rem);height:64px;gap:var(--space-6, 3rem)}.site-header__logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.site-header__logo img{height:32px;width:auto}.site-header__logo-text{font-family:var(--font-heading, "Playfair Display", serif);font-size:1.125rem;font-weight:500;color:#1a1a18;letter-spacing:.12em;line-height:1}.site-header__nav{display:none;flex:1;justify-content:center}@media (min-width: 1024px){.site-header__nav{display:flex}}.site-header__menu{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.site-header__menu-item{position:relative}.site-header__menu-link{position:relative;display:inline-flex;align-items:center;gap:4px;padding:var(--space-2, .5rem) 0;font-family:var(--font-body, "Inter", sans-serif);font-size:14px;font-weight:var(--font-medium, 500);color:var(--color-warm-black, #1A1A18);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s ease}.site-header__menu-link:hover{color:var(--color-deep-teal, #1A7B7B)}.site-header__menu-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-deep-teal, #1A7B7B);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.site-header__menu-link:hover:after{transform:scaleX(1)}.site-header__dropdown-icon{transition:transform .2s ease}.site-header__menu-item.is-open .site-header__dropdown-icon{transform:rotate(180deg)}.site-header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-10px);padding-top:var(--space-3, 1rem);opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out,transform .2s ease-out}.site-header__menu-item.is-open .site-header__dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.site-header__dropdown-inner{background-color:var(--color-paper-white, #FAFAF8);border-radius:var(--radius-xl, 12px);border:1px solid #E8E8E6;box-shadow:var(--shadow-lg);padding:var(--space-5, 2rem);width:680px;max-width:680px}.site-header__dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, 1rem);margin-bottom:var(--space-4, 1.5rem)}.mega-cause-card{display:flex;align-items:center;gap:var(--space-3, 1rem);padding:var(--space-3, 1rem);border-radius:var(--radius-lg, 8px);text-decoration:none;transition:background-color .2s ease}.mega-cause-card:hover{background-color:var(--color-sage-light, #E8EDE6)}.mega-cause-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md, 6px);flex-shrink:0}.mega-cause-card--dehydration .mega-cause-card__icon{background-color:#7b99711f;color:var(--color-dehydration, #7B9971)}.mega-cause-card--pigmentation .mega-cause-card__icon{background-color:#8b73551f;color:var(--color-pigmentation, #8B7355)}.mega-cause-card--collagen .mega-cause-card__icon{background-color:#9b6b8c1f;color:var(--color-collagen, #9B6B8C)}.mega-cause-card--inflammation .mega-cause-card__icon{background-color:#7b8b9b1f;color:var(--color-inflammation, #7B8B9B)}.mega-cause-card__content{display:flex;flex-direction:column;gap:2px}.mega-cause-card__title{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--color-warm-black, #1A1A18)}.mega-cause-card__desc{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .8rem);font-weight:var(--font-normal, 400);color:var(--color-muted-gray, #5A5A58)}.site-header__dropdown--simple{left:0;transform:translateY(-10px)}.site-header__menu-item.is-open .site-header__dropdown--simple{transform:translateY(0)}.site-header__dropdown-inner--simple{width:auto;min-width:220px;padding:var(--space-3, 1rem)}.site-header__simple-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.site-header__simple-link{display:flex;align-items:center;gap:var(--space-3, 1rem);padding:10px 12px;border-radius:var(--radius-md, 6px);text-decoration:none;color:var(--color-warm-black, #1A1A18);transition:background-color .2s ease,color .2s ease}.site-header__simple-link:hover{background-color:var(--color-sage-light, #E8EDE6);color:var(--color-deep-teal, #1A7B7B)}.site-header__simple-link svg{flex-shrink:0;color:var(--color-muted-gray, #5A5A58);transition:color .2s ease}.site-header__simple-link:hover svg{color:var(--color-deep-teal, #1A7B7B)}.site-header__simple-link span{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500)}.site-header__dropdown-cta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4, 1.5rem);border-top:1px solid var(--color-sage-light, #E8EDE6);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .875rem);color:var(--color-muted-gray, #5A5A58)}.site-header__quiz-link{font-weight:var(--font-semibold, 600);color:var(--color-deep-teal, #1A7B7B);text-decoration:none;transition:color .2s ease}.site-header__quiz-link:hover{color:var(--color-terracotta, #C65D00)}.site-header__actions{display:flex;align-items:center;gap:var(--space-3, 1rem)}.site-header__action-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;border-radius:var(--radius-md, 6px);color:var(--color-warm-black, #1A1A18);cursor:pointer;transition:background-color .2s ease,color .2s ease}.site-header__action-btn:hover{background-color:var(--color-sage-light, #E8EDE6);color:var(--color-deep-teal, #1A7B7B)}.site-header__cart-btn{position:relative}.site-header__cart-count{position:absolute;top:4px;right:4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:var(--color-terracotta, #C65D00);color:#fff;font-family:var(--font-body, "Inter", sans-serif);font-size:10px;font-weight:var(--font-bold, 700);border-radius:var(--radius-full, 9999px);padding:0 4px;animation:cartBadgeFadeIn .2s ease}@keyframes cartBadgeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.site-header__cart-count:empty,.site-header__cart-count[data-count="0"]{display:none}.site-header__menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:10px;margin-left:.5rem}@media (min-width: 1024px){.site-header__menu-toggle{display:none}}.site-header__menu-toggle-line{width:20px;height:2px;background-color:var(--color-warm-black, #1A1A18);border-radius:1px;transition:transform .3s ease,opacity .3s ease}@media (prefers-reduced-motion: reduce){.site-header__menu-toggle-line{transition:none}}.site-header__menu-toggle[aria-expanded=true] .site-header__menu-toggle-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header__menu-toggle[aria-expanded=true] .site-header__menu-toggle-line:nth-child(2){opacity:0}.site-header__menu-toggle[aria-expanded=true] .site-header__menu-toggle-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header__mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1a1a1880;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:198;cursor:pointer}.site-header__mobile-overlay[aria-hidden=false]{opacity:1;visibility:visible}@media (min-width: 1024px){.site-header__mobile-overlay{display:none}}.site-header__mobile-header{position:sticky;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3, 1rem) var(--space-4, 1.5rem);background-color:var(--color-paper-white, #FAFAF8);border-bottom:1px solid var(--color-sage-light, #E8EDE6);z-index:10}.site-header__mobile-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:var(--color-warm-black, #1A1A18);cursor:pointer;transition:color .2s ease}.site-header__mobile-close:hover{color:var(--color-deep-teal, #1A7B7B)}.site-header__mobile-close svg{width:24px;height:24px}.site-header__mobile-nav{position:fixed;top:56px;left:0;right:0;bottom:0;background-color:var(--color-paper-white, #FAFAF8);transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;z-index:var(--z-modal, 200)}.site-header__mobile-nav[aria-hidden=false]{transform:translate(0)}@media (min-width: 1024px){.site-header__mobile-nav{display:none}}.site-header__mobile-menu{padding:var(--space-4, 1.5rem)}.site-header__mobile-list{list-style:none;margin:0;padding:0}.site-header__mobile-list>li{border-bottom:1px solid var(--color-sage-light, #E8EDE6)}.site-header__mobile-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4, 1.5rem) 0;font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-lg, 1.125rem);font-weight:var(--font-medium, 500);color:var(--color-warm-black, #1A1A18);text-decoration:none;background:none;border:none;cursor:pointer}.site-header__mobile-submenu{position:fixed;top:56px;left:0;right:0;bottom:0;background-color:var(--color-paper-white, #FAFAF8);transform:translate(-100%);transition:transform .25s ease;padding:var(--space-4, 1.5rem);overflow-y:auto}.site-header__mobile-submenu.is-active{transform:translate(0)}.site-header__mobile-back{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, 1rem) 0;margin-bottom:var(--space-3, 1rem);font-family:var(--font-body, "Inter", sans-serif);font-size:1rem;font-weight:var(--font-medium, 500);color:var(--color-muted-gray, #5A5A58);background:none;border:none;cursor:pointer}.site-header__mobile-sublist{list-style:none;margin:0;padding:0}.site-header__mobile-sublist li{border-bottom:1px solid var(--color-sage-light, #E8EDE6)}.site-header__mobile-sublist a{display:block;padding:var(--space-4, 1.5rem) 0;font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-base, 1rem);font-weight:var(--font-normal, 400);color:var(--color-warm-black, #1A1A18);text-decoration:none}.site-header__mobile-quiz{margin-top:var(--space-4, 1.5rem);padding-top:var(--space-4, 1.5rem);border-top:1px solid var(--color-sage-light, #E8EDE6)}.site-header__mobile-quiz a{color:var(--color-deep-teal, #1A7B7B);font-weight:var(--font-semibold, 600)}body.menu-open{position:fixed;width:100%;overflow:hidden}.site-header__search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 200);display:flex;align-items:flex-start;justify-content:center;padding-top:80px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.site-header__search-modal[aria-hidden=false]{opacity:1;visibility:visible}.site-header__search-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1a1880;cursor:pointer}.site-header__search-content{position:relative;width:90%;max-width:600px;background-color:var(--color-paper-white, #FAFAF8);border-radius:var(--radius-xl, 12px);box-shadow:var(--shadow-xl);padding:var(--space-4, 1.5rem);transform:translateY(-20px);transition:transform .2s ease}.site-header__search-modal[aria-hidden=false] .site-header__search-content{transform:translateY(0)}.site-header__search-form{display:flex;align-items:center;gap:var(--space-3, 1rem)}.site-header__search-input{flex:1;padding:14px 16px;font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-base, 1rem);color:var(--color-warm-black, #1A1A18);background-color:#fff;border:1px solid var(--color-sage-light, #E8EDE6);border-radius:var(--radius-md, 6px);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.site-header__search-input:focus{border-color:var(--color-deep-teal, #1A7B7B);box-shadow:0 0 0 3px #1a7b7b1a}.site-header__search-input::placeholder{color:var(--color-muted-gray, #5A5A58)}.site-header__search-submit,.site-header__search-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;border-radius:var(--radius-md, 6px);color:var(--color-warm-black, #1A1A18);cursor:pointer;transition:background-color .2s ease,color .2s ease}.site-header__search-submit:hover{background-color:var(--color-deep-teal, #1A7B7B);color:#fff}.site-header__search-close:hover{background-color:var(--color-sage-light, #E8EDE6)}body.search-open{overflow:hidden}.site-header__menu-link:focus-visible,.site-header__action-btn:focus-visible,.site-header__menu-toggle:focus-visible,.mega-cause-card:focus-visible,.site-header__simple-link:focus-visible,.site-header__quiz-link:focus-visible,.site-header__mobile-link:focus-visible,.site-header__mobile-back:focus-visible,.site-header__mobile-sublist a:focus-visible,.site-header__search-submit:focus-visible,.site-header__search-close:focus-visible,.site-header__logo:focus-visible{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px;border-radius:var(--radius-sm, 4px)}.site-header__menu-link:focus:not(:focus-visible),.site-header__action-btn:focus:not(:focus-visible),.site-header__menu-toggle:focus:not(:focus-visible),.mega-cause-card:focus:not(:focus-visible),.site-header__simple-link:focus:not(:focus-visible),.site-header__quiz-link:focus:not(:focus-visible),.site-header__mobile-link:focus:not(:focus-visible),.site-header__mobile-back:focus:not(:focus-visible),.site-header__mobile-sublist a:focus:not(:focus-visible),.site-header__search-submit:focus:not(:focus-visible),.site-header__search-close:focus:not(:focus-visible),.site-header__logo:focus:not(:focus-visible){outline:none}.site-header__search-input:focus-visible{outline:none}@media (max-width: 1023px){.site-header__container{padding:0 1rem;height:56px;max-width:100%;box-sizing:border-box}.site-header__logo img{height:24px}.site-header__logo-text{font-size:1rem;letter-spacing:.1em}.site-header__actions{gap:8px}.site-header__action-btn{width:44px;height:44px}.site-header__menu-toggle{width:44px;height:44px;margin-left:4px}}html,body{overflow-x:hidden;max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/25/assets/sushenah-header.css.map */