/* ======================================================================
   BrauSinn 2026 Repair + Brewery Design for Themability / Healthify
   Goal: fix previous visual conflicts, mobile layout, cart dropdown, loader.
   CSS-only visual layer, does not change checkout/cart PHP logic.
   ====================================================================== */

:root{
  --primary-color:#24150d !important;
  --primary-hover-color:#c87518 !important;
  --secondary-color:#fffaf0 !important;
  --secondary-light-color:#776859 !important;
  --background-color:#fbf3e5 !important;
  --border-color:#ead8bd !important;
  --bs-ink:#1f140d;
  --bs-ink2:#412b1d;
  --bs-brown:#24150d;
  --bs-brown2:#3a2112;
  --bs-brown3:#5c3517;
  --bs-amber:#c87518;
  --bs-amber2:#e29a26;
  --bs-gold:#f1c46a;
  --bs-cream:#fff9ef;
  --bs-cream2:#f7ead7;
  --bs-paper:#fffdf8;
  --bs-muted:#74675b;
  --bs-line:rgba(99,58,22,.16);
  --bs-shadow:0 20px 55px rgba(36,21,13,.11);
  --bs-shadow2:0 28px 70px rgba(36,21,13,.18);
  --bs-ease:cubic-bezier(.2,.8,.2,1);
}

html{box-sizing:border-box;overflow-x:hidden;}
*,*:before,*:after{box-sizing:inherit;}
body{
  margin:0 !important;
  overflow-x:hidden !important;
  padding-bottom:0 !important;
  color:var(--bs-ink) !important;
  font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.62 !important;
  background:
    radial-gradient(circle at 15% -8%,rgba(241,196,106,.35),transparent 32rem),
    radial-gradient(circle at 86% 0%,rgba(200,117,24,.14),transparent 30rem),
    linear-gradient(180deg,#fffaf0 0%,#f7ead7 48%,#fff9ef 100%) !important;
  -webkit-font-smoothing:antialiased;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(54,32,16,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(54,32,16,.022) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 75%);
}
.container{max-width:1240px !important;width:min(100% - 34px,1240px) !important;}
img{max-width:100%;height:auto;}
a,a:focus{color:var(--bs-ink);outline:none !important;}
a:hover{color:var(--bs-amber) !important;text-decoration:none !important;}
h1,h2,h3,h4,h5,h6{color:var(--bs-ink) !important;font-weight:850 !important;letter-spacing:-.04em;}
h1{font-size:clamp(30px,3vw,48px) !important;line-height:1.05 !important;}

/* Remove previous broken loaders and create short brewery loader */
.loader,.brausinn-loader,.themability_slider_spin{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;background:none !important;}
.brausinn-loader:before,.brausinn-loader:after{display:none !important;content:none !important;}
.brausinn-beer-loader{
  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,rgba(255,252,246,.98),rgba(247,234,215,.96));
  animation:bsLoaderOff .35s ease forwards;animation-delay:.75s;pointer-events:none;
}
.brausinn-beer-loader span{
  width:48px;height:62px;border:4px solid #5c3517;border-top-width:6px;border-radius:10px 10px 16px 16px;
  background:linear-gradient(to top,#d8891c 0 56%,#fff0c2 56% 72%,rgba(255,255,255,.5) 72%) bottom/100% 78% no-repeat;
  box-shadow:0 20px 42px rgba(36,21,13,.18),inset 0 0 0 2px rgba(255,255,255,.28);
  animation:bsBeerMove .65s ease-in-out infinite alternate;
}
@keyframes bsBeerMove{from{transform:translateY(2px);background-size:100% 52%;}to{transform:translateY(-4px);background-size:100% 82%;}}
@keyframes bsLoaderOff{to{opacity:0;visibility:hidden;}}

/* Top bar */
#top{min-height:38px !important;background:linear-gradient(90deg,#21130b 0%,#3a2112 55%,#603615 100%) !important;border:0 !important;color:#fff3df !important;}
#top .container,#top .row{min-height:38px !important;}
#top a,#top button,#top .btn-link,#top .contact-info a{color:#fff3df !important;font-weight:750 !important;}
#top .fa,#top .contact-info i{color:var(--bs-gold) !important;}
.top-left,.top-right{padding-top:7px !important;padding-bottom:7px !important;}

/* Header - desktop */
header,header.header-fixed,.common-home header{
  position:relative !important;z-index:100 !important;margin:0 0 34px !important;
  background:rgba(255,250,240,.90) !important;border-bottom:1px solid rgba(99,58,22,.12) !important;
  box-shadow:0 16px 44px rgba(36,21,13,.08) !important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
header .header-inner{
  display:flex !important;align-items:center !important;gap:24px !important;min-height:92px !important;padding:0 !important;
}
.header-left,.header-center,.header-right{float:none !important;position:static !important;transform:none !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;}
.header-left{flex:0 0 auto !important;width:auto !important;max-width:320px !important;padding:0 !important;}
.header-center{flex:1 1 auto !important;width:auto !important;min-width:0 !important;padding:0 !important;}
.header-right{flex:0 0 auto !important;width:auto !important;padding:0 !important;margin-left:auto !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:12px !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
.header-right>*{margin:0 !important;}
.header-right>*+*{margin-left:0 !important;}
#logo{margin:0 !important;padding:0 !important;background:transparent !important;position:relative !important;min-width:0 !important;}
#logo:before{display:none !important;content:none !important;}
#logo a{display:inline-flex !important;align-items:center !important;min-height:64px !important;padding:12px 17px !important;border-radius:23px !important;border:1px solid rgba(99,58,22,.14) !important;background:linear-gradient(135deg,rgba(255,253,248,.98),rgba(255,242,218,.90)) !important;box-shadow:0 16px 42px rgba(36,21,13,.09) !important;color:var(--bs-ink) !important;}
#logo img{display:block !important;max-width:230px !important;max-height:68px !important;width:auto !important;height:auto !important;object-fit:contain !important;}
#logo h1{margin:0 !important;font-size:clamp(24px,2.1vw,34px) !important;line-height:1.02 !important;font-weight:950 !important;}
#logo h1 a{box-shadow:none !important;border:0 !important;background:transparent !important;padding:0 !important;color:var(--bs-ink) !important;}

/* Header icons */
.search-content,.cart-content,#header_ac{position:relative !important;display:block !important;margin:0 !important;}
#header_ac>a,#cart>.btn,.search-btn-outer{
  width:52px !important;height:52px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:18px !important;border:1px solid rgba(99,58,22,.14) !important;background:rgba(255,253,248,.92) !important;
  color:var(--bs-ink) !important;box-shadow:0 12px 28px rgba(36,21,13,.09) !important;text-shadow:none !important;cursor:pointer !important;
  transition:transform .2s var(--bs-ease),box-shadow .2s var(--bs-ease),background .2s var(--bs-ease),color .2s var(--bs-ease) !important;
}
#header_ac>a:hover,#cart>.btn:hover,.search-btn-outer:hover,.search-btn-outer.active{
  transform:translateY(-2px) !important;color:#fff7e8 !important;background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;border-color:transparent !important;box-shadow:0 18px 38px rgba(92,53,23,.24) !important;
}
#header_ac>a i,#cart>button i,.search-btn-outer i{font-size:21px !important;line-height:1 !important;display:block !important;color:inherit !important;}
#cart-total{
  position:absolute !important;left:28px !important;right:auto !important;bottom:35px !important;z-index:5 !important;
  min-width:auto !important;max-width:145px !important;height:auto !important;padding:4px 9px !important;border-radius:999px !important;
  background:linear-gradient(135deg,#f5c969,#e9a231) !important;color:#1f140d !important;border:1px solid rgba(99,58,22,.18) !important;
  box-shadow:0 9px 18px rgba(92,53,23,.18) !important;font-size:12px !important;line-height:1.12 !important;font-weight:900 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
}

/* Desktop menu */
#menu{margin:0 !important;min-height:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;}
#menu .navbar-header{display:none;}
#menu #topCategoryList,#menu .main-menu{display:block !important;position:static !important;transform:none !important;height:auto !important;width:auto !important;max-width:none !important;box-shadow:none !important;background:transparent !important;overflow:visible !important;}
#menu #topCategoryList>ul.nav.navbar-nav,#menu .main-menu>ul,#menu .nav{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;float:none !important;margin:0 !important;padding:0 !important;background:transparent !important;}
#menu .main-menu>ul li,#menu .nav>li{float:none !important;display:block !important;}
#menu .nav>li>a,#menu .main-menu>ul li>a,#menu #topCategoryList .nav>li>a{
  position:relative !important;display:block !important;padding:13px 17px !important;border-radius:999px !important;background:transparent !important;
  color:var(--bs-ink2) !important;font-size:15px !important;font-weight:850 !important;text-shadow:none !important;text-transform:none !important;line-height:1.2 !important;
  transition:all .2s var(--bs-ease) !important;
}
#menu .nav>li:hover>a,#menu .nav>li.active>a,#menu .nav>li.open>a,#menu .main-menu>ul li:hover>a,#menu .main-menu>ul li.active>a{
  color:#fff7e8 !important;background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;box-shadow:0 12px 28px rgba(92,53,23,.22) !important;transform:translateY(-1px) !important;
}
#menu .nav>li:hover>a *,#menu .nav>li.active>a *,#menu .nav>li.open>a *{color:#fff7e8 !important;}
#menu .dropdown-menu,#menu .navcol-menu,#header_ac .dropdown-menu,.currency-dropdown,.language-dropdown{
  border:1px solid rgba(99,58,22,.14) !important;border-radius:22px !important;background:rgba(255,253,248,.98) !important;box-shadow:var(--bs-shadow2) !important;overflow:hidden !important;padding:8px !important;
}
#menu .dropdown-inner a,.dropdown-menu>li>a{padding:11px 14px !important;border-radius:14px !important;color:var(--bs-ink2) !important;font-weight:780 !important;}
#menu .dropdown-inner a:hover,.dropdown-menu>li>a:hover{background:rgba(241,196,106,.18) !important;color:var(--bs-amber) !important;}

