/* Mega-menu panels (2026-09-10) - the desktop dropdowns as laid out by
   hsmenu_panel.js: one panel on the header rail, the page dimmed behind it,
   group blocks (heading link, picture chips, list) packed into panel
   columns, a side column with a feature tile and the hub's best sellers, a
   cream footer bar. Three type sizes (normal / dense / compact) so a big
   menu keeps its side column. Palette = hs_theme_2026.css (charcoal
   #2e2929, gold #b99a5a, cream #fdf6e3, Hive green #1d5c3f, warm hairline
   #e8e2d6). Rules are prefixed .hsmm so they beat the QuickMenu base rules
   in hsmenu6.css (.qmmc div>a etc). */

.hsmm_dim{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(46,41,41,.38);z-index:4990;display:none;}
.hsmm_dim.on{display:block;}

#qm0 .qmsub.hsmm{position:absolute !important;top:var(--hsmm-t) !important;left:var(--hsmm-l) !important;
  width:var(--hsmm-w) !important;max-width:none !important;min-width:0 !important;margin:0 !important;padding:0 !important;
  border:0 !important;border-top:1px solid #e8e2d6 !important;background:#fff !important;border-radius:0 0 14px 14px;
  box-shadow:0 24px 48px -12px rgba(46,41,41,.35),0 2px 0 rgba(46,41,41,.04);overflow:hidden;text-align:left;
  font-family:'Alata','Roboto',sans-serif;color:#2e2929;}
.hsmm *{box-sizing:border-box;}
.hsmm a{font-family:'Alata','Roboto',sans-serif;transform:none;}
/* the headings and small-caps labels in the menu bar's Alata: hsmenu6.css's ".qmmc div>a, .qmmc li>a,
   .qmmc div>span {font-family:Arial}" outranks the two rules above (the lists stay Arial), so these name it */
.hsmm .hsmm_head a.t, .hsmm .hsmm_chipbox span.eb, .hsmm .hsmm_pop span.eb, .hsmm .hsmm_best span.eb, .hsmm .hsmm_foot_bs span.eb,
.hsmm a.hsmm_tile span.eb, .hsmm a.hsmm_tile span.h, .hsmm a.hsmm_tile span.go{font-family:'Alata','Roboto',sans-serif;}

