/* Demo only: keep the approved Cookery Classes selector in place, add the same heritage divider used on Home, and dock the same selector at the bottom on desktop scroll. */
.nv-cookery-selection{
  position:relative!important;
  z-index:20!important;
  background:#efe5d3!important;
  margin-bottom:18px!important;
}
.nv-cookery-selection::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-18px;
  height:18px;
  background:#efe5d3 url('/approved/assets/heritage/ajrakh-border.png') center/300px 100px repeat-x;
  pointer-events:none;
}
.nv-cookery-sticky-anchor{height:0;}

.nv-cookery-back-to-top{
  display:none!important;
}

@media (min-width:1024px){
  .nv-cookery-selection.nv-cookery-bottom-docked{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    z-index:1000!important;
    margin-bottom:0!important;
    background:#efe5d3!important;
    border-top:1px solid #d7c5ab!important;
    border-bottom:0!important;
    box-shadow:0 -5px 18px rgba(67,39,22,.10)!important;
    padding:10px 0 28px!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked::after{
    bottom:0!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-cookery-inner{
    max-width:1380px!important;
    margin:0 auto!important;
    padding:0 84px 0 32px!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-class-selector{
    grid-template-columns:minmax(180px,1fr) minmax(260px,1.4fr) minmax(300px,1.55fr) minmax(150px,.75fr) auto!important;
    gap:18px!important;
    align-items:end!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-class-selector>label{
    gap:7px!important;
    min-width:0!important;
    color:#4b2818!important;
    font-size:14px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-cookery-select-trigger{
    min-height:48px!important;
    padding:0 15px!important;
    background:#fffaf0!important;
    border:1px solid #c18b3f!important;
    box-shadow:none!important;
    color:#321b11!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-cookery-select-trigger:hover,
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-cookery-select.is-open .nv-cookery-select-trigger{
    background:#fffdf7!important;
    border-color:#a9562f!important;
    box-shadow:0 0 0 1px #a9562f!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-cookery-select-value{
    font-size:15px!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-class-selector>button.button{
    min-height:48px!important;
    padding:0 28px!important;
    background:#a94a27!important;
    border-color:#a94a27!important;
    color:#fff!important;
    font-size:14px!important;
    letter-spacing:.03em!important;
    white-space:nowrap!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-cookery-select-panel{
    top:auto!important;
    bottom:calc(100% + 6px)!important;
    background:#fffaf0!important;
    border-color:#d5bea2!important;
    box-shadow:0 -12px 28px rgba(61,34,18,.14)!important;
  }
  .nv-cookery-selection.nv-cookery-bottom-docked .nv-cookery-live-message,
  .nv-cookery-selection.nv-cookery-bottom-docked #cookery-demo-note{display:none!important;}

  .nv-cookery-selection.nv-cookery-bottom-docked .nv-cookery-back-to-top.is-visible{
    position:absolute!important;
    display:flex!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#3b2314!important;
    color:#faf6ef!important;
    box-shadow:0 7px 18px rgba(59,35,20,.18)!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    z-index:6!important;
    cursor:pointer!important;
    transition:width .2s ease,min-width .2s ease,background .2s ease!important;
  }
  .nv-cookery-back-to-top-arrow{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#faf6ef!important;
    font-size:21px!important;
    line-height:1!important;
    font-weight:300!important;
  }
  .nv-cookery-back-to-top-label{
    display:block!important;
    max-width:0!important;
    overflow:hidden!important;
    opacity:0!important;
    white-space:nowrap!important;
    color:#faf6ef!important;
    font:700 12px/1 var(--sans)!important;
    letter-spacing:.02em!important;
    padding-right:0!important;
    transition:max-width .2s ease,opacity .16s ease,padding .2s ease!important;
  }
  .nv-cookery-back-to-top:hover,
  .nv-cookery-back-to-top:focus-visible{
    width:132px!important;
    min-width:132px!important;
    background:#3b2314!important;
  }
  .nv-cookery-back-to-top:hover .nv-cookery-back-to-top-label,
  .nv-cookery-back-to-top:focus-visible .nv-cookery-back-to-top-label{
    max-width:78px!important;
    opacity:1!important;
    padding-right:15px!important;
  }
}

@media (max-width:1023px){
  .nv-cookery-selection,.nv-cookery-selection.nv-cookery-bottom-docked{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    box-shadow:none!important;
  }
  .nv-cookery-back-to-top{display:none!important;}
}