/* Diwali header: small lamps outside the navigation hit areas. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{background:linear-gradient(100deg,#fff8ed 0%,#fff 28%,#fff 72%,#fff8ed 100%);border-bottom:1px solid #c8964677}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{background:linear-gradient(100deg,#251b10,#0b0b0b 28%,#0b0b0b 72%,#251b10)}
.rh-diwali-decor{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.rh-diwali-decor>span{position:absolute;left:3%;top:50%;transform:translateY(-50%);width:38px;height:44px}.rh-diwali-decor>span:nth-of-type(2){left:auto;right:3%}.rh-diwali-decor svg{width:100%;height:100%;overflow:visible}.rh-diya-glow{filter:drop-shadow(0 0 5px #f3b94b);animation:rh-lamp-glow 3s ease-in-out infinite alternate}
@keyframes rh-lamp-glow{from{opacity:.78;filter:drop-shadow(0 0 3px #f3b94b)}to{opacity:1;filter:drop-shadow(0 0 8px #f3b94b)}}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta{font-weight:400!important;font-size:16px!important;min-height:44px;letter-spacing:0}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta-title{padding:13px 22px!important;font-weight:400!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta-title span{font-weight:400!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta-border{background:transparent!important;border:1px solid #a98245!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta{color:#29231b!important}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta{color:#f0dec1!important}
@media(max-width:1100px){.rh-diwali-decor>span{left:1%;width:24px;height:30px}.rh-diwali-decor>span:nth-of-type(2){right:1%}}
@media(max-width:767px){.rh-diwali-decor>span{left:45%;width:27px;height:34px}.rh-diwali-decor>span:nth-of-type(2){display:none}}
@media(prefers-reduced-motion:reduce){.rh-diya-glow{animation:none}}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta.-fill{background:#fff7e9!important;border:1px solid #b58a4b;border-radius:999px;color:#382b18!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta-ripple{display:none!important}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta.-fill{background:#251d12!important;color:#f3dfbb!important}

/* Slow festive lighting: decorative only, no sound or rapid flashing. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{background:linear-gradient(100deg,#fff1dc,#fffdf7 25%,#fffdf7 75%,#fff1dc);box-shadow:0 4px 24px #b27a1915}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{background:linear-gradient(100deg,#2c1b18,#111014 28%,#111014 72%,#2c1b18)}
.rh-fairy-lights{position:absolute;top:0;left:0;right:0;height:16px;display:flex;align-items:flex-start;justify-content:space-around;border-top:1px solid #b7934f80}
.rh-fairy-lights i{display:block;width:5px;height:8px;border-radius:2px 2px 50% 50%;background:#e9ae42;box-shadow:0 0 7px 2px #efb94d66;transform-origin:top;animation:rh-fairy-warm 4s ease-in-out infinite alternate;animation-delay:calc(var(--light)*-.19s)}
.rh-fairy-lights i:nth-child(3n){background:#eaa18c;box-shadow:0 0 7px 2px #eaa18c55}.rh-fairy-lights i:nth-child(3n + 1){background:#f6d888}
@keyframes rh-fairy-warm{from{opacity:.55;transform:rotate(-5deg)}to{opacity:1;transform:rotate(5deg)}}
.rh-firework{position:absolute;top:48%;left:7%;width:2px;height:2px;opacity:0;animation:rh-festive-burst 6s ease-out infinite}.rh-firework-two{left:auto;right:7%;animation-delay:3s;color:#c88462}.rh-firework i{position:absolute;top:0;left:0;width:2px;height:12px;background:linear-gradient(#c58a32,transparent);border-radius:3px;transform:rotate(calc(var(--ray)*30deg)) translateY(-12px);transform-origin:center 0}
@keyframes rh-festive-burst{0%,12%{opacity:0;transform:scale(.2)}22%{opacity:.8}48%{opacity:0;transform:scale(1.5)}100%{opacity:0;transform:scale(1.5)}}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta:before,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta:after{background:transparent!important}
@media(max-width:1100px){.rh-firework{left:4%}.rh-firework-two{left:auto;right:4%}.rh-fairy-lights i{width:4px;height:6px}}
@media(max-width:767px){.rh-firework{left:40%;top:52%}.rh-firework-two{right:40%;left:auto}.rh-firework i{height:7px}.rh-fairy-lights i:nth-child(2n){display:none}}
@media(prefers-reduced-motion:reduce){.rh-fairy-lights i{animation:none}.rh-firework{animation:none;display:none}}

@media(min-width:768px) and (max-width:1100px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{display:flex;white-space:nowrap;margin:0}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{font-size:13px;padding:8px}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-right{gap:12px}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions .cb-btn_cta-title{padding:10px 14px!important}}
/* Animate the flame itself, anchored at the wick. */
.rh-diwali-decor .rh-diya-glow{transform-box:fill-box;transform-origin:50% 100%;animation:rh-diya-flame 2.4s ease-in-out infinite;filter:drop-shadow(0 0 5px #efb340)}
.rh-diwali-decor>span:nth-of-type(2) .rh-diya-glow{animation-delay:-1.2s}
@keyframes rh-diya-flame{0%,100%{transform:rotate(-7deg) scale(.92,1);opacity:.9;filter:drop-shadow(0 0 4px #efb340)}35%{transform:rotate(6deg) scale(1.08,.87);opacity:1;filter:drop-shadow(0 0 8px #efb340)}65%{transform:rotate(-3deg) scale(.9,1.14);opacity:.95;filter:drop-shadow(0 0 6px #efb340)}}
@media(prefers-reduced-motion:reduce){.rh-diwali-decor .rh-diya-glow{animation:none;transform:none}}
/* Light-theme decorations need visible edges, not glow alone. */
.rh-fairy-lights{top:3px;height:18px;border-top:1px solid #967035}
.rh-fairy-lights i{width:7px;height:10px;background:#c77a12;border:1px solid #986021;box-shadow:0 2px 5px #c78a4055;animation-name:rh-fairy-visible}
.rh-fairy-lights i:nth-child(3n){background:#bc5a43;border-color:#994734;box-shadow:0 2px 5px #bc5a4355}
.rh-fairy-lights i:nth-child(3n + 1){background:#dba52e;border-color:#a47518}
@keyframes rh-fairy-visible{from{opacity:.85;transform:rotate(-5deg)}to{opacity:1;transform:rotate(5deg)}}
.rh-firework{left:6%;top:52%;animation-name:rh-festive-visible;animation-duration:5s}
.rh-firework-two{left:auto;right:6%;animation-delay:2.5s}
.rh-firework i{width:2px;height:15px;background:linear-gradient(#a64c22,#c08325);transform:rotate(calc(var(--ray)*30deg)) translateY(-13px)}
@keyframes rh-festive-visible{0%{opacity:0;transform:scale(.15)}12%{opacity:.95}45%{opacity:.8;transform:scale(1.25)}65%,100%{opacity:0;transform:scale(1.55)}}
html[data-theme=dark] .rh-fairy-lights i{background:#f4c25a;border-color:#f5d183;box-shadow:0 0 6px #f5c65288}
html[data-theme=dark] .rh-firework i{background:linear-gradient(#f9d877,#edb45e)}
@media(max-width:1100px){.rh-firework{left:4%}.rh-firework-two{left:auto;right:4%}.rh-firework i{height:10px}}
@media(max-width:767px){.rh-firework{left:38%;top:55%}.rh-firework-two{left:auto;right:37%}.rh-firework i{height:8px}.rh-fairy-lights i{width:5px;height:8px}}
@media(prefers-reduced-motion:reduce){.rh-firework{animation:none;display:none}.rh-fairy-lights i{animation:none}}
/* Reference-style floating dock; existing navigation and mobile menu remain shared. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{height:112px!important;background:linear-gradient(#fffaf0ed,#fffaf0d9)!important;border:0;box-shadow:none}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{background:linear-gradient(#101010f5,#101010d9)!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-container{padding:30px 32px 14px!important;max-width:none}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid{position:relative;display:flex;align-items:center;justify-content:center;height:100%}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-left{position:absolute;left:0}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-right{display:flex;align-items:center;gap:10px}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{display:flex!important;padding:5px;margin:0;gap:2px;border:1px solid #a4a4a480;border-radius:32px;background:#eeece7cc;box-shadow:inset 0 1px 2px #fff,0 8px 25px #00000012;backdrop-filter:blur(16px)}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{background:#2c2c2ccc;border-color:#73737380;box-shadow:inset 0 1px 2px #ffffff30,0 8px 25px #0003}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{display:grid;place-items:center;padding:0!important;width:44px;height:44px;border-radius:50%;transition:background .25s}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:hover,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:focus-visible{background:#8883}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-title{display:none}
.rh-nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rh-call{position:relative;display:inline-flex;align-items:center;height:52px;padding:6px;border-radius:30px;background:#f4f3ef;color:#222;text-decoration:none;box-shadow:0 8px 25px #0002;border:1px solid #b8b8b866;overflow:hidden;isolation:isolate;font-size:15px;font-weight:400;white-space:nowrap}
.rh-call-fill{position:absolute;left:6px;top:6px;bottom:6px;width:38px;border-radius:22px;background:#262626;color:#fff;z-index:2;overflow:hidden;transition:width .45s cubic-bezier(.22,1,.36,1)}
.rh-call-single{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .16s}
.rh-call svg{width:17px;height:25px}.rh-call-trail{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;padding:0 8px;opacity:0;transition:opacity .25s .08s}
.rh-call-trail i{display:flex;opacity:calc(1 - var(--step)*.19);transform:translateX(-6px);transition:transform .4s;transition-delay:calc(var(--step)*.025s)}
.rh-call-label{margin:0 14px 0 49px;transition:opacity .2s,transform .3s}
.rh-call:hover .rh-call-fill,.rh-call:focus-visible .rh-call-fill{width:calc(100% - 12px)}
.rh-call:hover .rh-call-label,.rh-call:focus-visible .rh-call-label{opacity:0;transform:translateX(6px)}
.rh-call:hover .rh-call-single,.rh-call:focus-visible .rh-call-single{opacity:0}
.rh-call:hover .rh-call-trail,.rh-call:focus-visible .rh-call-trail{opacity:1}
.rh-call:hover .rh-call-trail i,.rh-call:focus-visible .rh-call-trail i{transform:translateX(0)}
.rh-call:focus-visible{outline:2px solid #ad7830;outline-offset:4px}
.rh-garland{display:flex;position:absolute;top:0;left:0;width:100%;height:32px;color:#977744}.rh-garland svg{width:12.5%;height:32px;overflow:visible}.rh-bulb{animation:rh-bulb-warm 3.8s ease-in-out infinite alternate;animation-delay:calc(var(--light)*-.27s)}
@keyframes rh-bulb-warm{from{filter:drop-shadow(0 0 1px #d88b20)}to{filter:drop-shadow(0 0 5px #ffc45c)}}
.rh-diwali-decor>span{left:17%;top:68%;width:31px;height:38px}.rh-diwali-decor>span:nth-of-type(2){right:17%}
.rh-spark-burst{position:absolute;left:calc(24% + var(--burst)*26%);top:64%;width:1px;height:1px;color:#b57925;transform:translateY(0)}
.rh-spark-burst i{position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;box-shadow:0 -5px 0 -1px currentColor,0 -10px 0 -1px currentColor;animation:rh-spark-flight 5.5s cubic-bezier(.15,.65,.35,1) infinite;animation-delay:calc(var(--burst)*-1.8s);opacity:0}
@keyframes rh-spark-flight{0%,8%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.3)}12%{opacity:1}45%{opacity:.85;transform:rotate(var(--angle)) translateY(calc(-1*var(--reach))) scale(.85)}72%,100%{opacity:0;transform:translateY(var(--fall)) rotate(var(--angle)) translateY(calc(-1.18*var(--reach))) scale(.3)}}
html[data-theme=dark] .rh-spark-burst{color:#f2be62}
@media(max-width:1100px){.rh-diwali-decor>span{left:15%;width:25px}.rh-diwali-decor>span:nth-of-type(2){right:9%}.rh-spark-burst{left:calc(21% + var(--burst)*29%)}}
@media(max-width:767px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{height:100px!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-container{padding:30px 16px 12px!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid{justify-content:flex-end;padding-right:50px}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{display:none!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions{display:block!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo{position:static!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo.-clone{display:none!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle button{top:37px!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{display:none!important}.rh-call{height:44px;font-size:13px}.rh-call-fill{width:30px}.rh-call-label{margin-left:38px;margin-right:9px}.rh-call svg{height:20px}.rh-garland svg{min-width:25%}.rh-garland svg:nth-child(n+5){display:none}.rh-diwali-decor>span{display:none}.rh-spark-burst{top:22%;left:calc(10% + var(--burst)*40%)}.rh-spark-burst i{width:2px;height:2px}}
@media(prefers-reduced-motion:reduce){.rh-bulb,.rh-spark-burst i{animation:none}.rh-call *{transition:none!important}}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;display:grid!important;place-items:center}
@media(max-width:767px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid{padding-right:88px}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{right:45px!important;width:34px!important;height:44px!important;border:0!important;background:transparent!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo{width:67px!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-container{padding-left:12px!important;padding-right:12px!important}.rh-call-label{margin-right:7px;margin-left:34px}.rh-call{font-size:12px}}
/* Audit corrections: labels are discoverable without waiting for native tooltips. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{position:relative}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle[aria-current=page]{background:#8883}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:after{content:attr(aria-label);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-3px);font-size:12px;font-weight:400;line-height:1.3;white-space:nowrap;padding:7px 10px;border-radius:7px;color:#fff;background:#252525;box-shadow:0 4px 12px #0002;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .16s}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:hover:after,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.rh-spark-burst{left:calc(23% + var(--burst)*54%)}
@media(max-width:1100px){.rh-spark-burst{left:calc(18% + var(--burst)*64%)}}
@media(max-width:767px){.rh-spark-burst{left:calc(8% + var(--burst)*84%)}}
@media(prefers-reduced-motion:reduce){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:after{transition:none}}
/* Simple navigation: explicit labels instead of an icon-only dock. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{padding:0;gap:2px;border:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{display:flex;width:auto;height:44px;padding:0 11px!important;border-radius:8px;font-size:14px!important;font-weight:400}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-title{display:block}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-title span{transform:none!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-title span:before,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-title span:after,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:after{display:none!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-nav-icon,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-nav-home{display:none!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle[aria-current=page]{background:transparent}
@media(min-width:768px) and (max-width:1100px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{font-size:12px!important;padding:0 6px!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-right{gap:8px}.rh-call{font-size:13px}.rh-call-label{margin-left:43px;margin-right:9px}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-left{left:-16px}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{right:-16px!important}.rh-diwali-decor>span{display:none}}
@media(max-width:767px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{display:none!important}}
@media(min-width:768px) and (max-width:1100px){.rh-spark-burst{display:none}}
@media(min-width:768px) and (max-width:1100px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{padding:0 5px!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-navs{gap:0}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav:has(a[href="/prototype/"]){display:none}}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call-fill,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call-fill svg{color:#fff!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call-fill circle{fill:#fff!important;stroke:none!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call-label{color:#222!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{text-decoration:none!important;font-family:"Suisse Intl",Arial,sans-serif!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{background:#fff!important;color:#111!important;border:1px solid #ddd!important}html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{background:#181818!important;color:#eee!important;border-color:#555!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)):not([data-reference-home]) main{padding-top:112px!important}@media(max-width:767px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)):not([data-reference-home]) main{padding-top:100px!important}}
/* Readable navigation and a tactile, consistent theme control. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{font-family:"Suisse Intl",Arial,sans-serif!important;font-size:16px!important;font-weight:500;letter-spacing:-.015em;padding:0 12px!important;color:#343434;transition:color .2s,background .2s}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:hover,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:focus-visible{color:#000;background:#00000007}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{color:#d9d9d9}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:hover,html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle:focus-visible{color:#fff;background:#ffffff0d}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{width:48px!important;height:48px!important;border-radius:16px!important;border:1px solid #d6d3cc!important;background:linear-gradient(145deg,#fff,#efede7)!important;color:#39352e!important;box-shadow:inset 0 1px 0 #fff,0 4px 12px #00000008!important;transition:background .25s,border-color .25s,box-shadow .25s!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.2,.8,.2,1)!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle:hover svg{transform:rotate(-18deg) scale(1.08)}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle:hover{border-color:#958c7c!important;box-shadow:0 5px 15px #00000012!important}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{background:linear-gradient(145deg,#292929,#181818)!important;border-color:#505050!important;color:#f1d7a4!important;box-shadow:inset 0 1px 0 #ffffff14,0 4px 12px #0003!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle:focus-visible{outline:2px solid currentColor!important;outline-offset:4px!important}
@media(min-width:768px) and (max-width:1100px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{font-size:13px!important;padding:0 6px!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{width:44px!important;height:44px!important}}
@media(max-width:767px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{width:44px!important;height:44px!important;border-radius:14px!important;background:transparent!important;border:0!important;box-shadow:none!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle svg{width:20px!important;height:20px!important}}
@media(prefers-reduced-motion:reduce){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle svg{transition:none!important;transform:none!important}}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{background:#fffaf0!important}html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{background:#101010!important}
/* Typography-led wordmark, retaining the approved Code Bro name. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo{width:112px!important;height:28px!important;display:flex;align-items:center;color:#171717!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo svg{width:112px!important;height:28px!important;overflow:visible}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo text{font-family:"Suisse Intl",Arial,sans-serif!important;font-size:19px!important;font-weight:600;letter-spacing:-.65px}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo text tspan:last-child{font-weight:400;letter-spacing:-.45px}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo{color:#f4f2ed!important}
@media(min-width:768px) and (max-width:1100px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo svg{width:88px!important;height:24px!important}}
@media(max-width:767px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo svg{width:78px!important;height:26px!important}}
/* Stable mobile controls: one alignment before and after navigation animation. */
@media(max-width:767px){
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid{height:44px!important;padding-right:96px!important;align-items:center!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-grid-col.-left{top:0!important;left:0!important;height:44px!important;display:flex!important;align-items:center!important;transform:none!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo svg{width:100px!important;height:32px!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo.-clone{display:none!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{width:116px!important;height:44px!important;flex:none!important;font-size:13px!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{right:48px!important;top:22px!important;width:44px!important;height:44px!important;border:1px solid #d6d3cc!important;background:#fffaf0!important;border-radius:13px!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle svg{width:24px!important;height:24px!important;stroke-width:1.8!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle{position:fixed!important;top:30px!important;right:12px!important;left:auto!important;width:44px!important;height:44px!important;transform:none!important;translate:none!important;z-index:102!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle .cb-btn_menu{position:absolute!important;inset:0!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important;border:1px solid #d6d3cc!important;border-radius:13px!important;background:#fffaf0!important;color:#171717!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu span{position:absolute!important;top:21px!important;left:9px!important;width:24px!important;height:2px!important;margin:0!important;background:currentColor!important;opacity:1!important;visibility:visible!important;transform-origin:center!important;transition:transform .2s ease!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu span:first-child{transform:translateY(-4px)!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu span:last-child{transform:translateY(4px)!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu[aria-expanded=true] span:first-child{transform:rotate(45deg)!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu[aria-expanded=true] span:last-child{transform:rotate(-45deg)!important}
 html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle,html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle .cb-btn_menu{background:#181818!important;color:#eee!important;border-color:#505050!important}
}
@media(max-width:359px){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo,body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo svg{width:88px!important}body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{width:104px!important;font-size:11.5px!important}}
@media(prefers-reduced-motion:reduce){body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu span{transition:none!important}}

/* Everyday header: remove seasonal decoration and center controls vertically. */
.rh-diwali-decor,.rh-garland,.rh-fairy-lights,.rh-firework,.rh-spark-burst{display:none!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{height:88px!important;background:#fff!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-container{padding:18px 32px!important}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{background:#101010!important}
@media(max-width:767px){
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{height:76px!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-container{padding:16px 12px!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle{top:16px!important}
}

/* Refined everyday navigation: quiet controls and a single primary action. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{border-bottom:1px solid #1717170d!important;box-shadow:0 3px 16px #00000003!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-logo text{font-weight:600;letter-spacing:-.8px}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{background:#f6f6f4;border-color:#deded9;box-shadow:0 3px 10px #00000007}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important;border-radius:50%!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle:hover{background:#88888812!important}
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{font-weight:400!important;letter-spacing:-.2px}
@media(max-width:767px){
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle .cb-btn_menu{background:transparent!important;border-color:transparent!important;border-radius:50%!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-toggle .cb-btn_menu:hover{background:#88888812!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-btn_menu span{height:1.5px!important}
}
html[data-theme=dark] body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-strip{border-bottom-color:#ffffff12!important}

/* Show the booking control in place; retain its original internal hover effect. */
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-actions,
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-action,
body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .rh-call{transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}

/* Reduced motion must preserve the transform used for vertical alignment. */
@media(prefers-reduced-motion:reduce){
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .codebro-theme-toggle{transform:translateY(-50%)!important}
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav,
 body:is([data-preview-header],:has(.commerce-site-header .rh-call)) .cb-navbar-nav-toggle{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}