/* Search dropdown */
.header-search{display:none;position:absolute !important;right:0 !important;top:calc(100% + 12px) !important;width:min(430px,calc(100vw - 32px)) !important;z-index:2600 !important;border-radius:22px !important;box-shadow:var(--bs-shadow2) !important;overflow:hidden !important;}
.header-search #themabilitySearch,.header-search>div,#themabilitySearch,#search{display:flex !important;border-radius:22px !important;border:1px solid rgba(99,58,22,.16) !important;background:var(--bs-paper) !important;box-shadow:none !important;}
.header-search .input-lg,#themabilitySearch .input-lg,#search .input-lg{height:50px !important;padding:0 16px !important;border:0 !important;background:transparent !important;box-shadow:none !important;color:var(--bs-ink) !important;}
.header-search .btn-lg,#themabilitySearch .btn-lg,#search .btn-lg,.header-search .btn-search{height:50px !important;border-radius:18px !important;background:linear-gradient(135deg,var(--bs-amber),var(--bs-amber2)) !important;color:#fff !important;border:0 !important;box-shadow:none !important;}

/* Mini cart - repaired */
#cart .dropdown-menu,.header-cart-toggle{
  right:0 !important;left:auto !important;top:calc(100% + 12px) !important;bottom:auto !important;width:380px !important;max-width:calc(100vw - 28px) !important;
  padding:18px !important;border:1px solid rgba(99,58,22,.14) !important;border-radius:26px !important;background:rgba(255,253,248,.98) !important;box-shadow:var(--bs-shadow2) !important;overflow:hidden !important;z-index:2700 !important;
}
#cart .dropdown-menu li{padding:0 !important;margin:0 !important;border:0 !important;}
#cart .dropdown-menu .cart-content-product{max-height:360px !important;overflow:auto !important;padding:0 !important;margin:0 0 14px !important;}
#cart .dropdown-menu table{width:100% !important;margin:0 !important;border:0 !important;background:transparent !important;table-layout:auto !important;}
#cart .dropdown-menu>li.cart-content-product .table>tbody>tr{
  display:grid !important;grid-template-columns:78px minmax(0,1fr) 24px !important;gap:14px !important;align-items:start !important;
  margin:0 0 16px !important;padding:0 0 16px !important;border-bottom:1px solid rgba(99,58,22,.12) !important;
}
#cart .dropdown-menu>li.cart-content-product .table>tbody>tr:last-child{margin-bottom:0 !important;}
#cart .dropdown-menu table td{display:block !important;background:transparent !important;border:0 !important;padding:0 !important;vertical-align:top !important;}
#cart .dropdown-menu table td.product-cart-thumb{width:78px !important;}
#cart .img-thumbnail{width:78px !important;height:78px !important;object-fit:cover !important;padding:0 !important;border:1px solid rgba(99,58,22,.12) !important;border-radius:16px !important;background:#f7ead7 !important;}
#cart .dropdown-menu table td.product-cart-details{min-width:0 !important;padding:0 !important;}
#cart .dropdown-menu .product-item-name{display:block !important;font-size:16px !important;line-height:1.25 !important;font-weight:900 !important;color:var(--bs-ink) !important;margin:0 0 6px !important;word-break:normal !important;overflow-wrap:anywhere !important;}
#cart .product-cart-info{display:flex !important;gap:6px !important;align-items:baseline !important;flex-wrap:wrap !important;margin:4px 0 0 !important;}
#cart .product-cart-info .product-cart-qty{font-size:14px !important;font-weight:600 !important;color:var(--bs-ink2) !important;}
#cart .product-cart-info .product-cart-price,#cart .product-cart-total{font-size:15px !important;font-weight:850 !important;color:var(--bs-amber) !important;}
#cart .dropdown-menu table td.product-cart-close{position:static !important;width:24px !important;}
#cart .dropdown-menu .btn-danger{width:24px !important;height:24px !important;display:flex !important;align-items:center !important;justify-content:center !important;border:0 !important;border-radius:999px !important;background:transparent !important;color:var(--bs-ink) !important;font-size:14px !important;padding:0 !important;box-shadow:none !important;}
#cart .dropdown-menu .btn-danger:hover{background:rgba(200,117,24,.12) !important;color:var(--bs-amber) !important;}
#cart .dropdown-menu li+li{border-top:1px solid rgba(99,58,22,.12) !important;padding-top:14px !important;}
#cart .dropdown-menu li:last-child .table{margin:0 0 14px !important;}
#cart .dropdown-menu li:last-child .table tr{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:14px !important;padding:7px 0 !important;}
#cart .dropdown-menu li:last-child .table td{font-size:16px !important;line-height:1.25 !important;padding:0 !important;color:var(--bs-ink) !important;}
#cart .dropdown-menu li:last-child .table td.text-left strong{font-weight:850 !important;}
#cart .dropdown-menu li:last-child .table td.text-right,#cart .dropdown-menu li:last-child .table td:last-child{font-weight:900 !important;color:var(--bs-amber) !important;white-space:nowrap !important;}
.product-cart-button{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin:0 !important;padding:0 !important;text-align:stretch !important;}
#cart .product-cart-button .btn,#cart .product-cart-button a{width:100% !important;min-height:48px !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:16px !important;font-size:15px !important;font-weight:900 !important;padding:0 16px !important;text-align:center !important;text-shadow:none !important;}
#cart .product-cart-button .cart-btn{background:rgba(36,21,13,.06) !important;color:var(--bs-ink) !important;border:1px solid rgba(99,58,22,.13) !important;box-shadow:none !important;}
#cart .product-cart-button .checkout-btn{background:linear-gradient(135deg,var(--bs-amber),#db8619) !important;color:#fff7e8 !important;border:0 !important;box-shadow:0 14px 28px rgba(200,117,24,.24) !important;}
#cart .product-cart-button .cart-btn:hover,#cart .product-cart-button .checkout-btn:hover{background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff7e8 !important;}
#cart .product-cart-empty{padding:18px 0 !important;color:var(--bs-muted) !important;font-weight:750 !important;}

