/* Naomi: balanced product grid and coordinated department cards. */

/* Naomi boutique motion: short, staggered, and accessible. */
.naomi-footer .naomi-nav-icon{display:none}
.naomi-home .naomi-section-head h2{position:relative;padding-bottom:10px}
.naomi-home .naomi-section-head h2::after{content:"";position:absolute;bottom:0;right:0;width:38px;height:3px;border-radius:3px;background:#b96b89}
.naomi-home .naomi-section-head>a{color:#853b59;border-bottom:1px solid #dcc0cc;padding-bottom:4px}
.naomi-home .naomi-hero{border:1px solid #eedce1}
.naomi-home .naomi-hero .button{position:relative;overflow:hidden;isolation:isolate}
.naomi-home .naomi-hero .button::after{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,#ffffff28 50%,transparent 65%);transform:translateX(150%);pointer-events:none}
.naomi-category-shortcut>span:first-child{transition:transform .22s ease,box-shadow .22s ease}
#naomi-drawer nav a{transition:transform .2s ease,box-shadow .2s ease}
#naomi-drawer nav a:active{transform:scale(.98)}
.naomi-boutique .button:active{transform:scale(.98)}
@media(hover:hover){
.naomi-home .naomi-category-shortcut:hover>span:first-child{transform:translateY(-4px) rotate(-4deg);box-shadow:0 8px 18px #49303916}
#naomi-drawer nav a:hover{transform:translateX(-3px);box-shadow:0 4px 12px #4930390a}
#naomi-drawer nav a:hover svg{animation:naomi-icon-sway .7s ease}
}
@media(prefers-reduced-motion:no-preference){
.naomi-home .naomi-category-shortcut svg{animation:naomi-icon-float 3.6s ease-in-out 2;transform-origin:center}
.naomi-home .naomi-category-shortcut:nth-child(2n) svg{animation-delay:.25s}
.naomi-home .naomi-category-shortcut:nth-child(3n) svg{animation-delay:.5s}
.naomi-home .naomi-hero .button::after{animation:naomi-button-sheen 5s ease-in-out 2}
#naomi-drawer[open]{animation:naomi-drawer-in .24s ease-out}
#naomi-drawer[open] .naomi-category-nav{animation:naomi-department-in .35s ease-out both}
#naomi-drawer[open] .naomi-category-nav:nth-of-type(3){animation-delay:.04s}
#naomi-drawer[open] .naomi-category-nav:nth-of-type(4){animation-delay:.08s}
#naomi-drawer[open] .naomi-category-nav:nth-of-type(5){animation-delay:.12s}
}
@keyframes naomi-icon-float{0%,65%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}45%{transform:translateY(-1px) rotate(4deg)}}
@keyframes naomi-icon-sway{0%,100%{transform:rotate(0)}30%{transform:rotate(-9deg)}65%{transform:rotate(7deg)}}
@keyframes naomi-button-sheen{0%,65%{transform:translateX(150%)}100%{transform:translateX(-150%)}}
@keyframes naomi-drawer-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes naomi-department-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){
body.naomi-boutique .naomi-header{min-height:66px}
body.naomi-boutique .naomi-home .naomi-category-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:14px 4px;padding:16px 0 12px}
body.naomi-boutique .naomi-home .naomi-category-shortcut{min-width:0;min-height:88px;width:100%;padding:4px 2px;gap:8px;font-size:12px}
body.naomi-boutique .naomi-home .naomi-category-shortcut>span:first-child{width:48px;height:48px;border-radius:16px}
body.naomi-boutique .naomi-home .naomi-category-shortcut>span:last-child{line-height:1.5}
body.naomi-boutique .naomi-home .naomi-section-head{margin:22px 0 16px}
}
@media(prefers-reduced-motion:reduce){
.naomi-category-shortcut svg,#naomi-drawer,#naomi-drawer nav a,.naomi-hero .button::after{animation:none!important;transition:none!important}
}

body.naomi-boutique ul.products{padding:0!important;margin-inline:0!important;width:100%;box-sizing:border-box}
body.naomi-boutique ul.products::before,body.naomi-boutique ul.products::after{content:none!important;display:none!important}
body.naomi-boutique ul.products li.product{width:auto!important;max-width:100%;margin:0!important;float:none!important;clear:none!important;box-sizing:border-box;min-width:0}
.naomi-category-shortcut,.naomi-category-nav{--dept-bg:#f9e4ec;--dept-ink:#923b60;--dept-border:#edc4d4}
:is(.naomi-category-shortcut,.naomi-category-nav)[href*="/lingerie/"]{--dept-bg:#eee5f6;--dept-ink:#6d477d;--dept-border:#d8c6e7}
:is(.naomi-category-shortcut,.naomi-category-nav)[href*="/bags/"]{--dept-bg:#f4e9d7;--dept-ink:#795829;--dept-border:#e6d2ae}
:is(.naomi-category-shortcut,.naomi-category-nav)[href*="/skincare/"]{--dept-bg:#e5f0e8;--dept-ink:#3d6a51;--dept-border:#c6ddcc}
:is(.naomi-category-shortcut,.naomi-category-nav)[href*="/fragrance/"]{--dept-bg:#f3e5e0;--dept-ink:#865441;--dept-border:#e5c7ba}
:is(.naomi-category-shortcut,.naomi-category-nav)[href*="/tools/"]{--dept-bg:#e8edf6;--dept-ink:#4d6184;--dept-border:#cbd6e9}
:is(.naomi-category-shortcut,.naomi-category-nav)[href*="/haircare/"]{--dept-bg:#e5f0ef;--dept-ink:#3b6c68;--dept-border:#c2dbd8}
:is(.naomi-category-shortcut,.naomi-category-nav)[href*="/clothes/"]{--dept-bg:#f5e9ed;--dept-ink:#885367;--dept-border:#e6cdd7}
body.naomi-boutique .naomi-home .naomi-category-shortcut>span:first-child{width:52px;height:52px;border-radius:17px;background:var(--dept-bg);color:var(--dept-ink);border:1px solid var(--dept-border);box-shadow:0 4px 12px #4930390a}
.naomi-home .naomi-category-shortcut>span:last-child{color:var(--dept-ink)}
body.naomi-boutique #naomi-drawer{width:360px;max-width:92vw;padding:20px 18px;border-radius:24px 0 0 24px;box-shadow:-12px 0 45px #49303920}
#naomi-drawer .naomi-drawer-head{padding:10px 12px;background:#f5e8ed;border:1px solid #ead6df;border-radius:16px;margin-bottom:16px}
#naomi-menu-title{font-size:20px;font-weight:700;color:#753348}
body.naomi-boutique #naomi-menu-close{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #ead6df;background:#fff;color:#753348;border-radius:12px;font-size:26px}
#naomi-drawer>img{width:126px;height:auto;margin:0 auto 18px}
#naomi-drawer nav{display:grid;gap:9px}
body.naomi-boutique #naomi-drawer nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;border:1px solid #eadfe0;border-radius:14px;background:#fff;color:#754256;font-size:15px;text-decoration:none;line-height:1.5}
body.naomi-boutique #naomi-drawer nav a.naomi-category-nav{background:var(--dept-bg);color:var(--dept-ink);border-color:var(--dept-border)}
.naomi-nav-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#ffffff9c}
.naomi-nav-icon svg{width:23px;height:23px}
.naomi-desktop .naomi-nav-icon{display:none}
#naomi-drawer nav hr{width:100%;margin:8px 0;border:0;border-top:1px solid #eadfe0}
#naomi-drawer nav a:hover{filter:brightness(.97)}
@media(max-width:768px){
body.naomi-boutique .site-content>.col-full{margin-inline:0!important;padding-inline:12px!important;max-width:none;width:100%;box-sizing:border-box}
body.naomi-boutique ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.naomi-boutique ul.products li.product{padding:8px!important}
body.naomi-boutique ul.products li.product .button{width:100%;box-sizing:border-box}
body.naomi-boutique .naomi-support:not(.naomi-support-checkout){left:6px;bottom:calc(94px + env(safe-area-inset-bottom,0px))}
body.naomi-boutique .naomi-support:not(.naomi-support-checkout) .naomi-support-launchers a,body.naomi-boutique .naomi-support:not(.naomi-support-checkout) .naomi-support-launchers button{width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;box-shadow:0 2px 8px #32252a18}
body.naomi-boutique .naomi-support:not(.naomi-support-checkout) .naomi-support-launchers span{display:none}
body.naomi-boutique .naomi-support svg{width:20px;height:20px}
}