/* DRL Mobile Nav - phones only (matches Flatsome's "small" breakpoint) */
#drlnav{display:none;--dn-h:58px;--dn-lift:0px;--dn-bg:var(--dl-cream,#f8f3e6);--dn-text:#232323;--dn-muted:#6b665c;--dn-line:rgba(0,0,0,.14);--dn-accent:var(--primary-color,#1f4d14);--dn-on:#fff;--dn-cardtext:#232323;font-family:inherit;color:var(--dn-text)}
html[data-dl-theme="dark"] #drlnav{--dn-bg:#25221c;--dn-text:#f1ece0;--dn-muted:#b5ad9c;--dn-line:rgba(255,255,255,.18);--dn-accent:#e6bb5a;--dn-on:#25221c}
#drlnav *{box-sizing:border-box}
#drlnav button{appearance:none;-webkit-appearance:none;margin:0;min-height:0;text-transform:none;letter-spacing:0;box-shadow:none;font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}

@media (max-width:549.98px){
	#drlnav{display:block}
	body.drlnav-on{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
	html.drlnav-open{overflow:hidden}
	html.drlnav-open #dl-contact-btn,html.drlnav-open #dl-contact-tip,html.drlnav-open #dl-contact-panel{display:none!important}
}

/* bar */
#drlnav .drlnav__bar{position:fixed;left:0;right:0;bottom:var(--dn-lift);z-index:9000;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--dn-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--dn-bg);border-top:1px solid var(--dn-line);box-shadow:0 -4px 14px rgba(0,0,0,.07)}
#drlnav .drlnav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px 4px;background:none;border:0;border-radius:0;color:var(--dn-text);font-size:11px;font-weight:600;line-height:1.1;text-decoration:none;cursor:pointer}
#drlnav .drlnav__item svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#drlnav .drlnav__item .drlnav__dot{fill:currentColor;stroke:none}
#drlnav .drlnav__item::before{content:"";position:absolute;top:-1px;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--dn-accent);transform:scaleX(0);transition:transform .2s}
#drlnav .drlnav__item.is-active{color:var(--dn-accent)}
#drlnav .drlnav__item.is-active::before{transform:scaleX(1)}

#drlnav .drlnav__item:focus-visible,#drlnav .drlnav__x:focus-visible,#drlnav .drlnav__card:focus-visible,#drlnav .drlnav__go:focus-visible,#drlnav .drlnav__res:focus-visible{outline:2px solid var(--dn-accent);outline-offset:-3px}

/* scrim */
#drlnav .drlnav__scrim{position:fixed;inset:0;z-index:8990;background:rgba(20,18,12,.5);opacity:0;visibility:hidden;touch-action:none;transition:opacity .2s,visibility 0s .2s}
#drlnav .drlnav__scrim.is-open{opacity:1;visibility:visible;transition:opacity .2s}

/* sheet */
#drlnav .drlnav__sheet{position:fixed;left:8px;right:8px;z-index:8995;bottom:calc(var(--dn-lift) + var(--dn-h) + env(safe-area-inset-bottom,0px) + 8px);max-height:calc(100vh - var(--dn-lift) - var(--dn-h) - env(safe-area-inset-bottom,0px) - 90px);max-height:calc(100dvh - var(--dn-lift) - var(--dn-h) - env(safe-area-inset-bottom,0px) - 90px);display:flex;flex-direction:column;background:var(--dn-bg);color:var(--dn-text);border:1px solid var(--dn-line);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.3);transform:translateY(14px);opacity:0;visibility:hidden;transition:transform .22s ease,opacity .18s,visibility 0s .22s}
#drlnav .drlnav__sheet.is-open{transform:none;opacity:1;visibility:visible;transition:transform .22s ease,opacity .18s}
#drlnav .drlnav__head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px 18px}
#drlnav .drlnav__title{margin:0;font-size:20px;line-height:1.2;font-weight:700;color:var(--dn-text)}
#drlnav .drlnav__x{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(128,128,128,.18);color:var(--dn-text);cursor:pointer}
#drlnav .drlnav__x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#drlnav .drlnav__body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 14px 16px}
#drlnav .drlnav__panel[hidden]{display:none}

/* category cards */
#drlnav .drlnav__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
#drlnav .drlnav__grid li{margin:0;padding:0;list-style:none}
#drlnav .drlnav__card{display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;padding:10px 8px 12px;background:#fff;color:var(--dn-cardtext);border:1px solid var(--dn-line);border-radius:14px;text-align:center;text-decoration:none}
html[data-dl-theme="dark"] #drlnav .drlnav__card{background:#f4efe3}
#drlnav .drlnav__thumb{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;margin-bottom:6px;overflow:hidden;border-radius:8px}
#drlnav .drlnav__thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
#drlnav .drlnav__grid--contain .drlnav__thumb img{object-fit:contain;padding:6px}
#drlnav .drlnav__name{font-size:14px;line-height:1.25;font-weight:700}
#drlnav .drlnav__count{font-size:12px;line-height:1.2;color:#6b665c}

/* search */
#drlnav .drlnav__form{display:flex;gap:8px;margin:0 0 8px}
#drlnav .drlnav__q{flex:1 1 auto;min-width:0;height:46px;margin:0;padding:0 14px;font-size:16px;color:#232323;background:#fff;border:1px solid var(--dn-line);border-radius:12px;box-shadow:none}
#drlnav .drlnav__go{flex:0 0 auto;height:46px;padding:0 16px;font-size:14px;font-weight:700;color:var(--dn-on);background:var(--dn-accent);border:0;border-radius:12px;cursor:pointer}
#drlnav .drlnav__status{margin:4px 2px 6px;min-height:1em;font-size:13px;color:var(--dn-muted)}
#drlnav .drlnav__results{list-style:none;margin:0;padding:0}
#drlnav .drlnav__results li{margin:0;padding:0;list-style:none;border-top:1px solid var(--dn-line)}
#drlnav .drlnav__res{display:flex;align-items:center;gap:12px;padding:10px 2px;color:var(--dn-text);text-decoration:none}
#drlnav .drlnav__res img{flex:0 0 56px;width:56px;height:56px;max-width:none;object-fit:cover;border-radius:8px;background:#fff}
#drlnav .drlnav__res b{display:block;font-size:14px;line-height:1.25;font-weight:600}
#drlnav .drlnav__price{display:block;margin-top:2px;font-size:13px;color:var(--dn-muted)}
#drlnav .drlnav__price del{opacity:.6}
#drlnav .drlnav__price ins{text-decoration:none;font-weight:700;color:var(--dn-text)}
#drlnav .drlnav__price .amount{font-weight:700;color:var(--dn-text)}
#drlnav .drlnav__price del .amount{font-weight:400;color:inherit}
#drlnav .drlnav__all{display:block;padding:12px 2px 4px;font-size:14px;font-weight:700;color:var(--dn-accent);text-decoration:none}

@media (prefers-reduced-motion:reduce){#drlnav *{transition-duration:0s!important}}

/* hide on scroll down, show on scroll up: reuses the class the site's existing scroll script puts on <body> (the Message us bubble already follows it) */
#drlnav .drlnav__bar{transition:transform .25s ease,bottom .15s,box-shadow .25s}
@media (max-width:549.98px){
body.dl-bar-hidden #drlnav .drlnav__bar{transform:translateY(calc(100% + 4px));box-shadow:none}
html.drlnav-open body.dl-bar-hidden #drlnav .drlnav__bar{transform:none;box-shadow:0 -4px 14px rgba(0,0,0,.07)}
}