/* Premium blocks */
.breadcrumb,ul.breadcrumb{display:flex !important;flex-wrap:wrap !important;gap:8px !important;align-items:center !important;margin:0 0 30px !important;padding:18px 22px !important;border:1px solid rgba(99,58,22,.14) !important;border-radius:28px !important;background:linear-gradient(135deg,rgba(36,21,13,.96),rgba(92,53,23,.96)) !important;box-shadow:var(--bs-shadow) !important;}
.breadcrumb li,.breadcrumb a{color:#fff1d6 !important;font-weight:850 !important;}
.breadcrumb>li+li:before,.breadcrumb li+li a:before,.breadcrumb a:hover:after{display:none !important;content:none !important;}
.breadcrumb>li+li:after{content:"›";order:-1;color:rgba(255,241,214,.55);font-size:22px;margin:0 4px 0 0;}
.breadcrumb a i{width:36px;height:36px;border-radius:13px;display:inline-flex !important;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bs-amber),var(--bs-gold));color:#fff !important;}

#column-left .box,#column-right .box,#column-left .box-content,#column-right .box-content,#column-left .list-group,#column-right .list-group{border-radius:28px !important;border:1px solid rgba(99,58,22,.13) !important;background:rgba(255,253,248,.94) !important;box-shadow:var(--bs-shadow) !important;overflow:hidden !important;}
#column-left .box-heading,#column-right .box-heading,#column-left .box-content h3,#column-right .box-content h3{padding:16px 20px !important;margin:0 !important;background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff1d6 !important;font-size:16px !important;font-weight:900 !important;}
#column-left a.list-group-item,#column-right a.list-group-item,#column-left .box-content ul li a,#column-right .box-content ul li a{border:0 !important;border-bottom:1px solid rgba(99,58,22,.08) !important;background:transparent !important;color:var(--bs-ink2) !important;padding:13px 20px !important;font-weight:750 !important;}
#column-left a.list-group-item:hover,#column-right a.list-group-item:hover,#column-left a.list-group-item.active,#column-right a.list-group-item.active{background:rgba(241,196,106,.16) !important;color:var(--bs-amber) !important;}

.category-info{margin:18px 0 30px !important;padding:12px !important;border-radius:26px !important;border:1px solid rgba(99,58,22,.13) !important;background:rgba(255,253,248,.92) !important;box-shadow:var(--bs-shadow) !important;}
.category-info .row{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:12px !important;}
.category-info .row:before,.category-info .row:after{display:none !important;}
.category-info .category-list-grid,.category-info .category-compare,.category-info .category-sorting{float:none !important;width:auto !important;padding:0 !important;}
.category-info .category-sorting{margin-left:auto !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;flex:1 1 auto !important;}
#grid-view,#list-view,.category-info .btn-group .btn{width:44px !important;height:44px !important;border-radius:15px !important;border:1px solid rgba(99,58,22,.13) !important;background:#fffdf8 !important;color:var(--bs-ink) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important;}
#grid-view.active,#list-view.active,#grid-view:hover,#list-view:hover{background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff7e8 !important;border-color:transparent !important;}
#compare-total,.category-compare .btn-link{min-height:44px !important;border-radius:999px !important;background:linear-gradient(135deg,var(--bs-amber),var(--bs-amber2)) !important;color:#fff7e8 !important;padding:0 18px !important;display:inline-flex !important;align-items:center !important;font-weight:900 !important;}
.category-info label{font-weight:750 !important;color:var(--bs-muted) !important;background:transparent !important;border:0 !important;padding:0 !important;}
.form-control,select.form-control,input.form-control,textarea.form-control,.category-info .form-control{min-height:44px !important;border-radius:999px !important;border:1px solid rgba(99,58,22,.13) !important;background:rgba(255,253,248,.92) !important;color:var(--bs-ink) !important;box-shadow:none !important;padding-left:16px !important;padding-right:16px !important;}
textarea.form-control{border-radius:18px !important;}
.form-control:focus{border-color:rgba(200,117,24,.55) !important;box-shadow:0 0 0 4px rgba(241,196,106,.22) !important;}

