@charset "UTF-8";

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Blue Bottle */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
:root {font-size:14px;}
@media (max-width:1068px) {:root {font-size:14px;}}
@media (max-width:734px) {:root {font-size:12px;}}

:root {--bb-color: #00a9e0;}
#bluebottle .bb-bar {background:var(--bb-color);padding:.75rem;}
#bluebottle .bb-bar p {text-align: center; color:#fff;font-size:.875rem;margin:0;}
#bluebottle .navbar {border-bottom: 1px solid #ddd;}
#bluebottle .navbar .grid-container {display: flex; align-items: center; justify-content: space-between;}
#bluebottle .navbar .grid-container .menu {font-size: .8125rem;flex:1;}
#bluebottle .navbar .grid-container img {width:auto;max-height: 50px;}
#bluebottle .navbar .grid-container .icon-menu {display: flex;justify-content: flex-end;gap:1rem;flex:1;}
#bluebottle .navbar .grid-container .icon-menu-item {display: flex; flex-direction: column;text-align: center;font-size:.6rem;}
#bluebottle .navbar .grid-container .icon-menu-item i {font-size:1.5rem;}
#bluebottle .bb-thumbs {margin:2rem auto;max-width:300px;}
#bluebottle .accordion * {border:none;}
#bluebottle .accordion a {background:transparent;}
#bluebottle .accordion-content {padding-right:4rem;}
#bluebottle .bb-label {margin-bottom:2rem;}
#bluebottle .bb-label span {border:1px solid var(--bb-color);color:var(--bb-color);font-size:.85rem;padding:.25rem .75rem;margin-right: .5rem;}
#bluebottle h3 {font-size:1.75rem;font-weight:normal;}
#bluebottle .bb-price {font-size:1.5rem;}
#bluebottle .bb-price span {font-size:.8125rem;margin-left:.25rem;}
#bluebottle .fill {background:var(--bb-color);}
#bluebottle .fill:hover {background:rgba(0, 169, 224, .8);}