html body.royal-site{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
html body.royal-site .hv-header{background:transparent;box-shadow:none;border:0;border-radius:0;top:8px;overflow:visible}
.hv-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px 8px;min-height:38px}.hv-top nav{display:flex;gap:20px;font-size:11px}.hv-top a{color:inherit}
html body.royal-site .hv-header .royal-header-main{background:#171819;border-radius:16px;box-shadow:0 8px 28px #0002;min-height:72px;padding:12px 20px;gap:16px;display:flex;width:100%;max-width:none}
html body.royal-site .hv-header .royal-quicknav{display:flex!important;justify-content:space-around;gap:16px;min-height:40px;margin:6px 0 0;padding:8px 20px;width:100%;background:#171819;border-radius:12px;box-shadow:0 5px 20px #0001;overflow:visible}
.hv-header .royal-quicknav .royal-contact-link{display:none}.hv-header .royal-quicknav a{font-size:12px;white-space:nowrap}
html body.royal-site .hv-header .royal-actions{display:flex;gap:12px;flex:none}.hv-header .royal-actions .sh-compare,.hv-header #wishlist-total{display:none!important}
html body.royal-site .hv-header .royal-action[href*="account/account"],html body.royal-site .hv-header .hv-contact{display:flex!important;min-width:44px;height:44px;align-items:center;justify-content:center}
html body.royal-site .hv-header .royal-actions .royal-action span{display:none}
html body.royal-site .hv-header .royal-search{display:block;flex:1;min-width:0;position:relative}
.hv-search-form{display:flex;align-items:center;width:100%;height:44px;border:1px solid #515650;border-radius:9px;background:#232526;overflow:hidden}
.hv-search-form select{width:104px;flex:none;border:0;border-right:1px solid #515650;background:transparent;padding:0 10px;height:30px;color:inherit;font:inherit;font-size:12px;text-overflow:ellipsis}
html body.royal-site .hv-search-form input{min-width:0;width:100%;height:42px;padding:0 12px;border:0;background:transparent;color:inherit;outline-offset:-3px;font-size:13px;box-shadow:none}
.hv-search-form button{flex:none;width:44px;height:44px;border:0;background:transparent;color:inherit}
.hv-theme{display:flex;position:relative;border:1px solid #666b61;border-radius:24px;padding:2px;background:#232526;flex:none}.hv-theme button{width:34px;height:28px;border:0;border-radius:20px;background:transparent;color:#aaa;transition:background-color 160ms ease,color 160ms ease}.hv-theme button[aria-pressed=true]{background:#ddc397;color:#171819}
.hv-dock{position:fixed;z-index:95;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:12px;padding:6px 14px;border:1px solid #4c504b;background:#171819;border-radius:22px;box-shadow:0 8px 28px #0003}
.hv-dock a,.hv-dock button{position:relative;display:grid;place-items:center;width:48px;height:44px;font-size:23px;background:transparent;border:0;color:#eee;border-radius:14px}.hv-dock b{position:absolute;top:0;right:0;border-radius:10px;padding:0 4px;font-size:10px;background:#ddc397;color:#171819}.hv-dock b[hidden]{display:none}
.hv-up{position:fixed;z-index:96;right:24px;bottom:calc(20px + env(safe-area-inset-bottom));width:48px;height:48px;border:0;border-radius:50%;background:#171819;color:#eee;box-shadow:0 4px 18px #0002}.hv-up svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:2}.hv-ring-base{stroke:#6668}.hv-ring{stroke:#ddc397;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center}
.hv-up[hidden]{display:none}.royal-site:has(dialog[open]) .hv-dock,.royal-site:has(dialog[open]) .hv-up,.royal-site:has(input:focus) .hv-dock,.royal-site:has(textarea:focus) .hv-dock{visibility:hidden;pointer-events:none}
html body.royal-site .tk-compare-bar{bottom:calc(86px + env(safe-area-inset-bottom))}
.hv-dialog{width:min(540px,calc(100% - 24px));max-height:85dvh;border:1px solid #555b52;border-radius:20px;padding:24px;background:#232526;color:#f5f4f0}.hv-dialog::backdrop{background:#0008}.hv-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.hv-dialog h2{font-size:22px;margin:0}.hv-dialog [data-hv-close]{width:44px;height:44px;flex:none;background:transparent;color:inherit;border:0;font-size:28px}.hv-contact-method{display:flex;gap:12px;padding:16px 0;color:inherit;border-top:1px solid #6666}.hv-recent-body{overflow:auto}.hv-recent-body .ks-history{display:block}.hv-recent-body .ks-history-card{margin-bottom:12px;width:100%}
.hv-search-results{position:absolute;top:calc(100% + 10px);left:0;width:max(100%,440px);max-width:calc(100vw - 48px);max-height:65dvh;overflow:auto;background:#202322;color:#f6f5f0;border:1px solid #565c53;border-radius:16px;padding:14px;box-shadow:0 16px 35px #0003;z-index:150}.hv-search-results[hidden]{display:none}.hv-search-status{font-size:12px;color:#aeb5ab;margin:0 0 8px}.hv-search-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.hv-search-categories a{font-size:12px;padding:7px 10px;border:1px solid #6667;border-radius:8px;color:inherit}.hv-result{display:flex;gap:12px;align-items:center;padding:10px 4px;color:inherit;border-bottom:1px solid #6664}.hv-result img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:8px}.hv-result>span{display:grid;gap:4px;font-size:12px;line-height:1.4}.hv-result strong{font-size:13px}.hv-result small{color:#adb3a9}.hv-result[aria-selected=true]{background:#ddc39720;border-radius:8px}.hv-search-all{display:block;padding:14px 4px 2px;color:#ddc397}.hv-search-dialog{padding:16px}.hv-search-dialog .royal-search{width:100%}.hv-search-dialog .hv-search-results{position:static;width:100%;max-width:none;max-height:none;border:0;box-shadow:none;padding:16px 0;background:transparent}
html[data-theme=light] .hv-header .royal-header-main,html[data-theme=light] .hv-header .royal-quicknav,html[data-theme=light] .hv-dock,html[data-theme=light] .hv-dialog,html[data-theme=light] .hv-search-results{background:#fff!important;color:#242925}
html[data-theme=light] .hv-search-form,html[data-theme=light] .hv-theme{background:#f7f6f2;color:#242925;border-color:#bdc2b8}html[data-theme=light] .hv-dock a,html[data-theme=light] .hv-dock button{color:#242925}html[data-theme=light] .hv-search-all{color:#795923}html[data-theme=light] .hv-search-status,html[data-theme=light] .hv-result small{color:#5a6257}
@media(max-width:1200px){.hv-top nav{gap:12px}.hv-header .royal-quicknav a{font-size:11px}html body.royal-site .hv-header .royal-header-main{gap:10px;padding:10px 16px}.hv-search-form select{width:85px}}
@media(max-width:1000px){.hv-header .hv-top{display:none}html body.royal-site .hv-header .royal-quicknav{display:none!important}html body.royal-site .hv-header .royal-search{display:none}html body.royal-site .hv-header .royal-header-main{height:60px;min-height:60px;gap:8px;padding:8px 12px}.hv-header .royal-brand{margin-right:auto}html body.royal-site .hv-header .sh-search-toggle{display:grid;place-items:center;order:3;width:44px;height:44px;flex:none}.hv-header .royal-actions{order:4}html body.royal-site .hv-header .royal-actions{gap:4px}html body.royal-site .hv-header .royal-catalog-button{order:-1;width:44px;min-width:44px;height:44px;padding:0;justify-content:center}.hv-header .royal-catalog-button span{display:none}.hv-menu-theme{margin:16px}.hv-menu-theme .hv-theme{width:max-content}.hv-search-dialog{width:100%;max-width:none;max-height:none;height:100dvh;margin:0;border-radius:0;border:0;padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.hv-search-dialog .hv-search-form{height:48px}.hv-search-dialog .hv-search-form select{width:100px}.hv-search-dialog .hv-search-results{padding-bottom:env(safe-area-inset-bottom)}.hv-dock{background:#171819!important}.hv-dock a,.hv-dock button{color:#f5f4f0!important}.hv-up{bottom:calc(86px + env(safe-area-inset-bottom));right:12px}}
@media(max-width:600px){html body.royal-site .hv-header .hv-contact,html body.royal-site .hv-header .royal-action[href*="account/account"]{display:none!important}.hv-header .royal-wordmark{font-size:18px!important}.hv-dock{width:calc(100% - 32px);max-width:360px;justify-content:space-around;gap:4px;padding:6px 10px}.hv-top nav{display:none}}
@media(prefers-reduced-motion:reduce){.hv-theme button{transition:none}}
.hv-menu-theme{display:none}@media(max-width:1000px){.hv-menu-theme{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 16px}.hv-menu-theme h3{font-size:13px;margin:0}.hv-menu-theme .hv-contact-method{padding:4px;border:0;margin-left:auto;font-size:12px}}

html body.royal-site header.royal-header.hv-header.sh-sticky{background:transparent!important;box-shadow:none!important;border-radius:0!important}
html body.royal-site .hv-search-dialog .royal-search{display:block!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;box-shadow:none!important;grid-column:auto!important}
html body.royal-site .hv-search-dialog .hv-search-form{width:100%;max-width:100%;min-width:0}.hv-result>span{min-width:0;overflow-wrap:anywhere}.hv-dock .fa{font-size:23px}
html body.royal-site .royal-search:focus-within{box-shadow:none}
html body.royal-site .hv-search-form:focus-within{border-color:#b9985e}

.royal-site.cat-panel-open .hv-dock,.royal-site.cat-panel-open .hv-up{visibility:hidden;pointer-events:none}html body.royal-site .hv-header.pd-joined .royal-quicknav{border-radius:12px 12px 0 0}html body.royal-site .hv-header .royal-quicknav a{padding-block:4px;min-height:24px}
@media(max-width:1000px){.hv-menu-theme .hv-theme button{width:44px;height:40px}}
@media(max-width:1000px){html[data-theme=light] body.royal-site .hv-dock{background:#171819!important;color:#f5f4f0;border-color:#4c504b}}

/* Compact bottom utilities, aligned on one baseline. */
html body.royal-site .hv-dock{left:max(16px,env(safe-area-inset-left));right:auto;transform:none;width:max-content;max-width:calc(100vw - 88px);gap:4px;padding:6px 8px;justify-content:flex-start;bottom:calc(16px + env(safe-area-inset-bottom))}
html body.royal-site .hv-dock a,html body.royal-site .hv-dock button{width:44px;height:44px;min-width:44px}
html body.royal-site .hv-up{right:max(16px,env(safe-area-inset-right));bottom:calc(21px + env(safe-area-inset-bottom));width:48px;height:48px}
@media(max-width:360px){html body.royal-site .hv-dock{left:max(8px,env(safe-area-inset-left))}html body.royal-site .hv-up{right:max(8px,env(safe-area-inset-right))}}


/* Search remains available from the main header. */
html body.royal-site #tk-catalog-dialog .cm-search{display:none!important}
/* One sliding white surface makes the selected theme explicit. */
html body.royal-site .hv-theme{isolation:isolate}
html body.royal-site .hv-theme::before{content:"";position:absolute;z-index:-1;left:2px;top:2px;bottom:2px;width:calc((100% - 4px)/2);border-radius:22px;background:#fff;box-shadow:0 1px 5px #0002;transform:translateX(0);transition:transform 250ms var(--ease-in-out,cubic-bezier(.77,0,.175,1));pointer-events:none}
html:not([data-theme=light]) body.royal-site .hv-theme::before{transform:translateX(100%)}
html body.royal-site .hv-theme button{background:transparent!important;color:#b8bdb8;transition:none}
html[data-theme=light] body.royal-site .hv-theme button{color:#636b62}
html[data-theme=light] body.royal-site .hv-theme [data-hv-theme=light],html:not([data-theme=light]) body.royal-site .hv-theme [data-hv-theme=dark]{color:#171819}
html body.royal-site .hv-theme:has(button:focus-visible)::before{transition:none}
@media(prefers-reduced-motion:reduce){html body.royal-site .hv-theme::before{transition:none}}
/* Compact mobile menu with separate category and information panels. */
#tk-catalog-dialog .cm-tabs{display:none}
html body.royal-site #tk-catalog-dialog .hv-theme button{color:#aeb5b0}
html[data-theme=light] body.royal-site #tk-catalog-dialog .hv-theme button{color:#5e665f}
html[data-theme=light] body.royal-site #tk-catalog-dialog .hv-theme [data-hv-theme=light],html:not([data-theme=light]) body.royal-site #tk-catalog-dialog .hv-theme [data-hv-theme=dark]{color:#171819}
html body.royal-site #tk-catalog-dialog .hv-theme button svg,html body.royal-site #tk-catalog-dialog .hv-theme button i{color:inherit;stroke:currentColor}
@media(min-width:761px){#tk-catalog-dialog .hv-menu-theme{display:none}}
@media(max-width:760px){
 html body.royal-site #tk-catalog-dialog .cm-top{padding:calc(4px + env(safe-area-inset-top)) 12px 4px;gap:6px;min-height:52px}
 html body.royal-site #tk-catalog-dialog h2{font-size:17px;line-height:1.25}
 html body.royal-site #tk-catalog-dialog .hv-menu-theme{display:flex;margin:0;gap:0;flex:none}
 html body.royal-site #tk-catalog-dialog .hv-theme button{width:40px;height:36px;min-width:0;padding:0;display:grid;place-items:center}
 html body.royal-site #tk-catalog-dialog .hv-theme button svg{width:16px;height:16px}
 #tk-catalog-dialog .cm-tabs{display:flex;flex:none;gap:20px;margin:0 16px 4px;border-bottom:1px solid var(--cm-line)}
 #tk-catalog-dialog .cm-tab{position:relative;min-height:44px;padding:0 2px;font-size:14px;font-weight:500;color:var(--cm-muted)}
 #tk-catalog-dialog .cm-tab[aria-selected=true]{color:var(--cm-text)}
 #tk-catalog-dialog .cm-tab[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:var(--cm-gold)}
 #tk-catalog-dialog .cm-mobile-scroll{padding:0 16px calc(12px + env(safe-area-inset-bottom))}
 #tk-catalog-dialog .cm-mobile-list .cm-category{min-height:44px;padding:10px 2px;font-size:14px;line-height:20px;gap:10px}
 #tk-catalog-dialog .cm-mobile-list .cm-icon{width:18px;height:18px}
 #tk-catalog-dialog .cm-mobile-list .cm-chevron{width:14px;height:14px}
 #tk-catalog-dialog .cm-mobile-list .cm-all{min-height:44px;padding:8px 2px;margin:0;font-size:13px}
 #tk-catalog-dialog .cm-information{border:0;margin:0;padding:0}
 #tk-catalog-dialog .cm-information>h3{display:none}
 #tk-catalog-dialog .cm-information a{border-bottom:1px solid var(--cm-line)}
 #tk-catalog-dialog .cm-contact{margin-top:16px;padding-top:16px}
 #tk-catalog-dialog .cm-contact h3{font-size:15px;margin-bottom:4px}
 #tk-catalog-dialog .cm-contact p{font-size:13px;margin:6px 0}
}

/* Leave only the primary bar while browsing down the page. */
html body.royal-site .hv-header.sh-scrolled .hv-top,html body.royal-site .hv-header.sh-scrolled .royal-quicknav{display:none!important}

@media(min-width:1001px){html body.royal-site .hv-header.sh-scrolled{margin-bottom:calc(16px + var(--sh-collapsed-space,101px))}}