.product-layout{margin-bottom:30px !important;}
.product-thumb,.product-thumb.transition{position:relative !important;min-height:100% !important;border:1px solid rgba(99,58,22,.13) !important;border-radius:30px !important;background:rgba(255,253,248,.96) !important;box-shadow:var(--bs-shadow) !important;overflow:hidden !important;padding:14px !important;transition:transform .25s var(--bs-ease),box-shadow .25s var(--bs-ease),border-color .25s var(--bs-ease) !important;}
.product-thumb:hover{transform:translateY(-6px) !important;box-shadow:var(--bs-shadow2) !important;border-color:rgba(200,117,24,.30) !important;}
.product-thumb .image{border-radius:22px !important;overflow:hidden !important;background:linear-gradient(180deg,#fbf0df,#f6e7d2) !important;border:0 !important;padding:0 !important;}
.product-thumb .image img{width:100% !important;aspect-ratio:1/1 !important;object-fit:cover !important;border-radius:22px !important;transition:transform .35s var(--bs-ease) !important;}
.product-thumb:hover .image img{transform:scale(1.035) !important;}
.product-thumb .caption,.product-thumb .product-description{padding:17px 2px 0 !important;background:transparent !important;border:0 !important;}
.product-thumb h4,.product-thumb .product-title{font-size:17px !important;line-height:1.24 !important;font-weight:900 !important;margin:0 0 11px !important;color:var(--bs-ink) !important;}
.product-thumb h4 a,.product-thumb .product-title a{color:var(--bs-ink) !important;}
.product-thumb .price-cartbtn{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;flex-wrap:wrap !important;}
.product-thumb .price{font-size:18px !important;color:var(--bs-amber) !important;font-weight:950 !important;margin:0 !important;}
.product-thumb .addcart,button.addcart,.product-thumb button.addcart,.btn-primary,#button-cart,.buttons .btn{min-height:44px !important;border:0 !important;border-radius:999px !important;background:linear-gradient(135deg,var(--bs-amber),#db8619) !important;color:#fff7e8 !important;box-shadow:0 14px 28px rgba(200,117,24,.24) !important;font-weight:900 !important;text-shadow:none !important;padding:0 20px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;}
.product-thumb .addcart:hover,button.addcart:hover,.btn-primary:hover,#button-cart:hover{background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff7e8 !important;transform:translateY(-2px) !important;}
.product-thumb .rating,.rating,.rating .fa-star,.rating .fa-star-o,.rating .fa-stack-1x,.rating .fa-stack-2x{color:var(--bs-amber) !important;}
.product-thumb .button-group{position:absolute !important;top:12px !important;right:12px !important;z-index:4 !important;display:flex !important;flex-direction:column !important;gap:8px !important;opacity:0 !important;transform:translateY(7px) !important;transition:all .2s var(--bs-ease) !important;}
.product-thumb:hover .button-group{opacity:1 !important;transform:none !important;}
.product-thumb .button-group button{width:40px !important;height:40px !important;border-radius:999px !important;background:rgba(255,253,248,.92) !important;color:var(--bs-ink) !important;border:1px solid rgba(99,58,22,.12) !important;box-shadow:0 10px 24px rgba(36,21,13,.12) !important;}
.product-thumb .button-group button:hover{background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff7e8 !important;border-color:transparent !important;}

/* product page and tabs */
.product-content,.pro-deatil.product-content,.product-left .thumbnails,.product-right,.propage-tab .tab-content,.well,.panel,.modal-content{border-radius:30px !important;border:1px solid rgba(99,58,22,.13) !important;background:rgba(255,253,248,.95) !important;box-shadow:var(--bs-shadow) !important;}
.product-content,.pro-deatil.product-content,.product-left .thumbnails,.product-right{padding:20px !important;}
.product-right h1{font-size:clamp(30px,3vw,46px) !important;line-height:1.05 !important;}
.pro_price,.product-right .pro_price{font-size:clamp(32px,3vw,48px) !important;font-weight:950 !important;color:var(--bs-amber) !important;letter-spacing:-.045em !important;}
.propage-tab .nav-tabs{display:inline-flex !important;flex-wrap:wrap !important;gap:8px !important;padding:8px !important;margin:38px 0 18px !important;border:1px solid rgba(99,58,22,.13) !important;border-radius:999px !important;background:rgba(255,253,248,.93) !important;box-shadow:var(--bs-shadow) !important;}
.propage-tab .nav-tabs li{margin:0 !important;border:0 !important;}
.propage-tab .nav-tabs li+li:before{display:none !important;}
.propage-tab .nav-tabs li a{padding:13px 22px !important;border:0 !important;border-radius:999px !important;background:transparent !important;color:var(--bs-ink2) !important;font-weight:900 !important;}
.propage-tab .nav-tabs li.active a,.propage-tab .nav-tabs li:hover a{background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff7e8 !important;}
.propage-tab .tab-content{padding:28px !important;color:var(--bs-muted) !important;font-size:16px !important;line-height:1.75 !important;}

/* Slider / home safety */
.slideshow,.swiper-viewport,.themability_slider{max-width:100% !important;overflow:hidden !important;border-radius:0 !important;}
.slideshow img,.swiper-slide img,.themability_slider img{max-width:100% !important;height:auto !important;object-fit:cover !important;}
.swiper-pager .swiper-button-prev,.swiper-pager .swiper-button-next,.slider_arrow{width:54px !important;height:54px !important;border-radius:999px !important;background:rgba(255,253,248,.92) !important;border:1px solid rgba(99,58,22,.13) !important;color:var(--bs-ink) !important;box-shadow:0 14px 32px rgba(36,21,13,.13) !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.swiper-pager .swiper-button-prev:hover,.swiper-pager .swiper-button-next:hover,.slider_arrow:hover{background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff7e8 !important;}
.swiper-pagination-bullet,.slider_navigator .i{background:var(--bs-cream) !important;border:1px solid rgba(99,58,22,.18) !important;}
.swiper-pagination-bullet-active,.slider_navigator .iav{background:var(--bs-amber) !important;}

footer,.footer-top,.footer-bottom{background:linear-gradient(180deg,#24150d,#160c07) !important;color:rgba(255,243,223,.78) !important;border:0 !important;}
footer h5,footer h4,footer h3{color:#fff1d6 !important;}
footer a{color:rgba(255,243,223,.78) !important;}
footer a:hover{color:var(--bs-gold) !important;}
.scrollToTop,.scroll-to-top{width:54px !important;height:54px !important;border-radius:999px !important;background:linear-gradient(135deg,var(--bs-amber),var(--bs-gold)) !important;color:#fff !important;border:0 !important;box-shadow:0 18px 34px rgba(92,53,23,.26) !important;}

/* MOBILE - rebuilt, no bottom dock, no giant circles */
@media (max-width:991px){
  body{padding-bottom:0 !important;}
  .container{width:calc(100% - 24px) !important;max-width:none !important;}
  header,header.header-fixed,.common-home header{margin-bottom:22px !important;}
  header .header-inner{display:grid !important;grid-template-columns:1fr auto !important;gap:12px !important;align-items:center !important;min-height:0 !important;padding:14px 0 !important;}
  .header-left{grid-column:1 / -1 !important;grid-row:1 !important;max-width:100% !important;width:100% !important;display:flex !important;justify-content:center !important;}
  .header-center{grid-column:1 !important;grid-row:2 !important;width:auto !important;min-width:0 !important;display:flex !important;align-items:center !important;}
  .header-right{grid-column:2 !important;grid-row:2 !important;position:static !important;transform:none !important;width:auto !important;display:flex !important;gap:8px !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;justify-self:end !important;}
  #logo a{max-width:100% !important;min-height:58px !important;padding:10px 14px !important;border-radius:22px !important;}
  #logo img{max-width:min(260px,86vw) !important;max-height:60px !important;}
  #logo h1{font-size:clamp(22px,7vw,34px) !important;line-height:1.02 !important;}
  #header_ac>a,#cart>.btn,.search-btn-outer{width:48px !important;height:48px !important;border-radius:17px !important;}
  #cart-total{left:auto !important;right:-6px !important;bottom:34px !important;max-width:92px !important;font-size:10px !important;padding:4px 8px !important;}

  #menu{width:auto !important;display:block !important;}
  #menu .navbar-header{display:block !important;}
  #menu .btn-navbar,#menu .btn-navbar.open-menu{width:58px !important;height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:17px !important;background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff1d6 !important;border:0 !important;box-shadow:0 14px 30px rgba(92,53,23,.23) !important;padding:0 !important;margin:0 !important;}
  #menu .btn-navbar i{font-size:23px !important;color:#fff1d6 !important;}
  #menu .btn-navbar.open-menu:after{content:"" !important;position:fixed !important;inset:0 !important;height:100dvh !important;width:100vw !important;background:rgba(22,12,7,.54) !important;z-index:2400 !important;display:block !important;backdrop-filter:blur(2px);}
  #menu #topCategoryList,#menu .main-menu{
    position:fixed !important;top:0 !important;left:0 !important;right:auto !important;bottom:auto !important;width:min(86vw,340px) !important;max-width:340px !important;height:100dvh !important;
    display:block !important;transform:translateX(-110%) !important;z-index:2500 !important;margin:0 !important;padding:0 !important;overflow:auto !important;
    border-radius:0 28px 28px 0 !important;background:rgba(255,253,248,.98) !important;box-shadow:0 28px 80px rgba(22,12,7,.35) !important;transition:transform .28s var(--bs-ease) !important;
  }
  #menu #topCategoryList.box-menu,#menu .main-menu.box-menu{transform:translateX(0) !important;}
  .menu-title{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:20px 22px !important;background:linear-gradient(135deg,var(--bs-brown),var(--bs-amber)) !important;color:#fff1d6 !important;font-size:18px !important;font-weight:900 !important;}
  .menu-title .icon-close,.menu-title i{color:#fff1d6 !important;font-size:20px !important;}
  #menu #topCategoryList>ul.nav.navbar-nav,#menu .main-menu>ul,#menu .nav{display:block !important;margin:0 !important;padding:12px !important;background:transparent !important;}
  #menu .main-menu>ul li,#menu .nav>li{float:none !important;display:block !important;text-align:left !important;position:relative !important;}
  #menu .nav>li>a,#menu .main-menu>ul li>a,#menu #topCategoryList .dropdown-inner a{display:block !important;padding:14px 42px 14px 15px !important;border-radius:16px !important;color:var(--bs-ink) !important;background:transparent !important;font-size:15px !important;font-weight:850 !important;}
  #menu .nav>li.active>a,#menu .nav>li:hover>a,#menu .nav>li.open>a,#menu .main-menu>ul li:hover>a{background:rgba(241,196,106,.18) !important;color:var(--bs-amber) !important;box-shadow:none !important;transform:none !important;}
  #topCategoryList li .toggle-menu{position:absolute !important;right:4px !important;top:5px !important;width:38px !important;height:38px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:13px !important;color:var(--bs-ink) !important;background:rgba(36,21,13,.05) !important;padding:0 !important;}
  #menu #topCategoryList .dropdown.menulist .dropdown-menu{position:relative !important;display:none;float:none !important;width:100% !important;margin:4px 0 8px !important;padding:6px !important;border:0 !important;border-radius:18px !important;background:rgba(241,196,106,.12) !important;box-shadow:none !important;}
  #menu #topCategoryList .dropdown-inner{display:block !important;padding:0 !important;}
  #menu #topCategoryList .dropdown-inner ul{display:block !important;padding:0 !important;margin:0 !important;}
  #menu #topCategoryList .dropdown-inner a{font-size:14px !important;padding-left:18px !important;}

  .header-search{position:fixed !important;left:12px !important;right:12px !important;top:calc(env(safe-area-inset-top,0px) + 74px) !important;width:auto !important;z-index:3000 !important;}
  #cart .dropdown-menu,.header-cart-toggle{position:fixed !important;left:12px !important;right:12px !important;top:calc(env(safe-area-inset-top,0px) + 86px) !important;bottom:auto !important;width:auto !important;max-width:none !important;max-height:calc(100dvh - 112px) !important;overflow:auto !important;z-index:3000 !important;border-radius:24px !important;}
  #header_ac .dropdown-menu{position:absolute !important;right:0 !important;left:auto !important;top:calc(100% + 12px) !important;width:240px !important;z-index:3000 !important;}

  .category-info .row{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
  .category-info .category-list-grid,.category-info .category-compare,.category-info .category-sorting{width:100% !important;margin:0 !important;}
  .category-info .category-sorting{display:grid !important;grid-template-columns:1fr !important;justify-content:stretch !important;}
  .sort-cat,.limit-cat,.category-sorting .form-group{width:100% !important;display:grid !important;grid-template-columns:auto 1fr !important;gap:8px !important;align-items:center !important;}
  .sort-cat select,.limit-cat select,.category-info .form-control{width:100% !important;min-width:0 !important;}
  .product-thumb .button-group{opacity:1 !important;transform:none !important;}
  .product-layout.product-list .product-thumb{display:block !important;}
  .swiper-pager .swiper-button-prev,.swiper-pager .swiper-button-next,.slider_arrow{width:48px !important;height:48px !important;}
}

@media (max-width:767px){
  .container{width:calc(100% - 20px) !important;}
  #top .col-md-2{display:none !important;}
  #top .top-left,#top .top-right{width:50% !important;float:left !important;padding-left:8px !important;padding-right:8px !important;}
  .top-right{display:flex !important;justify-content:flex-end !important;align-items:center !important;}
  .contact-info span{display:none !important;}
  header .header-inner{grid-template-columns:58px 1fr auto !important;}
  .header-left{grid-column:1 / -1 !important;}
  .header-center{grid-column:1 !important;}
  .header-right{grid-column:3 !important;gap:7px !important;}
  #header_ac>a,#cart>.btn,.search-btn-outer{width:44px !important;height:44px !important;border-radius:15px !important;}
  #header_ac>a i,#cart>button i,.search-btn-outer i{font-size:19px !important;}
  #menu .btn-navbar,#menu .btn-navbar.open-menu{width:54px !important;height:44px !important;border-radius:15px !important;}
  #cart-total{bottom:31px !important;right:-6px !important;font-size:10px !important;max-width:82px !important;}
  .breadcrumb,ul.breadcrumb{padding:14px 15px !important;margin-bottom:18px !important;border-radius:22px !important;}
  #cart .dropdown-menu>li.cart-content-product .table>tbody>tr{grid-template-columns:68px minmax(0,1fr) 22px !important;gap:12px !important;}
  #cart .dropdown-menu table td.product-cart-thumb,#cart .img-thumbnail{width:68px !important;height:68px !important;}
  #cart .dropdown-menu .product-item-name{font-size:15px !important;line-height:1.23 !important;}
  #cart .dropdown-menu li:last-child .table td{font-size:15px !important;}
  .product-thumb,.product-thumb.transition{padding:11px !important;border-radius:24px !important;}
  .product-thumb .image,.product-thumb .image img{border-radius:18px !important;}
  .product-thumb .price-cartbtn{display:block !important;}
  .product-thumb .addcart,button.addcart,.product-thumb button.addcart{width:100% !important;margin-top:12px !important;}
  .product-content,.pro-deatil.product-content,.product-left .thumbnails,.product-right{padding:14px !important;border-radius:24px !important;}
  .product-right{margin-top:18px !important;}
  .quantity-addcart,.proquantity-detail,.pro-cart,#button-cart{width:100% !important;}
  .product-btn-quantity{width:100% !important;justify-content:space-between !important;}
  #button-cart{width:100% !important;}
  .propage-tab .nav-tabs{width:100% !important;border-radius:22px !important;}
  .propage-tab .nav-tabs li,.propage-tab .nav-tabs li a{width:100% !important;text-align:center !important;}
  .propage-tab .tab-content{padding:20px !important;border-radius:24px !important;font-size:15px !important;}
  .slideshow img,.swiper-slide img{max-height:280px !important;object-fit:cover !important;}
  footer .footer-top h5{font-size:22px !important;}
}

@media (max-width:420px){
  .container{width:calc(100% - 16px) !important;}
  header .header-inner{grid-template-columns:54px 1fr auto !important;gap:8px !important;}
  #logo h1{font-size:19px !important;}
  #logo a{padding:9px 11px !important;}
  #header_ac>a,#cart>.btn,.search-btn-outer{width:40px !important;height:40px !important;}
  #menu .btn-navbar,#menu .btn-navbar.open-menu{width:50px !important;height:40px !important;}
  .header-right{gap:6px !important;}
  #cart-total{bottom:28px !important;font-size:9px !important;padding:3px 6px !important;max-width:72px !important;}
  #cart .dropdown-menu,.header-cart-toggle{left:8px !important;right:8px !important;top:calc(env(safe-area-inset-top,0px) + 76px) !important;max-height:calc(100dvh - 96px) !important;padding:14px !important;}
  #cart .dropdown-menu>li.cart-content-product .table>tbody>tr{grid-template-columns:62px minmax(0,1fr) 22px !important;gap:10px !important;}
  #cart .dropdown-menu table td.product-cart-thumb,#cart .img-thumbnail{width:62px !important;height:62px !important;}
  #cart .product-cart-button .btn,#cart .product-cart-button a{min-height:46px !important;font-size:14px !important;}
  .product-right h1{font-size:27px !important;}
}

/* ======================================================================
   BrauSinn unified final fixes: breadcrumb, toast alerts, sidebar polish
   Added into one final OCMOD package.
   ====================================================================== */

/* Breadcrumb spacing and cleaner separators */
.breadcrumb,
ul.breadcrumb {
  gap: 10px !important;
}

.breadcrumb > li,
ul.breadcrumb > li {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 0 !important;
  box-shadow: none !important;
}

.breadcrumb > li + li,
ul.breadcrumb > li + li {
  padding-left: 18px !important;
}

.breadcrumb > li + li:after,
ul.breadcrumb > li + li:after {
  left: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  margin: 0 !important;
  color: rgba(255,241,214,.72) !important;
  font-size: 20px !important;
}

.breadcrumb > li a,
ul.breadcrumb > li a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.breadcrumb > li:last-child,
ul.breadcrumb > li:last-child {
  max-width: min(58vw, 520px);
}

.breadcrumb > li:last-child a,
ul.breadcrumb > li:last-child a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Toast notifications instead of page-pushing alerts */
.bs-toast-stack {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 99999;
  width: min(420px, calc(100vw - 24px));
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}

.bs-toast {
  display: grid;
  grid-template-columns: 28px 1fr 22px;
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,253,248,.98);
  border: 1px solid rgba(99,58,22,.12);
  box-shadow: 0 18px 48px rgba(36,21,13,.18);
  transform: translateY(-10px);
  opacity: 0;
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: auto;
  color: #1f140d;
}

.bs-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.bs-toast.is-hiding {
  opacity: 0;
  transform: translateY(-8px);
}

.bs-toast-success {
  border-left: 4px solid #d8891c;
}

.bs-toast-danger {
  border-left: 4px solid #b24324;
}

.bs-toast-warning {
  border-left: 4px solid #d89c1c;
}

.bs-toast-info {
  border-left: 4px solid #5c3517;
}

.bs-toast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: linear-gradient(135deg,#f4c96b,#e29a26);
  color: #fff8ed;
  font-size: 15px;
  margin-top: 1px;
}

.bs-toast-danger .bs-toast-icon {
  background: linear-gradient(135deg,#b24324,#d56d38);
}

.bs-toast-text {
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  color: #3f2b1e;
}

.bs-toast-close {
  border: 0;
  background: transparent;
  color: #6f6054;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  font-size: 22px;
  cursor: pointer;
}

.bs-toast-close:hover {
  color: #1f140d;
}

.alert.toast-replaced,
.alert-dismissible.toast-replaced {
  display: none !important;
}

/* Category sidebar: unified BrauSinn style */
#column-left .box,
#column-left .box-content,
#column-left .box-category,
#column-left .list-group,
#column-right .box,
#column-right .box-content,
#column-right .box-category,
#column-right .list-group {
  border-radius: 28px !important;
  overflow: hidden !important;
  background: rgba(255,253,248,.96) !important;
  border: 1px solid rgba(99,58,22,.12) !important;
  box-shadow: 0 18px 42px rgba(36,21,13,.10) !important;
}

#column-left .box-heading,
#column-right .box-heading,
#column-left .box-content h3,
#column-right .box-content h3,
#column-left .box-category h3,
#column-right .box-category h3 {
  position: relative !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #2a190f, #8b5319) !important;
  color: #fff2da !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.05);
}

#column-left .box-heading:before,
#column-left .box-heading:after,
#column-right .box-heading:before,
#column-right .box-heading:after,
#column-left .box-content h3:before,
#column-left .box-content h3:after,
#column-right .box-content h3:before,
#column-right .box-content h3:after,
#column-left .box-category h3:before,
#column-left .box-category h3:after,
#column-right .box-category h3:before,
#column-right .box-category h3:after {
  display: none !important;
  content: none !important;
}

#column-left .list-group,
#column-right .list-group,
#column-left .box-content,
#column-right .box-content,
#column-left .box-category,
#column-right .box-category {
  padding-top: 0 !important;
}

#column-left a.list-group-item,
#column-right a.list-group-item,
#column-left .box-category ul li a,
#column-right .box-category ul li a,
#column-left .box-content ul li a,
#column-right .box-content ul li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(99,58,22,.08) !important;
  background: transparent !important;
  color: #3f2b1e !important;
  font-weight: 750 !important;
}

#column-left a.list-group-item:hover,
#column-right a.list-group-item:hover,
#column-left a.list-group-item.active,
#column-right a.list-group-item.active,
#column-left .box-category ul li a:hover,
#column-right .box-category ul li a:hover {
  color: #c87518 !important;
  background: rgba(241,196,106,.14) !important;
}

#column-left .list-group a:last-child,
#column-left .box-category ul li:last-child a,
#column-right .list-group a:last-child,
#column-right .box-category ul li:last-child a {
  border-bottom: 0 !important;
}

/* Clean stray theme decorations in sidebar */
#column-left .box *,
#column-right .box * {
  box-shadow: none;
}

#column-left .toggle-open,
#column-right .toggle-open,
#column-left .fa-plus,
#column-right .fa-plus {
  color: #8b5319 !important;
}

