/* Petite Petal site-wide responsive layer */
:root{
  --pp-ink:#352725;
  --pp-rose:#da8f9b;
  --pp-paper:rgba(255,249,247,.88);
}
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

@media (max-width:760px){
  html,body{width:100%;min-width:0;margin:0;background:#f9ebe8}
  body{display:block!important;justify-content:initial!important;overflow-x:hidden!important}

  nav.site-nav{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;
    width:100%!important;height:auto!important;min-height:58px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:clamp(7px,2.5vw,13px)!important;
    margin:0!important;padding:11px 9px!important;
    background:rgba(255,249,247,.78)!important;
    border-bottom:1px solid rgba(218,143,155,.26)!important;
    font-family:"Poiret One","Arial Narrow",Arial,sans-serif!important;
    font-size:clamp(10px,2.8vw,12px)!important;
    white-space:nowrap!important;pointer-events:auto!important;
    z-index:9999!important;
  }
  nav.site-nav>a{
    position:static!important;transform:none!important;
    flex:0 1 auto!important;min-width:0!important;
    margin:0!important;padding:9px 0!important;
    white-space:nowrap!important;pointer-events:auto!important;
    font-size:1em!important;
  }

  .page-shell,.page,.site{width:100%!important;max-width:100%!important;margin:0!important}
  .site-header{
    min-height:0!important;height:auto!important;
    padding:20px 16px 15px!important;
    display:flex!important;justify-content:center!important;align-items:center!important;
    border-bottom:1px solid rgba(218,143,155,.24)!important;
  }
  .site-header .brand,.site-header>a{display:flex!important;justify-content:center!important}
  .site-header .brand img,.site-header>a>img{
    width:min(72vw,300px)!important;max-width:300px!important;height:auto!important;
  }
}

@media (max-width:390px){
  nav.site-nav{gap:6px!important;padding-left:6px!important;padding-right:6px!important;font-size:10px!important}
}