.hsmm .hsmm_body{display:flex;gap:22px;padding:24px 24px 20px 24px;align-items:flex-start;}
.hsmm .hsmm_left{flex:1 1 auto;min-width:0;}
.hsmm .hsmm_main{display:flex;align-items:flex-start;overflow:hidden;}
.hsmm .hsmm_main.hsmm_scroll{overflow-y:auto;padding-right:10px;scrollbar-width:thin;}
.hsmm .hsmm_col{display:flex;flex-direction:column;flex:0 0 auto;box-sizing:content-box;}
.hsmm .hsmm_col + .hsmm_col{margin-left:16px;padding-left:23px;border-left:1px solid #e8e2d6;}
.hsmm .hsmm_grp{flex:0 0 auto;box-sizing:content-box;margin:0 0 22px 0;}
.hsmm .hsmm_head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 12px 0;}
.hsmm .hsmm_head a.t{font-size:12.5px;letter-spacing:1.5px;line-height:17px;text-transform:uppercase;color:#2e2929;text-decoration:none;white-space:normal;}
.hsmm .hsmm_head a.t:hover{color:#1d5c3f;}
.hsmm .hsmm_head a.all{font-size:12px;color:#1d5c3f;text-decoration:none;white-space:nowrap;margin-left:auto;}
.hsmm .hsmm_head a.all:hover{text-decoration:underline;}
.hsmm ul.hsmm_list{list-style:none;margin:0;padding:0;column-gap:14px;}
.hsmm ul.hsmm_list li{display:block;break-inside:avoid;margin:0;padding:0;}
.hsmm ul.hsmm_list a{display:block;font-size:13.5px;line-height:25px;color:#3a3535;text-decoration:none;
  white-space:inherit;text-transform:capitalize;padding:0;margin:0;width:auto;}
.hsmm ul.hsmm_list a:hover{color:#1d5c3f;background:transparent;text-decoration:underline;text-decoration-color:#b99a5a;text-underline-offset:3px;}

.hsmm .hsmm_chips{display:flex;gap:4px;margin:0 0 14px 0;}
/* the caption over a group's chips ("Most popular") - the same size, tracking and grey as the Best sellers label */
.hsmm .hsmm_chipbox span.eb{display:block;font-size:11px;line-height:13px;letter-spacing:2px;text-transform:uppercase;color:#8a867e;margin:0 0 8px 0;}
.hsmm a.hsmm_chip{display:block;width:66px;text-decoration:none;text-align:center;padding:0;margin:0;}
.hsmm a.hsmm_chip span.p{display:block;width:54px;height:54px;margin:0 auto 6px auto;border-radius:50%;overflow:hidden;
  background:#fdf6e3;border:1px solid #ead9ab;}
.hsmm a.hsmm_chip img{width:100%;height:100%;object-fit:cover;display:block;border:0;}
.hsmm a.hsmm_chip span.l{display:block;font-size:11px;line-height:13px;color:#2e2929;white-space:normal;text-transform:capitalize;}
.hsmm a.hsmm_chip:hover span.p{border-color:#b99a5a;box-shadow:0 0 0 2px #b99a5a;}
.hsmm a.hsmm_chip:hover span.l{color:#1d5c3f;}

/* the menu-wide Popular row (menus whose groups are all single columns) */
.hsmm .hsmm_pop{margin:0 0 20px 0;padding:0 0 18px 0;border-bottom:1px solid #e8e2d6;}
.hsmm .hsmm_pop span.eb{display:block;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:#2e2929;margin:0 0 12px 0;}
.hsmm .hsmm_pop .hsmm_chips{margin:0;gap:10px;}
.hsmm .hsmm_pop a.hsmm_chip{width:76px;}
.hsmm .hsmm_pop a.hsmm_chip span.p{width:64px;height:64px;}
.hsmm .hsmm_pop a.hsmm_chip span.l{font-size:11.5px;line-height:14px;}

/* dense and compact type sizes - the big menus keep their side column */
.hsmm.hsmm_dense ul.hsmm_list a{font-size:13px;line-height:22px;}
.hsmm.hsmm_dense ul.hsmm_list{column-gap:12px;}
.hsmm.hsmm_dense .hsmm_head a.t{font-size:12px;letter-spacing:1.3px;line-height:16px;}
.hsmm.hsmm_dense .hsmm_head{margin-bottom:9px;}
.hsmm.hsmm_dense .hsmm_grp{margin-bottom:18px;}
.hsmm.hsmm_dense .hsmm_col + .hsmm_col{margin-left:14px;padding-left:19px;}
.hsmm.hsmm_dense .hsmm_body{padding:22px 22px 18px 22px;}
.hsmm.hsmm_compact ul.hsmm_list a{font-size:12.5px;line-height:20px;}
.hsmm.hsmm_compact ul.hsmm_list{column-gap:12px;}
.hsmm.hsmm_compact .hsmm_head a.t{font-size:11.5px;letter-spacing:1.2px;line-height:15px;}
.hsmm.hsmm_compact .hsmm_head a.all{font-size:11.5px;}
.hsmm.hsmm_compact .hsmm_head{margin-bottom:7px;}
.hsmm.hsmm_compact .hsmm_grp{margin-bottom:16px;}
.hsmm.hsmm_compact .hsmm_chips{margin-bottom:10px;}
.hsmm.hsmm_compact .hsmm_col + .hsmm_col{margin-left:11px;padding-left:16px;}
.hsmm.hsmm_compact .hsmm_side{width:240px;flex-basis:240px;}
.hsmm.hsmm_compact a.hsmm_tile{height:154px;}
.hsmm.hsmm_compact .hsmm_body{padding:20px 20px 16px 20px;}

.hsmm .hsmm_side{width:262px;flex:0 0 262px;display:flex;flex-direction:column;gap:14px;}
.hsmm a.hsmm_tile{display:block;position:relative;height:168px;border-radius:12px;overflow:hidden;text-decoration:none;background:#e8e2d6;padding:0;margin:0;}
.hsmm a.hsmm_tile img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;border:0;}
.hsmm a.hsmm_tile span.sh{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(20,18,18,.86) 100%);}
.hsmm a.hsmm_tile span.tx{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;}
.hsmm a.hsmm_tile span.eb{display:inline-block;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:#2e2929;background:#b99a5a;padding:3px 8px 2px 8px;border-radius:4px;margin-bottom:8px;}
.hsmm a.hsmm_tile span.h{display:block;font-size:19px;line-height:23px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);white-space:normal;}
.hsmm a.hsmm_tile span.go{display:inline-block;margin-top:8px;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#fff;border-bottom:1px solid #b99a5a;padding-bottom:2px;}
.hsmm .hsmm_best{background:#fdf6e3;border:1px solid #ead9ab;border-radius:12px;padding:14px 16px 12px 16px;}
.hsmm .hsmm_best span.eb{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8a867e;margin-bottom:6px;}
.hsmm .hsmm_best a.r{display:flex;align-items:center;gap:10px;text-decoration:none;color:#2e2929;font-size:13px;line-height:16px;padding:6px 0;margin:0;white-space:normal;}
.hsmm .hsmm_best a.r + a.r{border-top:1px solid #ead9ab;}
.hsmm .hsmm_best a.r span.p{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;flex:0 0 40px;border:1px solid #ead9ab;}
.hsmm .hsmm_best a.r img{width:100%;height:100%;object-fit:cover;display:block;border:0;}
.hsmm .hsmm_best a.r span.t{display:block;min-width:0;}
.hsmm .hsmm_best a.r span.b{display:block;font-size:11px;line-height:14px;color:#8a867e;margin-top:2px;}
.hsmm .hsmm_best a.r:hover span.t{color:#1d5c3f;}
.hsmm .hsmm_best a.all{display:inline-block;margin-top:8px;font-size:12.5px;color:#1d5c3f;text-decoration:none;padding:0;}
.hsmm .hsmm_best a.all:hover{text-decoration:underline;}

.hsmm .hsmm_foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:#fdf6e3;border-top:1px solid #ead9ab;white-space:nowrap;overflow:hidden;}
.hsmm .hsmm_foot a{font-size:14px;color:#1d5c3f;text-decoration:none;padding:0;margin:0;}
.hsmm .hsmm_foot a:hover{text-decoration:underline;}
.hsmm .hsmm_foot a.br{font-size:13px;color:#2e2929;}
.hsmm .hsmm_foot a.br:hover{color:#1d5c3f;}
/* the best sellers on the bar when there is no side column to carry them */
.hsmm .hsmm_foot_bs{display:flex;align-items:center;gap:18px;flex:0 1 auto;min-width:0;margin:0 auto;}
.hsmm .hsmm_foot_bs span.eb{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8a867e;}
.hsmm .hsmm_foot_bs a.b{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#2e2929;text-decoration:none;}
.hsmm .hsmm_foot_bs a.b span.p{display:block;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #ead9ab;flex:0 0 30px;}
.hsmm .hsmm_foot_bs a.b img{width:100%;height:100%;object-fit:cover;display:block;border:0;}
.hsmm .hsmm_foot_bs a.b span.t{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;}
.hsmm .hsmm_foot_bs a.b:hover span.t{color:#1d5c3f;text-decoration:underline;}