/* Category toolbar refinements */
.category-info {
  background: rgba(255,253,248,.96) !important;
}

@media (max-width: 767px) {
  .bs-toast-stack {
    top: 12px;
    right: 10px;
    left: 10px;
    width: auto;
  }

  .bs-toast {
    grid-template-columns: 24px 1fr 18px;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 16px;
  }

  .bs-toast-text {
    font-size: 14px;
  }

  .breadcrumb > li:last-child,
  ul.breadcrumb > li:last-child {
    max-width: 44vw;
  }
}


/* ======================================================================
   Unified final hotfix v4.1 - slider controls cleanup + toolbar alignment
   ====================================================================== */

/* Clean old slider decorative junk: circles / translucent ovals / long lines */
.swiper-viewport .swiper-pager > div:before,
.swiper-viewport .swiper-pager > div:after,
.swiper-viewport .swiper-pager > div i:after,
.swiper-viewport .swiper-pager > div i:before,
.owl-carousel.owl-theme .owl-nav button:before,
.owl-carousel.owl-theme .owl-nav button:after,
.owl-carousel.owl-theme .owl-nav button i:after,
.owl-carousel.owl-theme .owl-nav button i:before,
.slider_arrow:before,
.slider_arrow:after {
  content: none !important;
  display: none !important;
}

