
.icbd-rm-shell,
.icbd-rm-shell *{box-sizing:border-box}
.icbd-rm-shell{
  --icbd-rm-navy:#102c46;
  --icbd-rm-navy2:#173b5d;
  --icbd-rm-blue:#245f8f;
  --icbd-rm-gold:#c0a063;
  --icbd-rm-white:#fff;
  --icbd-rm-line:rgba(255,255,255,.12);
  position:relative;
  z-index:999999;
  font-family:Arial,Helvetica,sans-serif;
}
.icbd-rm-trigger{
  position:fixed;
  top:max(12px,env(safe-area-inset-top));
  right:14px;
  z-index:1000002;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:9px 13px 9px 15px;
  border:1px solid rgba(16,44,70,.14);
  border-radius:15px;
  background:rgba(255,255,255,.96);
  color:var(--icbd-rm-navy);
  box-shadow:0 9px 28px rgba(9,32,50,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  cursor:pointer;
}
body.admin-bar .icbd-rm-trigger{
  top:calc(max(12px,env(safe-area-inset-top)) + 46px);
}
.icbd-rm-brand{
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}
.icbd-rm-hamburger{
  display:grid;
  gap:4px;
  width:22px;
}
.icbd-rm-hamburger i{
  display:block;
  width:22px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:transform .22s ease,opacity .22s ease;
}
.icbd-rm-shell.is-open .icbd-rm-hamburger i:nth-child(1){
  transform:translateY(6px) rotate(45deg)
}
.icbd-rm-shell.is-open .icbd-rm-hamburger i:nth-child(2){
  opacity:0
}
.icbd-rm-shell.is-open .icbd-rm-hamburger i:nth-child(3){
  transform:translateY(-6px) rotate(-45deg)
}
.icbd-rm-backdrop{
  position:fixed;
  inset:0;
  z-index:1000000;
  background:rgba(7,22,34,.56);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.icbd-rm-panel{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:1000001;
  width:min(89vw,390px);
  padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
  background:linear-gradient(165deg,var(--icbd-rm-navy),#0d2539 72%);
  color:#fff;
  box-shadow:-20px 0 55px rgba(0,0,0,.24);
  transform:translateX(104%);
  visibility:hidden;
  transition:transform .26s cubic-bezier(.2,.75,.25,1),visibility .26s ease;
  overflow-y:auto;
  overscroll-behavior:contain;
}
body.admin-bar .icbd-rm-panel{
  padding-top:calc(max(22px,env(safe-area-inset-top)) + 32px);
}
.icbd-rm-shell.is-open .icbd-rm-backdrop{
  opacity:1;
  visibility:visible;
}
.icbd-rm-shell.is-open .icbd-rm-panel{
  transform:none;
  visibility:visible;
}
.icbd-rm-panel-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding:7px 4px 20px;
  border-bottom:1px solid var(--icbd-rm-line);
}
.icbd-rm-overline{
  display:block;
  margin-bottom:3px;
  color:#d9c18f;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.icbd-rm-panel-head strong{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1.15;
}
.icbd-rm-close{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  margin-top:-3px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.icbd-rm-search{
  display:grid;
  grid-template-columns:1fr 44px;
  margin:20px 0 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:13px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.icbd-rm-search label{display:block}
.icbd-rm-search input{
  width:100%;
  min-height:46px;
  padding:0 14px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:15px!important;
  box-shadow:none!important;
}
.icbd-rm-search input::placeholder{color:rgba(255,255,255,.6)}
.icbd-rm-search button{
  border:0;
  border-left:1px solid rgba(255,255,255,.12);
  background:transparent;
  color:#fff;
  font-size:21px;
  cursor:pointer;
}
.icbd-rm-nav{
  display:flex;
  flex-direction:column;
  margin-top:4px;
}
.icbd-rm-nav a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:54px;
  padding:11px 5px;
  border-bottom:1px solid var(--icbd-rm-line);
  color:rgba(255,255,255,.92)!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-decoration:none!important;
  transition:padding .18s ease,color .18s ease;
}
.icbd-rm-nav a:hover,
.icbd-rm-nav a:focus,
.icbd-rm-nav a.is-current{
  padding-left:10px;
  color:#ecd9ae!important;
}
.icbd-rm-arrow{
  flex:0 0 auto;
  color:#d1b778;
  font-size:25px;
  font-weight:300;
}
.icbd-rm-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:auto;
  padding:25px 4px 4px;
  color:rgba(255,255,255,.55);
}
.icbd-rm-foot span{
  color:#dbc38d;
  font-weight:900;
  letter-spacing:.12em;
}
.icbd-rm-foot small{font-size:11px}
body.icbd-rm-no-scroll{
  overflow:hidden!important;
  touch-action:none;
}
@media(max-width:782px){
  body.admin-bar .icbd-rm-trigger{
    top:calc(max(10px,env(safe-area-inset-top)) + 46px);
  }
}
@media(max-width:480px){
  .icbd-rm-trigger{
    top:max(9px,env(safe-area-inset-top));
    right:10px;
    min-height:44px;
    border-radius:13px;
  }
  .icbd-rm-panel{
    width:92vw;
    padding-left:16px;
    padding-right:16px;
  }
}
@media(prefers-reduced-motion:reduce){
  .icbd-rm-panel,.icbd-rm-backdrop,.icbd-rm-hamburger i{transition:none!important}
}
