/* Sanel Glam V13 — unified compact navigation, custom picker, and performance */
:root{--sanel-v13-pink:#e1216f}
#sanel-v13-nav,#sanel-v13-menu{display:none}
#sanel-v13-nav *,#sanel-v13-menu *,#shop .sanel-v13-categories *{box-sizing:border-box}
#shop .sanel-v13-categories{display:none}
/* Make the heavy Framer showcase sections skip raster/layout when offscreen. */
#shop.sanel-home-products,section.sanel-skin-needs,section.sanel-ingredients,#journal,
.secondary-page .recommendations,.secondary-page .stories,.secondary-page .newsletter{content-visibility:auto;contain-intrinsic-size:auto 720px}
/* Do not allocate GPU layers for idle product thumbnails or filters. */
#shop .sanel-home-card, .secondary-page .product-card{will-change:auto!important}
@media (max-width:809px){
 html{scroll-padding-top:61px!important}
 html body{padding-top:54px!important;overflow-x:clip!important}
 /* The old capture's nav/announcement are replaced ONLY at mobile widths. */
 #main nav.framer-lInko, #main [data-framer-name="Announcement"],
 #dew-mobile-bar,#dew-mobile-menu, body.secondary-page .site-nav,
 body.secondary-page .announcement{display:none!important}
 #sanel-v13-nav{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:54px!important;min-height:54px!important;z-index:2147483002!important;margin:0!important;padding:0 max(12px,env(safe-area-inset-right)) 0 max(15px,env(safe-area-inset-left))!important;box-sizing:border-box!important;background:rgba(255,255,255,.985)!important;border:0!important;border-bottom:1px solid #f1e4eb!important;box-shadow:0 3px 13px rgba(74,19,47,.035)!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;transform:none!important;inset-inline:0!important}
 #sanel-v13-nav a.sanel-v13-logo{display:block!important;flex:0 1 auto!important;min-width:0!important;color:#e1216f!important;font-family:'Fredoka','Nunito',ui-rounded,sans-serif!important;font-size:23px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:-.035em!important;white-space:nowrap!important;text-decoration:none!important}
 #sanel-v13-nav .sanel-v13-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:0!important}
 #sanel-v13-nav button{width:39px!important;height:42px!important;min-height:42px!important;display:grid!important;place-items:center!important;position:relative!important;flex:0 0 39px!important;background:transparent!important;border:none!important;border-radius:13px!important;color:#26222a!important;padding:9px!important;cursor:pointer!important;box-shadow:none!important;transform:none!important;touch-action:manipulation}
 #sanel-v13-nav button:active{background:#f9e6f0!important}
 #sanel-v13-nav svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 #sanel-v13-nav .icon-close{display:none}
 #sanel-v13-nav button[aria-expanded="true"] .icon-bars{display:none}
 #sanel-v13-nav button[aria-expanded="true"] .icon-close{display:block}
 #sanel-v13-nav .sanel-v13-bag-count:not([hidden]){position:absolute;display:grid;place-items:center;top:1px;right:0;background:#e1216f;color:white;border:2px solid white;border-radius:99px;height:18px;min-width:18px;font:800 10px 'Nunito',sans-serif!important}
 #sanel-v13-menu:not([hidden]){display:grid!important;position:fixed!important;top:54px!important;left:0!important;right:0!important;z-index:2147483001!important;padding:12px 17px 22px!important;margin:0!important;background:#fffafd!important;border-bottom:1px solid #f1d7e5!important;box-shadow:0 12px 24px rgba(47,17,34,.11)!important;gap:2px!important;max-height:calc(100dvh - 54px);overflow-y:auto}
 #sanel-v13-menu a{display:flex;align-items:center;justify-content:space-between;font:750 17px/1.45 'Nunito',sans-serif!important;min-height:46px;padding:9px 11px;text-decoration:none;color:#33242f!important;border-radius:13px}
 #sanel-v13-menu a:focus-visible,#sanel-v13-menu a:hover{background:#ffeaf4;color:#d32670!important}
 #sanel-v13-menu a span{color:#e1216f}
 #sanel-v13-nav :is(button,a):focus-visible{outline:2px solid #e1216f;outline-offset:0}
 /* lighter touch scrolling: no hover jumps, pixel filters, or reveal effects */
 #main [data-dew-reveal],#main .framer-15s95wf,#main .framer-1cjum2r,#main .framer-qkpor8,#main .framer-ytfxw9{animation:none!important;opacity:1!important;transform:none!important}
 .dew-sparkle-layer,.dew-spark,.sanel-botanical{filter:none!important}
 #main .framer-pVp5f section.sanel-editorial-section{box-shadow:none}
 .secondary-page .product-image img,.sanel-home-card img,.sanel-skin-card img{will-change:auto!important;transition:none!important}
 /* Mobile category selector is custom HTML, not an OS-native <select>. */
 #shop .sanel-mobile-category-select-wrap{display:none!important}
 #shop .sanel-v13-categories{display:block!important;margin:16px 0 4px!important;position:relative!important;min-width:0;z-index:12}
 #shop .sanel-v13-categories>span{display:block;margin:0 0 8px;font:800 12px/1.4 'Nunito',sans-serif!important;color:#866873;letter-spacing:.01em}
 #shop #sanel-v13-cat-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:50px!important;border-radius:15px!important;padding:11px 14px!important;background:linear-gradient(110deg,#fff8fb,#fff)!important;border:1.5px solid #edd0df!important;color:#3d2834!important;font:800 15px/1.4 'Nunito',sans-serif!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;transform:none!important}
 #shop #sanel-v13-cat-trigger .sanel-v13-cat-arrow{display:grid;place-items:center;width:27px;height:27px;background:#ffe4ee;color:#ce2369;border-radius:50%;flex:0 0 27px;transition:transform .16s}
 #shop #sanel-v13-cat-trigger[aria-expanded=true] .sanel-v13-cat-arrow{transform:rotate(180deg)}
 #shop #sanel-v13-cat-menu:not([hidden]){position:absolute!important;top:calc(100% + 7px);left:0;right:0;display:grid!important;grid-template-columns:1fr 1fr;gap:6px;padding:9px;border:1px solid #efd6e2;border-radius:19px;background:#fff;box-shadow:0 16px 36px rgba(90,31,63,.18);z-index:20;max-height:min(60vh,365px);overflow-y:auto}
 #shop .sanel-v13-option{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;min-height:46px!important;padding:9px!important;text-align:left!important;border:1px solid transparent!important;background:#fff7fb!important;border-radius:13px!important;color:#554251!important;font:800 12px/1.25 'Nunito',sans-serif!important;cursor:pointer!important;box-shadow:none!important;transform:none!important}
 #shop .sanel-v13-option[aria-selected=true]{background:#e1216f!important;color:#fff!important}
 #shop .sanel-v13-option em{font-style:normal;font-size:11px;font-weight:850;background:#fff;border-radius:99px;min-width:23px;height:23px;padding:4px;display:grid;place-items:center;color:#b64b7a}
 #shop .sanel-v13-option[aria-selected=true] em{color:#e1216f}
 #shop .sanel-v13-option:focus-visible,#shop #sanel-v13-cat-trigger:focus-visible{outline:2px solid #db2a72;outline-offset:1px}
}
/* Sanel Glam bag drawer navbar offset: keep drawer headers and controls below the fixed 54px mobile nav. */
@media (max-width:809px){
  #dew-ui .dew-bag{
    top:54px!important;
    bottom:0!important;
    height:calc(100vh - 54px)!important;
    height:calc(100dvh - 54px)!important;
    max-height:calc(100dvh - 54px)!important;
  }
  #dew-ui .dew-search{
    top:64px!important;
    max-height:calc(100dvh - 76px)!important;
  }
  #dew-ui .dew-head{
    flex:0 0 auto!important;
    padding:18px 20px!important;
    background:#fffaf7!important;
  }
  #dew-ui .dew-head h2{
    color:#302a30!important;
    font-size:24px!important;
    font-weight:750!important;
    line-height:1.25!important;
    letter-spacing:-.025em!important;
    opacity:1!important;
  }
  #dew-ui .dew-cart-list{
    min-height:0;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  #dew-ui .dew-total{
    flex:0 0 auto;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:365px){#sanel-v13-nav a.sanel-v13-logo{font-size:21px!important}#sanel-v13-nav button{width:37px!important;flex-basis:37px!important}}
@media (hover:none),(pointer:coarse){
 .dew-sparkle-layer{display:none!important}
 .secondary-page .product-image:hover img,#shop .sanel-home-card .product-image:hover img,.sanel-skin-card:hover img{transform:none!important}
 .sanel-skin-card:hover{box-shadow:0 9px 30px #985a7910!important}
}
@media (prefers-reduced-motion:reduce){#sanel-v13-nav *,#sanel-v13-menu *,#shop .sanel-v13-categories *{transition:none!important}}


/* V19 shared brand-pink footers: homepage, product/shop pages and checkout. */
footer.framer-1ip4d4l,
footer.site-footer,
footer.checkout-footer{
  background:#e1216f!important;
  background-color:#e1216f!important;
  color:#fff!important;
}
footer.framer-1ip4d4l :is(p,a,span,strong,small,h1,h2,h3),
footer.site-footer :is(p,a,span,strong,small,h1,h2,h3),
footer.checkout-footer :is(p,a,span,strong,small,h1,h2,h3){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
footer.framer-1ip4d4l svg,
footer.framer-1ip4d4l svg use{
  color:#fff!important;
  fill:currentColor!important;
}
footer.framer-1ip4d4l a:hover,
footer.site-footer a:hover,
footer.checkout-footer a:hover{opacity:.78}

/* V20 home product/category top alignment: keep result info visible without offsetting cards. */
@media (min-width:621px){
  #shop .sanel-home-results{
    position:relative;
    min-width:0;
  }
  #shop .sanel-home-results-bar{
    position:absolute;
    top:-28px;
    left:0;
    right:0;
    height:24px;
    margin:0!important;
    z-index:2;
    line-height:1.4;
  }
  #shop .sanel-home-product-grid{
    margin-top:0!important;
    padding-top:0!important;
  }
}