.swiper-viewport .swiper-pager > div,
.owl-carousel.owl-theme .owl-nav button.owl-next,
.owl-carousel.owl-theme .owl-nav button.owl-prev {
  box-shadow: 0 12px 28px rgba(36,21,13,.12) !important;
  background: rgba(255,253,248,.96) !important;
  border: 1px solid rgba(99,58,22,.13) !important;
}

.swiper-viewport .swiper-pager > div i,
.owl-carousel.owl-theme .owl-nav > button i {
  line-height: 1 !important;
  font-size: 30px !important;
  position: static !important;
}

.slideshow .swiper-viewport .swiper-pager .swiper-button-prev,
.slideshow .swiper-viewport:hover .swiper-pager .swiper-button-prev {
  left: 16px !important;
}

.slideshow .swiper-viewport .swiper-pager .swiper-button-next,
.slideshow .swiper-viewport:hover .swiper-pager .swiper-button-next {
  right: 16px !important;
}

.brand .swiper-viewport .swiper-pager .swiper-button-prev,
.brand .swiper-viewport:hover .swiper-pager .swiper-button-prev {
  left: 16px !important;
}

.brand .swiper-viewport .swiper-pager .swiper-button-next,
.brand .swiper-viewport:hover .swiper-pager .swiper-button-next {
  right: 16px !important;
}

/* Category toolbar alignment on desktop */
.category-info .row {
  display: grid !important;
  grid-template-columns: auto auto 1fr !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 12px !important;
}

.category-info .category-list-grid,
.category-info .category-compare,
.category-info .category-sorting {
  width: auto !important;
  min-width: 0 !important;
}

.category-info .category-list-grid .btn-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.category-info .category-compare .form-group,
.category-info .category-sorting .form-group {
  margin: 0 !important;
}

