/* Remove container padding on homepage hero */
 .container-fluid {
    padding: 0;
    max-width: 100%;
}
@font-face {
    font-family: 'Cardenio';
    src: url('/usersc/fonts/cardenio_modern_std-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cardenio';
    src: url('/usersc/fonts/cardenio_modern_bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Montserrat - key weights for web use */
@font-face {
    font-family: 'Montserrat';
    src: url('/usersc/fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/usersc/fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/usersc/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/usersc/fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}o-m

@font-face {
    font-family: 'Montserrat';
    src: url('/usersc/fonts/montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
	/* margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align); */
	background-color: #000;
	/* -webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent; */
}

h1,
h2,
.logo {
    font-family: 'Cardenio', sans-serif;
    font-weight: 700;
}

/* .font-sans { */
    p {

font-family: Montserrat,ui-sans-serif,system-ui,
-apple-system,BlinkMacSystemFont,
Segoe UI,Roboto,Helvetica Neue,Arial,
Noto Sans,sans-serif,"Apple Color Emoji",
"Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}

.beer-one-menu, .beer-two-menu{
    font-family: 'Cardenio', sans-serif;
        font-weight: 700;
}
/* Remove container padding on homepage hero */
body.page-home .container-fluid {
    padding: 0;
    max-width: 100%;
}

ul.us_menu.dark{
  background-color: #000;

  background-color: #7a421963 !important;
  background-color: #0000 !important;

}
nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent !important; /* Strips out the solid brown backdrop */
  z-index: 10; /* Keeps all links and interactive text layered cleanly on top */
}
.tbs-hero {
    background-image:url('/usersc/images/crowd-1.7d1a1aa5.jpg');
    min-height: 100vh;
    background-size: cover;
    background-position: top center;
    position: relative;
}
/* ul.us_menu .us_brand {
  position: relative!important;
  margin-right: 0 !important; 
  

  margin-left: auto !important;
  margin-right: auto !important;
  

  display: inline-block!important; 
}*/

/* ul.us_menu.horizontal {
  position: relative; z
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between; 
  padding-bottom: 100px;
}


ul.us_menu .us_brand {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important; 
  z-index: 15; 
} */


  /* Force the image inside the brand container to expand cleanly */
ul.us_menu .us_brand img {
    /* width: 496px !important; */
    width: 496px ;
    margin-top:6.5rem;
    /* height: 380px !important; */
    display: block;
}
ul.us_menu a {
    color: #000 !important;
  font-size: larger !important;
  /* font-weight: bold !important; */
  font-family: 'Montserrat' !important;
    
}
ul.us_menu.dark, ul.us_menu.dark .us_sub-menu li, ul.us_menu.dark li:hover, ul.us_menu.dark ul.us_sub-menu {
	background-color: #fff;
}
/* Only apply the absolute centering layout on desktop screens (992px and up) */
@media (min-width: 992px) {
  ul.us_menu.horizontal {
    position: relative;
    width: 100%;
    display: flex !important;
    
    /* 1. This handles the perfect vertical centering for all items inside */
    align-items: center !important; 
    justify-content: space-between;
    
    /* Keep your existing padding that you liked here */
    padding-top: 100px; 
    padding-bottom: 100px; 
  }

  ul.us_menu .us_brand {
    /* 2. Remove the rigid vertical coordinate math */
    position: absolute !important;
    left: 50% !important;
    top: auto !important; /* Clears out the 50% pushing it upward */
    
    /* 3. Only translate horizontally now (-50% on X axis, 0 on Y axis) */
    transform: translate(-50%, 0) !important; 
    
    margin: 0 !important;
    z-index: 5;
  }
  

}





  
/* TRANS DIV */
/* Hero gradient overlay - bottom fade */
/* .tbs-hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0.85) 100%
    );
    pointer-events: none;
} */



/* //INDEX */

/* location-holding-div */
.loc-holding-div {
	margin-top: -24rem;
	z-index: 9;
	position: relative;
	background: #0009;
	/* border: 3px solid #e5e7eb;
	border-top: none;
	border-left: none;
	border-right: none;
	border-top: none;
	border-left: none;
	border-right: none; */
	padding-bottom: 0px !important;
}
ul.us_menu.dark .dropdown-divider {
  border-color: rgba(45, 35, 35, 0.55);
}
.loc-holding-div .gap-4 {
	gap: 4.5rem !important;
}

/* Primary location links */
.tbs-loc-link {
    font-family: 'Cardenio', serif;
    font-weight: 700;
    font-size: 2.2rem;
    text-transform: uppercase;
    color: #ffffff !important;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.2s;
    line-height: 1.1;
    drop-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.tbs-loc-link:hover {
    border-bottom-color: #ffffff;
}

/* Secondary nav links */
.tbs-sec-link {
    font-family: 'Cardenio', serif;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #ffffff !important;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.2s;
}

.tbs-sec-link:hover {
    border-bottom-color: #ffffff;
}

/* Mobile select */
.tbs-location-strip .form-select {
    background-color: rgba(0,0,0,0.7);
    color: #ffffff;
    border-color: rgba(255,255,255,0.3);
    max-width: 360px;
    margin: 0 auto;
}





/* other text and SM and form */
/* Social icons */
.tbs-social-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    color: rgba(255,255,255,0.75) !important;
    text-decoration: none;
    font-size: 0.8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color 0.2s;
}

.tbs-social-link:hover {
    color: #ffffff !important;
}

.tbs-social-icon {
    height: 2.5rem;
    width: auto;
}















/* Location Sections */
.tbs-location-section {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e5e7eb;
}

.tbs-location-map-bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.75);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tbs-location-content {
    text-align: center;
    color: #ffffff;
    padding: 2rem;
    max-width: 700px;
}


.tbs-location-name {
    font-family: 'Cardenio', serif;
    font-weight: 700;
    font-size: 2.5rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.tbs-food-truck {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.tbs-label {
    opacity: 0.7;
    margin-right: 0.5rem;
}

.tbs-map-link {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: 1px;
}

.tbs-contact {
    font-size: 1rem;
    opacity: 0.9;
}

.tbs-hours {
    font-size: 0.9rem;
    opacity: 0.75;
    line-height: 1.7;
}

/* /////////extras/////// */




.bg-purple { background-color: #6f42c1 !important; }



/* Section heading */
.tbs-section-heading {
    font-family: 'Cardenio', serif;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #ffffff;
}

/* Location Cards */
.tbs-location-card {
    background: #111111;
    border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 13px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: border-color 0.2s, transform 0.2s;
}

.tbs-location-card:hover {
    border-color: rgba(255,255,255,0.35);
    transform: translateY(-2px);
}

.tbs-card-header {
    font-family: 'Cardenio', serif;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ffffff;
    background: #000000;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.tbs-card-body {
    padding: 1.25rem;
    flex: 1;
}

.tbs-card-row {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.tbs-card-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.tbs-card-label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.45);
    margin-bottom: 2px;
}

.tbs-card-value {
    font-size: 0.95rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
}

.tbs-card-sub {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.55);
    margin-top: 2px;

     /* Add these lines */
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.tbs-card-sub span{
 color: #000;
  background: #ffffffeb;
  padding: 0 4px;
  border-radius: 3px;
    
}
.tbs-card-footer {
    padding: 0.875rem 1.25rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    background: #0a0a0a;
}

.tbs-card-btn {
    display: block;
    text-align: center;
    color: #ffffff !important;
    text-decoration: none;
    font-family: 'Cardenio', serif;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: opacity 0.2s;
}

.tbs-card-btn:hover {
    opacity: 0.7;
}

.card-img-link-wrapper{
width: 98px;
}

/* .tbs-music-badge{
height: 1.2rem;
  width: auto;
  margin-top: -6rem;
  margin-left: -6rem;
}
.tbs-music-badge img{
height:2.2rem;
width:auto;
} */





/* Location link wrapper */
.tbs-loc-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* TMS badge - positioned top-right of the location name */
.tbs-music-badge {
position: absolute;
  top: -2.1rem;
  right: -2rem;
  z-index: 200;
}
.tbs-music-badge title{
    font-family: 'Cardenio', serif;
    font-weight: 700;
}
.tbs-music-badge img {
    height: 2.5rem;
  width: auto;
  opacity: .8;
}







/* Location hero */
.tbs-loc-hero {
    height: 40vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.tbs-loc-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: flex-end;
    padding: 2rem;
    justify-content: center; /* Aligns horizontally */
  align-items: center;  
}

.tbs-loc-hero-title {
    font-family: 'Cardenio', serif;
    font-weight: 700;
    font-size: 2.5rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.1;
    margin-top: 4rem;
}

/* Info card */
.tbs-info-card {
    background: #111;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    padding: 1.5rem;
}

.tbs-info-row {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.tbs-info-row:last-child {
    border-bottom: none;
}

/* Event rows */
.tbs-event-row {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.tbs-event-row:last-child {
    border-bottom: none;
}

.tbs-event-date {
    flex-shrink: 0;
    width: 3rem;
    text-align: center;
    background: #8b0101;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 4px;
    padding: 0.4rem;
}

.tbs-event-day {
    font-family: 'Cardenio', serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    color: #ffffff;
}

.tbs-event-month {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
}

.tbs-event-name {
    font-weight: 700;
    color: #ffffff;
    font-size: 0.95rem;
}

.tbs-event-time {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 2px;
}

.tbs-event-desc {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.52);
    margin-top: 4px;
}

.tbs-event-type {
    flex-shrink: 0;
    /* padding-top: 2px; */
}
.tbs-event-type img{
    height:3rem;
}

.location-panel{
background: #2f2f2fd9;
  border-radius: .5rem;
  margin-top: 14rem;
}


.beer-one-menu > div, .beer-two-menu > div {
position: relative;
}


.secure-contact-list a:hover i {
    color: #ffb63f !important;
}



/* FAQ */

/* ============================================
   FAQ Accordion
   ============================================ */
.tbs-faq-accordion .accordion-item {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.tbs-faq-accordion .accordion-button {
    background: #000000;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.5px;
    padding: 1rem 1.25rem;
    box-shadow: none;
}

.tbs-faq-accordion .accordion-button:not(.collapsed) {
    background: #000000;
    color: #ffffff;
}

.tbs-faq-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(255,255,255,0.2);
}

/* Bootstrap's default chevron is dark — invert it for dark backgrounds */
.tbs-faq-accordion .accordion-button::after {
    filter: invert(1);
}

.tbs-faq-accordion .accordion-body {
    font-family: Montserrat,ui-sans-serif,system-ui,
-apple-system,BlinkMacSystemFont,
Segoe UI,Roboto,Helvetica Neue,Arial,
Noto Sans,sans-serif,"Apple Color Emoji",
"Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    background: #fff;
  color: rgb(4, 4, 4);
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  line-height: 1.7;
  padding: 1.1rem 1.25rem 1.4rem;
}




/* FAQ */



.beerTitle{
margin-top: 9rem !important;
  margin-bottom: -5rem !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}
 .contentPanel{
margin-top: 6rem;
  background: #000000c9;
 /* padding-top: 0 !important; */
  max-width: 90%;
  margin-bottom: 3rem;
}

.footer{
background:#000!important;
}

a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
}
a:hover{
	color: #fff;
	font-weight: 700;
}

.locBlock,.location-panel{
font-family: Montserrat,ui-sans-serif,system-ui, -apple-system,BlinkMacSystemFont, Segoe UI,Roboto,Helvetica Neue,Arial, Noto Sans,sans-serif,"Apple Color Emoji", "Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";

}

/* Reset rules for mobile viewports (under 992px) */
@media (max-width: 991.98px) {

.us_menu_mobile_control {
        position: absolute;
        top: 16px;    /* Change to your preferred pixel amount */
        right: 16px;  /* Change to your preferred pixel amount */
        z-index: 1050; /* Keeps it on top of other elements */
    }


  /* ul.us_menu .us_brand {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    display: block;
    margin: 10px auto !important; 
    text-align: center;
  }
ul.us_menu .us_brand {

    left: 161px !important; 
  } */

ul.us_menu .us_brand {
    position: relative !important;
    top: -6rem !important;
    transform: none !important;
    display: block;
    margin: 10px auto !important;
    text-align: center;

  }

ul.us_menu .us_brand img {
    width: 287px !important;
    top: -5rem !important;

    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.35));
}



 .desk-only{
display :none!important;
    }
  .mobile-only{
display :block;
white-space: nowrap;
  }
.tbs-loc-hero-title{
font-size: clamp(20px, 5vw, 80px); 

}
ul.us_menu.dark a, ul.us_menu.dark {
  background: #fff;
}
.us_menu_mobile_control i{
color: rgb(0, 0, 0);
font-size: 2.5rem;
}

.card-img-link-wrapper {
max-width: 91px!important;
}

.beerTitle {
	margin-top: 12rem !important;
	margin-bottom: 1rem !important;
}
.contentPanel {
	margin-top: 0rem;
    max-width: 95%;
  margin-bottom: 3rem;

}

}









/* ============================================
   Shop — Filter Pills
   ============================================ */
.tbs-pill {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.7);
    border-radius: 999px;
    padding: 0.4rem 1.1rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.15s;
}

.tbs-pill:hover {
    border-color: rgba(255,255,255,0.4);
    color: #ffffff;
}

.tbs-pill.active {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
}

/* ============================================
   Shop — Product Cards
   ============================================ */
.tbs-shop-card {
    background: #111111;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    padding: 0;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s, transform 0.2s;
}

.tbs-shop-card:hover {
    border-color: rgba(255,255,255,0.35);
    transform: translateY(-2px);
}

.tbs-shop-card-img {
    aspect-ratio: 1 / 1;
    background: #000000;
    overflow: hidden;
}

.tbs-shop-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tbs-shop-card-body {
    padding: 0.85rem 1rem;
}

.tbs-shop-card-name {
    font-weight: 700;
    font-size: 0.9rem;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 4px;
}

.tbs-shop-card-price {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.55);
}

/* ============================================
   Shop — Product Modal
   ============================================ */
.tbs-product-modal {
    background: #111111;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.12);
}

.tbs-product-modal .modal-header {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.tbs-product-gallery-main {
    background: #000000;
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.tbs-product-gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tbs-product-gallery-thumbs {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    overflow-x: auto;
}

.tbs-product-thumb {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.5;
    border: 2px solid transparent;
    transition: opacity 0.15s, border-color 0.15s;
}

.tbs-product-thumb:hover {
    opacity: 0.8;
}

.tbs-product-thumb.active {
    opacity: 1;
    border-color: #ffffff;
}

.tbs-product-gallery-placeholder {
    background: #000000;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.3);
    border-radius: 4px;
}

.tbs-product-desc {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.75);
    line-height: 1.6;
}

/* ============================================
   Cart Drawer (off-canvas)
   ============================================ */
.tbs-cart-drawer {
    background: #0a0a0a;
    color: #ffffff;
    border-left: 1px solid rgba(255,255,255,0.1);
    width: 380px;
}

.tbs-cart-drawer .offcanvas-header {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.tbs-cart-item {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    position: relative;
}

.tbs-cart-item img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.tbs-cart-item-info {
    flex: 1;
}

.tbs-cart-item-name {
    font-weight: 700;
    font-size: 0.85rem;
}

.tbs-cart-item-variant {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.5);
    margin-top: 2px;
}

.tbs-cart-item-qty-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.tbs-cart-qty-input {
    width: 50px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    color: #ffffff;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 0.8rem;
}

.tbs-cart-item-price {
    font-size: 0.85rem;
    font-weight: 700;
}

.tbs-cart-remove {
    background: none;
    border: none;
    color: rgba(255,255,255,0.4);
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    cursor: pointer;
}

.tbs-cart-remove:hover {
    color: #ffffff;
}

.tbs-cart-summary {
    padding: 1.25rem;
}



.f-pills{
position: relative;
  z-index: 23;
}


/* ============================================
   Cart icon + badge (drop into nav alongside
   the email/social icon row)
   ============================================ */
.tbs-cart-icon-wrapper {
    position: relative;
    display: inline-block;
}

.tbs-cart-count-badge {
    position: absolute;
    top: -6px;
    right: -10px;
    background: #fff;
    color: #000;
    font-size: 0.65rem;
    font-weight: 700;
    border-radius: 999px;
    min-width: 18px;
    height: 18px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}


/* Mobile floating cart button */
.tbs-mobile-cart-fab {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 1100;
    background: #ffffff;
    color: #000000;
    border: none;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    cursor: pointer;
}

.tbs-mobile-cart-fab:hover {
    background: #e0e0e0;
}

.tbs-mobile-cart-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #000000;
    color: #ffffff;
    font-size: 0.6rem;
    font-weight: 700;
    border-radius: 999px;
    min-width: 18px;
    height: 18px;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}



/* ////SHOP ADMIN//// */


.tbs-product-admin-card { background: #1a1a1a; border-radius: 8px; overflow: hidden; }
.tbs-product-admin-img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.tbs-product-admin-body { padding: 12px; }
.tbs-image-dropzone { border: 2px dashed rgba(255,255,255,.2); border-radius: 8px; cursor: pointer; }
.tbs-dropzone-active { border-color: #fff; background: rgba(255,255,255,.05); }
.tbs-image-list-thumb { width: 48px; height: 48px; object-fit: cover; border-radius: 4px; }



a .fa-bars{
color: #ffffff;
}
a .fa-bars:hover{
color: #000!important;
}
ul.us_menu.dark li:hover > a {
	background-color: transparent!important;
	background-color: var(--bs-secondary,  transparent!important;
}