.category-info .category-sorting {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

.category-info .sort-cat,
.category-info .limit-cat {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.category-info .text-category-sort,
.category-info .text-category-limit,
.category-info .select-cat-sort,
.category-info .select-cat-limit {
  margin: 0 !important;
}

.category-info .text-category-sort label,
.category-info .text-category-limit label {
  margin: 0 !important;
  white-space: nowrap !important;
}

.category-info .select-cat-sort select,
.category-info .select-cat-limit select {
  margin: 0 !important;
}

.category-info .select-cat-sort select {
  min-width: 170px !important;
}

.category-info .select-cat-limit select {
  min-width: 84px !important;
}

@media (max-width: 991px) {
  .category-info .row {
    grid-template-columns: 1fr !important;
  }

  .category-info .category-list-grid,
  .category-info .category-compare,
  .category-info .category-sorting {
    width: 100% !important;
  }

  .category-info .category-sorting {
    justify-content: flex-start !important;
  }
}

/* ======================================================================
   BrauSinn unified final fixes 4.2
   Slider arrows, category toolbar overflow, cart table buttons, dark title.
   ====================================================================== */

/* 1) Slider arrows: remove old Healthify circles / ovals / decorative lines */
.swiper-viewport .swiper-pager > div:before,
.swiper-viewport .swiper-pager > div:after,
.swiper-viewport .swiper-pager > div i:before,
.swiper-viewport .swiper-pager > div i:after,
.owl-carousel.owl-theme .owl-nav button:before,
.owl-carousel.owl-theme .owl-nav button:after,
.owl-carousel.owl-theme .owl-nav button i:before,
.owl-carousel.owl-theme .owl-nav button i:after,
.slider_arrow:before,
.slider_arrow:after {
  content: none !important;
  display: none !important;
}

.swiper-viewport .swiper-pager > div,
.owl-carousel.owl-theme .owl-nav button.owl-next,
.owl-carousel.owl-theme .owl-nav button.owl-prev,
.slider_arrow {
  width: 50px !important;
  height: 50px !important;
  border-radius: 999px !important;
  background: rgba(255,253,248,.96) !important;
  border: 1px solid rgba(99,58,22,.13) !important;
  box-shadow: 0 12px 28px rgba(36,21,13,.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
}

.swiper-viewport .swiper-pager > div i,
.owl-carousel.owl-theme .owl-nav > button i {
  position: static !important;
  display: block !important;
  line-height: 1 !important;
  font-size: 30px !important;
  text-shadow: none !important;
}

.slideshow .swiper-viewport .swiper-pager .swiper-button-prev,
.slideshow .swiper-viewport:hover .swiper-pager .swiper-button-prev {
  left: 18px !important;
}

.slideshow .swiper-viewport .swiper-pager .swiper-button-next,
.slideshow .swiper-viewport:hover .swiper-pager .swiper-button-next {
  right: 18px !important;
}

/* 2) Category toolbar: keep everything inside and aligned */
.category-info {
  padding: 14px 18px !important;
  overflow: visible !important;
}

.category-info .row {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 12px !important;
}

.category-info .category-list-grid,
.category-info .category-compare,
.category-info .category-sorting {
  width: auto !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
}

.category-info .category-list-grid .btn-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

#grid-view,
#list-view,
.category-info .btn-group .btn {
  position: static !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.category-info .category-compare .form-group,
.category-info .category-sorting .form-group {
  margin: 0 !important;
}

.category-info .category-sorting {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 22px !important;
  flex-wrap: nowrap !important;
}

.category-info .sort-cat,
.category-info .limit-cat {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.category-info .text-category-sort,
.category-info .text-category-limit,
.category-info .select-cat-sort,
.category-info .select-cat-limit {
  margin: 0 !important;
  padding: 0 !important;
}

.category-info .text-category-sort label,
.category-info .text-category-limit label {
  margin: 0 !important;
  white-space: nowrap !important;
}

.category-info .select-cat-sort select {
  width: 180px !important;
  min-width: 0 !important;
  max-width: 180px !important;
}

.category-info .select-cat-limit select {
  width: 86px !important;
  min-width: 0 !important;
  max-width: 86px !important;
}

.category-info select.form-control:focus,
.category-info select.form-control {
  box-shadow: none !important;
}

/* 3) Cart page quantity/update/remove controls */
#checkout-cart .table-responsive {
  overflow-x: auto !important;
}

#checkout-cart .table > tbody > tr > td:nth-child(4) {
  min-width: 270px !important;
}

#checkout-cart .input-group.btn-block {
  max-width: 260px !important;
  width: 260px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#checkout-cart .input-group.btn-block .form-control {
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  height: 46px !important;
  border-radius: 999px !important;
  text-align: center !important;
  font-weight: 800 !important;
  padding: 0 10px !important;
  margin: 0 !important;
}

#checkout-cart .input-group-btn {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

#checkout-cart .input-group-btn > .btn {
  position: static !important;
  float: none !important;
  width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#checkout-cart .input-group-btn > .btn-primary {
  background: linear-gradient(135deg,#d98518,#e6a12a) !important;
  color: #fff8ed !important;
}

#checkout-cart .input-group-btn > .btn-primary i {
  display: none !important;
}

#checkout-cart .input-group-btn > .btn-primary:before {
  content: "✓";
  font-size: 21px;
  line-height: 1;
  font-weight: 900;
}

#checkout-cart .input-group-btn > .btn-danger {
  background: linear-gradient(135deg,#a93b24,#d8563b) !important;
  color: #fff8ed !important;
}

#checkout-cart .input-group-btn > .btn-danger i {
  display: none !important;
}

#checkout-cart .input-group-btn > .btn-danger:before {
  content: "×";
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}

/* 4) Dark hero title: make it readable */
#product-product #content > h1:first-of-type,
#product-category #content > h2:first-of-type,
#product-search #content > h1:first-of-type,
#product-special #content > h1:first-of-type {
  color: #fff1d6 !important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.35),
    0 10px 28px rgba(0,0,0,.55) !important;
  -webkit-text-stroke: .25px rgba(255,241,214,.22);
}

@media (max-width: 1199px) {
  .category-info .row {
    grid-template-columns: 1fr !important;
  }

  .category-info .category-list-grid,
  .category-info .category-compare,
  .category-info .category-sorting {
    width: 100% !important;
  }

  .category-info .category-sorting {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 767px) {
  #checkout-cart .table > tbody > tr > td:nth-child(4) {
    min-width: 250px !important;
  }

  #checkout-cart .input-group.btn-block {
    width: 238px !important;
    max-width: 238px !important;
  }

  #checkout-cart .input-group.btn-block .form-control {
    flex-basis: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
  }

  #checkout-cart .input-group-btn > .btn {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  .category-info .sort-cat,
  .category-info .limit-cat {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .category-info .select-cat-sort select,
  .category-info .select-cat-limit select {
    width: 100% !important;
    max-width: none !important;
  }

  .category-info .select-cat-sort,
  .category-info .select-cat-limit {
    flex: 1 1 auto !important;
  }
}

/* ======================================================================
   BrauSinn unified final fixes 4.3
   Clear slider arrows, readable hero title, refined qty control.
   ====================================================================== */

/* Slider: make navigation obviously clickable and remove leftover shapes */
.slideshow .swiper-viewport,
.slideshow .swiper-container,
.slideshow .swiper-wrapper,
.slideshow .swiper-slide {
  width: 100% !important;
}
.slideshow .swiper-slide img,
.themability_slider .swiper-slide img,
.slideshow img {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
.swiper-button-prev,
.swiper-button-next,
.slideshow .swiper-viewport .swiper-pager > div,
.slideshow .swiper-pager .swiper-button-prev,
.slideshow .swiper-pager .swiper-button-next {
  width: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;
  background: rgba(255,250,241,.94) !important;
  border: 1px solid rgba(99,58,22,.16) !important;
  box-shadow: 0 14px 30px rgba(36,21,13,.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
}
.swiper-button-prev i,
.swiper-button-next i,
.slideshow .swiper-pager > div i {
  display: none !important;
}
.swiper-button-prev:before,
.slideshow .swiper-pager .swiper-button-prev:before {
  content: '\2039' !important;
  display: block !important;
  font-size: 40px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #402413 !important;
  transform: translateX(-2px) !important;
}
.swiper-button-next:before,
.slideshow .swiper-pager .swiper-button-next:before {
  content: '\203A' !important;
  display: block !important;
  font-size: 40px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #402413 !important;
  transform: translateX(2px) !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover,
.slideshow .swiper-pager .swiper-button-prev:hover,
.slideshow .swiper-pager .swiper-button-next:hover {
  background: linear-gradient(135deg, #6e3d13, #d08b22) !important;
}
.swiper-button-prev:hover:before,
.swiper-button-next:hover:before,
.slideshow .swiper-pager .swiper-button-prev:hover:before,
.slideshow .swiper-pager .swiper-button-next:hover:before {
  color: #fff7e8 !important;
}

/* Hero title: visible on dark banner */
#product-product #content > h1:first-of-type,
#product-category #content > h2:first-of-type,
#product-search #content > h1:first-of-type,
#product-special #content > h1:first-of-type,
#information-information #content > h1:first-of-type {
  display: inline-block !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 12px 18px !important;
  margin: 20px 0 16px 18px !important;
  border-radius: 18px !important;
  background: rgba(24,12,7,.36) !important;
  color: #fff4dc !important;
  opacity: 1 !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.65) !important;
  -webkit-text-stroke: 0.35px rgba(255,241,214,.32) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.10) !important;
}

/* Product quantity control: no empty strip, proper segmented control */
.product-btn-quantity {
  display: inline-grid !important;
  grid-template-columns: 54px 96px 54px !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid rgba(99,58,22,.16) !important;
  border-radius: 22px !important;
  background: rgba(255,253,248,.98) !important;
  box-shadow: none !important;
  min-height: 56px !important;
}
.product-btn-quantity .minus,
.product-btn-quantity .plus,
.product-btn-quantity #input-quantity,
.product-btn-quantity input.form-control {
  margin: 0 !important;
  box-shadow: none !important;
}
.product-btn-quantity .minus,
.product-btn-quantity .plus {
  width: 54px !important;
  min-width: 54px !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(233,222,199,.45) !important;
  color: #402413 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
}
.product-btn-quantity .minus { border-right: 1px solid rgba(99,58,22,.10) !important; }
.product-btn-quantity .plus { border-left: 1px solid rgba(99,58,22,.10) !important; }
.product-btn-quantity .minus:hover,
.product-btn-quantity .plus:hover {
  background: linear-gradient(135deg, #6e3d13, #d08b22) !important;
  color: #fff7e8 !important;
}
.product-btn-quantity #input-quantity,
.product-btn-quantity input.form-control {
  width: 96px !important;
  min-width: 96px !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: center !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  padding: 0 8px !important;
}

@media (max-width: 767px) {
  .product-btn-quantity {
    grid-template-columns: 50px 84px 50px !important;
    min-height: 52px !important;
  }
  .product-btn-quantity .minus,
  .product-btn-quantity .plus,
  .product-btn-quantity #input-quantity,
  .product-btn-quantity input.form-control {
    height: 52px !important;
  }
  .product-btn-quantity #input-quantity,
  .product-btn-quantity input.form-control {
    width: 84px !important;
    min-width: 84px !important;
  }
}

/* ======================================================================
   BrauSinn unified final fixes 4.4
   Reliable hero heading visibility + modern blog listing cards.
   ====================================================================== */

/* Reliable heading visibility on dark hero bars (product/category/blog etc.) */
#content > h1,
#content > h2,
#product-product #content > h1,
#product-category #content > h2,
#product-special #content > h1,
#product-search #content > h1,
#information-information #content > h1,
.all-blog > h1 {
  display: inline-block !important;
  position: relative !important;
  z-index: 3 !important;
  padding: 12px 18px !important;
  margin: 24px 0 18px 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(42,25,15,.72), rgba(111,65,22,.38)) !important;
  color: #fff4dc !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.60) !important;
  -webkit-text-stroke: 0.35px rgba(255,241,214,.28) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.16) !important;
}

/* Blog listing: modern card layout for BrauSinn */
.all-blog .row {
  display: flex;
  flex-wrap: wrap;
}
.all-blog .product-block {
  margin-bottom: 28px !important;
}
.all-blog .product-block-inner {
  background: rgba(255,253,248,.96) !important;
  border: 1px solid rgba(99,58,22,.10) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(36,21,13,.10) !important;
  padding: 0 !important;
}
.all-blog .blog-left-content,
.all-blog .blog-right-content {
  float: none !important;
  width: 100% !important;
}
.all-blog .blog-image {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #fbefdc, #f4e3c5) !important;
  aspect-ratio: 16 / 10;
}
.all-blog .blog-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.all-blog .blog-image img[src*='no_image'] {
  opacity: .18 !important;
  object-fit: contain !important;
  padding: 34px !important;
  filter: sepia(.6) saturate(.65) hue-rotate(-12deg) !important;
}
.all-blog .post-image-hover {
  background: linear-gradient(to top, rgba(32,19,12,.38), rgba(32,19,12,0)) !important;
  opacity: 1 !important;
}
.all-blog .post_hover {
  bottom: 14px !important;
  right: 14px !important;
  opacity: 1 !important;
}
.all-blog .post_hover .icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,245,225,.26) !important;
  background: rgba(255,253,248,.92) !important;
  color: #4a2a15 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.10) !important;
}
.all-blog .blog-right-content {
  padding: 20px 22px 22px !important;
}
.all-blog .blog-date-comment {
  margin-bottom: 12px !important;
}
.all-blog .date-time {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(241,196,106,.14) !important;
  color: #6e3d13 !important;
  font-weight: 700 !important;
}
.all-blog .blog_title {
  margin: 0 0 12px !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}
.all-blog .blog_title a {
  color: #24150d !important;
}
.all-blog .blog-desc {
  color: #4d3a2e !important;
  line-height: 1.68 !important;
  margin-bottom: 16px !important;
  min-height: 84px;
}
.all-blog .read-more .btn {
  border-radius: 14px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  background: linear-gradient(135deg, #6e3d13, #d08b22) !important;
  border: 0 !important;
  box-shadow: 0 14px 28px rgba(183,107,25,.22) !important;
  color: #fff7e8 !important;
  font-weight: 900 !important;
}
.all-blog .read-more .btn:hover {
  background: linear-gradient(135deg, #4f2a10, #b9721b) !important;
}
.all-blog .pagination-main {
  background: rgba(255,253,248,.96) !important;
  border: 1px solid rgba(99,58,22,.10) !important;
  border-radius: 22px !important;
  padding: 16px 18px !important;
  box-shadow: 0 18px 42px rgba(36,21,13,.08) !important;
}
.all-blog .pagination-main .pagination {
  margin: 0 !important;
}
.all-blog .pagination-main .pagination li a,
.all-blog .pagination-main .pagination li span {
  border-radius: 999px !important;
}

@media (max-width: 767px) {
  #content > h1,
  #content > h2,
  #product-product #content > h1,
  #product-category #content > h2,
  #product-special #content > h1,
  #product-search #content > h1,
  #information-information #content > h1,
  .all-blog > h1 {
    margin: 16px 0 14px 12px !important;
    padding: 10px 14px !important;
    font-size: 24px !important;
    line-height: 1.18 !important;
  }
  .all-blog .blog_title {
    font-size: 22px !important;
  }
  .all-blog .blog-desc {
    min-height: 0;
  }
}

/* ======================================================================
   BrauSinn unified final fixes 4.5
   Product/category page-title readability + cleaner blog read-more button.
   ====================================================================== */

/* Force visible top page-title on dark hero banner */
#content > h1.page-title,
#content > h2.page-title,
#product-product #content > h1.page-title,
#product-category #content > h1.page-title,
#product-category #content > h2.page-title,
#product-search #content > h1.page-title,
#product-special #content > h1.page-title,
#information-information #content > h1.page-title,
.all-blog > h1.page-title,
h1.page-title {
  display: inline-block !important;
  position: relative !important;
  z-index: 20 !important;
  max-width: calc(100% - 36px) !important;
  margin: 22px 0 16px 20px !important;
  padding: 12px 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(255,244,220,.18), rgba(200,117,24,.10)) !important;
  color: #fff4dc !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.62),
    0 8px 22px rgba(0,0,0,.72),
    0 0 18px rgba(255,218,150,.16) !important;
  -webkit-text-stroke: .45px rgba(255,248,232,.38) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,244,220,.09),
    0 12px 26px rgba(0,0,0,.16) !important;
  filter: none !important;
}

#content > h1.page-title a,
#content > h2.page-title a,
h1.page-title a {
  color: #fff4dc !important;
  text-shadow:
    0 2px 0 rgba(0,0,0,.62),
    0 8px 22px rgba(0,0,0,.72) !important;
}

/* If the title is too long, keep it readable inside the hero */
#product-product #content > h1.page-title,
#product-category #content > h1.page-title,
#product-category #content > h2.page-title {
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Blog card button: centered, clean, premium */
.all-blog .read-more {
  margin-top: 18px !important;
  text-align: left !important;
}

.all-blog .read-more .btn,
.all-blog .read-more a.btn,
.all-blog .read-more .btn-info {
  min-width: 154px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-align: center !important;
  letter-spacing: -.01em !important;
  color: #fff7e8 !important;
  background: linear-gradient(135deg, #7b4314 0%, #d8891c 100%) !important;
  box-shadow: 0 14px 28px rgba(126,70,20,.22) !important;
  text-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.all-blog .read-more .btn:hover,
.all-blog .read-more a.btn:hover,
.all-blog .read-more .btn-info:hover {
  transform: translateY(-2px) !important;
  color: #fff7e8 !important;
  background: linear-gradient(135deg, #3a2112 0%, #c87518 100%) !important;
  box-shadow: 0 18px 34px rgba(126,70,20,.28) !important;
}

.all-blog .read-more .btn:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(255,247,232,.86);
  box-shadow: 0 0 0 4px rgba(255,247,232,.14);
}

@media (max-width: 767px) {
  #content > h1.page-title,
  #content > h2.page-title,
  h1.page-title {
    max-width: calc(100% - 24px) !important;
    margin: 16px 0 14px 12px !important;
    padding: 10px 14px !important;
    font-size: 24px !important;
    line-height: 1.16 !important;
  }

  .all-blog .read-more .btn,
  .all-blog .read-more a.btn,
  .all-blog .read-more .btn-info {
    width: 100% !important;
  }
}