/* Bottled-beers gallery v20260722 ? scoped under :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) */

.g0722-page {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) {
font-family: 'Roboto Condensed', Arial, sans-serif;
--g0722-thumb: 184px;
--g0722-thumb-marker: 179px;
--g0722-btn-w: 175px;
--g0722-name-w: 161px;
--g0722-style-w: 161px;
--g0722-style-h: 14px;
--g0722-brwr-w: 161px;
--g0722-ad-img-w: 173px;
--g0722-body-h: 340px;
--g0722-body-h-ad: 340px;
--g0722-body-h-ad-tall: 360px;
--g0722-card__price-fs: 17px;
--g0722-card__price-old-fs: 13px;
--g0722-card__price-status-fs: 13px;
--g0722-title-fs: 16px;
--g0722-card__style-fs: 14px;
--g0722-card__brewery-name-fs: 14px;
--g0722-fav-top: -181px;
--g0722-fav-left: 145px;
--g0722-marker-stock-top: -25px;
--g0722-marker-stock-left: -5px;
--g0722-marker-min-qty-top: -25px;
--g0722-marker-min-qty-left: -5px;
--g0722-marker-stock--offset-top: -46px;
--g0722-cart-icon-top: -150px;
--g0722-cart-icon-left: 63px;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
width: 100%;
}

@media (min-width: 768px) {
    .containeraaa.g0722-page:has(form[action="/select-beer-substyle"]) :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="bottled-beers"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="bottled-cider"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="bottled-mead"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="beer-sets"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="beers-to-order"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="beer-glasses"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="products"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="favorites"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="style-beer"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="beer-style"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="beer-volume"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="beers-from"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="beer-taste"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="discount"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="novinki-piva-i-cidra"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="tag"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="cider-style"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="cider-from"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="search"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-gallery-view="beer-hop"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    [data-catalog-view="brewery"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid),
    .g0722-brewery-grid[data-catalog-view="brewery"],
    .g0722-brewery-grid[data-catalog-view="beer-glasses"],
    .g0722-brewery-grid[data-catalog-view="products"] {
--g0722-thumb: 215px;
--g0722-thumb-marker: 210px;
--g0722-btn-w: 206px;
--g0722-name-w: 192px;
--g0722-style-w: 192px;
--g0722-style-h: 15px;
--g0722-brwr-w: 192px;
--g0722-ad-img-w: 204px;
--g0722-body-h: 371px;
--g0722-body-h-ad: 371px;
--g0722-body-h-ad-tall: 393px;
--g0722-card__price-fs: 19px;
--g0722-card__price-old-fs: 15px;
--g0722-card__price-status-fs: 15px;
--g0722-title-fs: 16px;
--g0722-card__style-fs: 15px;
--g0722-card__brewery-name-fs: 15px;
--g0722-fav-top: -212px;
--g0722-fav-left: 175px;
--g0722-marker-stock-top: -26px;
--g0722-marker-stock-left: -5px;
--g0722-marker-min-qty-top: -26px;
--g0722-marker-min-qty-left: -5px;
--g0722-marker-stock--offset-top: -46px;
--g0722-cart-icon-top: -175px;
--g0722-cart-icon-left: 74px;
}

}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) > .g0722__cell {
width: 100%;
min-width: 0;
float: none;
box-sizing: border-box;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) > .g0722-clear {
display: none;
}

@media (max-width: 1110px) {
:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

@media (max-width: 888px) {
:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 610px) {
:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

/* === card shell === */

.g0722-card {
width: var(--g0722-thumb);
max-width: 100%;
margin: 0 auto 35px auto;
padding: 10px 0 15px 0;
clear: both;
border: 0 solid #c0c0c0;
border-radius: 7px;
background: #fff;
box-sizing: border-box;
}

.g0722-card__body {
width: 100%;
margin: 0 0 15px 0;
padding: 0 0 5px 5px;
border: 2px solid #fff;
clear: both;
font-size: 11pt;
box-sizing: border-box;
}

.g0722-card__body--product {
height: var(--g0722-body-h-ad-tall);
margin-bottom: 20px;
}

.g0722-card__body--ad {
height: var(--g0722-body-h-ad);
margin-bottom: 42px;
}

.g0722-card__body--ad-tall {
height: var(--g0722-body-h-ad-tall);
margin-bottom: 20px;
}

.g0722-card__thumb {
width: 100%;
height: var(--g0722-thumb);
margin: 0;
padding: 0;
border: 0 solid #c0c0c0;
float: left;
clear: both;
text-align: center;
/*background-color: #fff;*/
box-sizing: border-box;
position: relative;
border-radius: 10px;
}

.g0722-card__thumb:hover {
/*background-color: #fff;*/
}

.g0722-card__thumb picture {
    display: block;
    width: 100%;
    height: var(--g0722-thumb);
    border-radius: 10px;
    overflow: hidden;
    }
    
    .g0722-card__thumb img,
    .g0722-card__thumb picture img {
        display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
height: auto;
    object-fit: contain;
border-radius: 10px;
filter: brightness(100%);
}

/* === price row (under photo) === */

.g0722-card__price-row {
clear: both;
width: 100%;
max-width: 200px;
margin: 0;
padding: 10px 7px 5px 7px;
box-sizing: border-box;
line-height: 1.25;
}

.g0722-card__price {
display: inline-block;
font-size: var(--g0722-card__price-fs);
font-weight: bold;
color: #000;
}

.g0722-card__price--discount {
color: #ee0000;
}

.g0722-card__price-old {
display: inline-block;
margin-left: 4px;
font-size: var(--g0722-card__price-old-fs);
font-weight: normal;
color: #888;
text-decoration: line-through;
vertical-align: baseline;
}

.g0722-card__price-status {
display: inline-block;
margin-left: 8px;
font-size: var(--g0722-card__price-status-fs);
font-weight: normal;
vertical-align: baseline;
}

.g0722-card__price-status--in-stock {
color: #008f00;
}

.g0722-card__price-status--podzakaz {
color: #fa0;
}

.g0722-card__price-status--soon {
color: #f36223;
}

.g0722-card__price-status--out-of-stock {
color: #ee0000;
}

/* === text block === */

.g0722-card__text-block {
height: 73px;
clear: both;
}

.g0722-card__title {
display: -webkit-box;
width: var(--g0722-name-w);
max-width: 100%;
max-height: 36px;
margin-top: 8px;
margin-bottom: 6px;
padding: 0 7px 1px 7px;
font-size: var(--g0722-title-fs);
float: left;
clear: both;
text-align: left;
font-weight: bold;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.g0722-card__style {
display: -webkit-box;
width: 100%;
max-width: var(--g0722-style-w);
height: var(--g0722-style-h);
margin-bottom: 2px;
padding: 3px 5px 1px 7px;
float: left;
clear: both;
text-align: left;
color: #777;
font-size: var(--g0722-card__style-fs);
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.g0722-card__brewery {
width: 100%;
max-width: var(--g0722-brwr-w);
height: 32px;
margin: 0;
padding: 0 5px 0 7px;
float: left;
clear: both;
text-align: left;
font-size: 14px;
line-height: 15px;
}

.g0722-card__brewery-name {
display: -webkit-box;
width: 100%;
max-width: 195px;
height: 15px;
padding: 3px 0 0 0;
float: left;
text-align: left;
font-size: var(--g0722-card__brewery-name-fs);
color: #777;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.g0722-collab {
padding: 0 0 5px 0;
clear: both;
text-align: center;
font-size: 13px;
font-style: italic;
line-height: 17px;
color: #888;
}

.g0722-collab__name {
color: #000;
}

/* === stats row === */

.g0722-stats {
clear: both;
overflow: hidden;
padding: 4px 0 0 0;
min-height: 35px;
text-align: center;
font-size: 13px;
}

.g0722-stats__spacer-5 {
width: 5%;
height: 35px;
float: left;
}

.g0722-stats__spacer-20 {
width: 20%;
height: 35px;
float: left;
}

.g0722-stats__col-25 {
width: 25%;
height: 35px;
float: left;
}

.g0722-stats__col-30 {
width: 30%;
height: 35px;
float: left;
}

.g0722-stats__col-35 {
width: 35%;
height: 35px;
float: left;
}

.g0722-stats__value-row {
width: 100%;
height: 20px;
clear: both;
font-size: 14px;
}

.g0722-stats__label-row {
width: 100%;
height: 15px;
clear: both;
font-size: 11px;
}

.g0722-stats__value--active {
color: #ee0000;
}

/* === hop tags === */

.g0722-hop-row {
height: 59px;
margin-top: 0;
padding: 0 5px;
float: left;
clear: both;
text-align: center;
font-size: 14px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: left;
overflow: hidden;
}

.g0722-hop-ellipsis {
display: none;
margin: 2px 4px;
padding: 1px 0;
font-size: 11px;
line-height: 1.4;
color: #333;
}

.g0722-hop-tag {
margin: 2px 4px;
padding: 1px 5px;
float: left;
text-align: center;
font-size: 11px;
background: #fff;
color: #333;
border: 1px solid #333;
border-radius: 10px;
}

.g0722-hop-tag--active {
background: #ccee99;
border-color: #9ccc55;
color: #333;
border-radius: 10px;
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-hop-tag:not(.g0722-hop-tag--active) {
background: #333;
border-color: #fff;
color: #fff;
border-radius: 10px;
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-hop-tag--active {
background: #ccee99;
border-color: #9ccc55;
color: #333;
border-radius: 10px;
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-hop-ellipsis {
color: #fff;
}

/* === delivery / stock labels === */

.g0722-delivery {
height: 12px;
clear: both;
padding: 6px 3px 9px 3px;
text-align: center;
font-size: 13px;
color: #008b00;
}

.g0722-delivery__inner {
padding: 3px 7px;
border-radius: 0;
}

.g0722-delivery__date {
font-size: 14px;
}

.g0722-in-stock {
height: 12px;
clear: both;
padding: 7px 3px 8px 3px;
text-align: center;
font-size: 12px;
color: #008b00;
}

.g0722-in-stock__text {
font-size: 12px;
}

.g0722-delivery-spacer {
height: 12px;
clear: both;
padding: 5px 3px 10px 3px;
}

/* === cart row === */

.g0722-cart-row {
width: var(--g0722-btn-w);
max-width: 100%;
height: 20px;
margin: 0 auto 15px auto;
padding: 0 0 5px 0;
clear: both;
}

.g0722-cart-row--advent {
margin: 0 0 15px 0;
}

.g0722-clear {
clear: both;
}

.g0722-hidden {
display: none;
}

/* === ad images === */

.g0722-ad-img {
width: 100%;
height: 100%;
border-radius: 8px;
border: 0 solid #333;
box-shadow: 4px 4px 2px 0 rgba(0, 0, 0, 0.4);
}

.g0722-ad-img--fill {
width: 100%;
height: 100%;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-shiny-container {
position: relative;
overflow: hidden;
display: inline-block;
line-height: 0;
width: var(--g0722-ad-img-w);
height: 100%;
border-radius: 8px;
border: 0 solid #333;
box-shadow: 4px 4px 2px 0 rgba(0, 0, 0, 0.4);
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-shiny-container::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 50%;
height: 100%;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.6) 50%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-25deg);
transition: none;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-shiny-container:hover::after {
left: 150%;
transition: left 0.9s ease-in-out;
}

/* === markers === */

.g0722-marker-soon {
display: block;
position: relative;
z-index: 10;
}

.g0722-marker-soon span {
display: inline-block;
position: absolute;
width: 50px;
top: 0;
left: 0;
background: #f36223;
padding: 4px;
text-align: center;
color: #fff;
font-size: 14px;
border-radius: 3px;
}

.g0722-marker-new {
display: block;
position: relative;
z-index: 10;
}

.g0722-marker-new span {
display: inline-block;
position: absolute;
width: 55px;
top: 8px;
left: -5px;
background: #ee0000;
padding: 4px;
text-align: center;
color: #fff;
font-size: 13px;
border-radius: 3px;
}

.g0722-marker-comeback {
display: block;
position: relative;
}

.g0722-marker-comeback span {
display: inline-block;
position: absolute;
width: 55px;
top: 22px;
left: 0;
background: #02b9b3;
padding: 5px 4px;
text-align: center;
color: #fff;
font-size: 12px;
}

.g0722-marker-discount {
display: block;
position: relative;
}

.g0722-marker-discount span {
display: inline-block;
position: absolute;
width: 36px;
top: 8px;
left: -5px;
background: #fe0;
padding: 5px;
text-align: center;
color: #000;
font-size: 14px;
z-index: 10;
border-radius: 3px;
}

.g0722-marker-nal {
display: block;
position: relative;
}

.g0722-marker-nal span {
display: inline-block;
position: absolute;
width: 95px;
top: 0;
left: 0;
background: #444;
padding: 4px;
text-align: center;
color: #fff;
font-size: 14px;
}

.g0722-marker-price {
display: block;
position: relative;
}

.g0722-marker-price span {
display: inline-block;
position: absolute;
width: 55px;
top: 0;
left: 0;
background: #008b00;
padding: 4px;
text-align: center;
color: #fff;
font-size: 14px;
}

.g0722-marker-price-discount {
display: block;
position: relative;
}

.g0722-marker-price-discount span {
display: inline-block;
position: absolute;
width: 55px;
top: 0;
left: 0;
background: #ee0000;
padding: 4px;
text-align: center;
color: #fff;
font-size: 14px;
}

.g0722-marker-podzakaz {
display: block;
position: relative;
}

.g0722-marker-podzakaz span {
display: inline-block;
position: absolute;
width: 55px;
top: 22px;
left: 0;
background: #fc0;
padding: 4px;
text-align: center;
color: #000;
font-size: 12px;
}

.g0722-marker-awards {
display: inline-block;
position: absolute;
}

.g0722-marker-awards span {
display: inline-block;
position: absolute;
top: 0;
left: -40px;
}

.g0722-marker-min-qty {
    position: absolute;
    left: 0;
    top: var(--g0722-thumb-marker);
    width: 0;
    height: 0;
    overflow: visible;
    z-index: 2;
    pointer-events: none;
    }

.g0722-marker-min-qty span {
display: inline-block;
position: absolute;
width: 40px;
padding: 3px;
top: var(--g0722-marker-min-qty-top);
left: var(--g0722-marker-min-qty-left);
text-align: center;
color: #fff;
background-color: #ffbb00;
font-size: 12px;
border-radius: 3px;
}

.g0722-marker-stock {
    position: absolute;
    left: 0;
    top: var(--g0722-thumb-marker);
    width: 0;
    height: 0;
    overflow: visible;
    z-index: 2;
    pointer-events: none;
    }

.g0722-marker-stock span {
display: inline-block;
position: absolute;
width: 40px;
padding: 3px;
top: var(--g0722-marker-stock-top);
left: var(--g0722-marker-stock-left);
text-align: center;
font-size: 12px;
border-radius: 3px;
}

.g0722-marker-stock--offset span {
top: var(--g0722-marker-stock--offset-top);
}

.g0722-stock-qty--red {
font-size: 12px;
color: #fff;
background-color: #ee0000;
border-radius: 0;
}

.g0722-stock-qty--gray {
font-size: 12px;
color: #000;
background-color: #f0f0f0;
border-radius: 0;
}

.g0722-marker-fav {
display: block;
position: absolute;
top: calc(var(--g0722-thumb) + var(--g0722-fav-top));
left: var(--g0722-fav-left);
z-index: 10;
margin: 0;
pointer-events: auto;
}

.g0722-marker-fav span {
display: inline-block;
position: static;
top: auto;
left: auto;
text-align: center;
color: #ffbb00;
font-size: 28px;
}

.g0722-marker-fav-glasses {
display: block;
position: absolute;
top: calc(var(--g0722-thumb) + var(--g0722-fav-top));
left: var(--g0722-fav-left);
z-index: 10;
margin: 0;
pointer-events: auto;
}

.g0722-marker-fav-glasses span {
display: inline-block;
position: static;
top: auto;
left: auto;
text-align: center;
color: #ffbb00;
font-size: 28px;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-btn-fav {
background: transparent;
border: none !important;
font-size: 28px;
cursor: pointer;
color: #ffbb00;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
padding: 0;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-btn-fav:hover {
background: transparent;
border: none !important;
font-size: 28px;
cursor: pointer;
color: #ffbb00;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-fav-star-icon {
display: block;
width: 1em;
height: 1em;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-fav-star-icon__outline {
opacity: 1;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-fav-star-icon__filled {
opacity: 0;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-btn-fav.is-favorite .g0722-fav-star-icon__outline {
opacity: 0;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-btn-fav.is-favorite .g0722-fav-star-icon__filled {
opacity: 1;
}

.g0722-cart-marker {
display: inline-block;
position: relative;
font-size: 15px;
color: #fff;
}

.g0722-btn-cart__icon {
padding: 0 5px 0 0;
position: relative;
left: 0;
top: 1px;
}

.g0722-btn-cart__text {
padding: 0 5px 0 0;
position: relative;
left: 0;
top: -3px;
font-size: 13px;
}

/* === cart buttons === */

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) button.g0722-btn-cart {
cursor: pointer;
color: #fff;
font-size: 13px;
font-family: Arial, sans-serif;
font-weight: bold;
justify-content: center;
background: #008f00;
border: 0 solid #555;
height: 40px;
width: var(--g0722-btn-w);
max-width: 100%;
border-radius: 7px;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) button.g0722-btn-cart:hover {
cursor: pointer;
color: #fff;
font-size: 13px;
font-family: Arial, sans-serif;
font-weight: bold;
justify-content: center;
background: #32cd32;
border: 2px solid #008f00;
height: 40px;
width: var(--g0722-btn-w);
max-width: 100%;
border-radius: 7px;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) button.g0722-btn-advent {
cursor: pointer;
color: #008b00;
font-size: 13px;
font-family: Arial, sans-serif;
font-weight: bold;
justify-content: center;
background: #fc0;
border: 0 solid #555;
height: 40px;
width: var(--g0722-btn-w);
max-width: 100%;
border-radius: 7px;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) button.g0722-btn-advent:hover {
cursor: pointer;
color: #000;
font-size: 13px;
font-family: Arial, sans-serif;
font-weight: bold;
justify-content: center;
background: #fff;
border: 2px solid #fc0;
height: 40px;
width: var(--g0722-btn-w);
max-width: 100%;
border-radius: 7px;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) button.g0722-btn-minus {
height: 40px;
width: 50px;
cursor: pointer;
color: #fff;
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: bold;
justify-content: center;
background: #008f00;
border: 0 solid #555;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) button.g0722-btn-plus {
height: 40px;
width: 50px;
cursor: pointer;
color: #fff;
font-size: 20px;
font-family: Arial, sans-serif;
justify-content: center;
background: #008f00;
border: 0 solid #555;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}

:is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) button.g0722-btn-plus.g0722-btn-plus--disabled {
background: #d0d0d0;
cursor: default;
}

/* === quantity counter === */

.g0722-products-counter {
height: 40px;
width: var(--g0722-btn-w);
max-width: 100%;
float: left;
padding: 0;
font-size: 26px;
}

.g0722-quality-prev,
.g0722-quality-next {
height: 40px;
width: 50px;
float: left;
padding: 0;
cursor: pointer;
}

.g0722-product-quality {
height: 40px;
width: calc(var(--g0722-btn-w) - 100px);
max-width: calc(100% - 100px);
float: left;
padding: 0;
font-size: 18px;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
box-sizing: border-box;
background: #f0f0f0;
color: #444;
}

.g0722-in-cart-label {
width: var(--g0722-btn-w);
max-width: 100%;
height: 10px;
padding: 10px 0 0 0;
text-align: center;
clear: both;
color: #008f00;
font-size: 12px;
}

.g0722-in-cart-label--js {
padding: 5px 0 0 0;
font-size: 13px;
}

/* === dark theme (??? .beer_block2 > div[background:#fff] ? theme-phase1.css) === */

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card {
background: var(--cb-bg-page) !important;
background-color: var(--cb-bg-page) !important;
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__body {
background-color: var(--cb-bg-page) !important;
border-color: var(--cb-bg-page) !important;
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__thumb,
html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__thumb:hover {
    background-color: transparent;
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__price {
color: var(--cb-text);
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__price--discount {
color: #ee0000;
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__price-old {
color: var(--cb-text-muted);
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__price-status--in-stock {
color: var(--cb-accent-green);
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__price-status--out-of-stock {
color: var(--cb-accent-red);
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__title,
html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__title a,
html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__title .a_black_noline {
color: var(--cb-text);
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__brewery,
html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__brewery-name,
html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-stats,
html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-stats__value-row,
html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-stats__label-row,
html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-collab {
color: var(--cb-text);
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-card__style {
color: var(--cb-text);
}

html[data-theme="dark"] :is(#g0722-gallery-root,[id^="g0722-gallery-root-"],.g0722-brewery-grid) .g0722-collab__name {
color: var(--cb-text);
}

/* Catalog filter toolbar (bottled-beers) */
.g0722-title-block {
margin: 20px 20px 30px 20px;
width: calc(100% - 40px);
}

.g0722-filtr-toolbar-wrap {
margin: 30px 10px 20px 0px;
position: relative;
}

.g0722-catalog-toolbar {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.g0722-catalog-toolbar__controls {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}

.g0722-catalog-toolbar__sort-wrap {
position: relative;
flex-shrink: 0;
}

.g0722-catalog-panel--sort[hidden] {
display: none !important;
}

.g0722-catalog-panel__title {
padding: 12px 16px 8px;
font-size: 14px;
font-weight: 600;
color: #222;
border-bottom: 1px solid #eee;
}

.g0722-catalog-panel--sort .g0722-panel-option {
display: block;
width: 100%;
flex: 0 0 auto;
box-sizing: border-box;
padding: 10px 16px;
border: 0;
border-radius: 0;
background: transparent;
color: #222;
font-size: 14px;
line-height: 1.35;
text-align: left;
text-decoration: none;
white-space: normal;
}

.g0722-catalog-panel--sort .g0722-panel-option:hover,
.g0722-catalog-panel--sort .g0722-panel-option:focus {
background: #f5f5f5;
color: #222;
text-decoration: none;
}

.g0722-catalog-panel--sort .g0722-panel-option.is-active {
background: #ccee99;
color: #333;
}

.g0722-catalog-panel--sort .g0722-panel-option.is-active:hover,
.g0722-catalog-panel--sort .g0722-panel-option.is-active:focus {
background: #ccee99;
color: #333;
}

.g0722-catalog-toolbar__active {
display: flex;
align-items: center;
gap: 8px;
flex: 1 1 auto;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}

.g0722-catalog-toolbar__active::-webkit-scrollbar {
display: none;
}

.g0722-toolbar-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
padding: 0 14px;
border: 0;
border-radius: 12px;
background: #ececec;
color: #222;
font-size: 14px;
line-height: 1.2;
cursor: pointer;
white-space: nowrap;
}

.g0722-toolbar-btn--sort {
width: 38px;
min-width: 38px;
padding: 0;
}

.g0722-toolbar-btn__icon {
font-size: 18px;
line-height: 1;
}

.g0722-toolbar-btn:hover,
.g0722-toolbar-btn:focus {
background: #e2e2e2;
}

.g0722-catalog-panel {
position: relative;
z-index: 20;
margin-top: 8px;
}

.g0722-catalog-panel.g0722-catalog-panel--sort {
position: absolute;
top: calc(100% + 6px);
left: 0;
z-index: 40;
margin-top: 0;
min-width: 260px;
max-width: min(320px, calc(100vw - 32px));
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 12px;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
overflow: hidden;
}

.g0722-catalog-panel__inner {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 10px 0;
}

.g0722-catalog-panel--sort .g0722-catalog-panel__inner,
.g0722-catalog-panel--sort .g0722-catalog-panel__inner--list {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
gap: 0;
padding: 4px 0;
overflow: visible;
}

/* /style-beer: панель выбора стиля (только .style-beer-toolbar-root) */
.style-beer-toolbar-root .g0722-catalog-toolbar__styles-wrap {
position: relative;
flex-shrink: 0;
}

.style-beer-toolbar-root .g0722-catalog-panel--styles[hidden] {
display: none !important;
}

.style-beer-toolbar-root .g0722-catalog-panel.g0722-catalog-panel--styles {
position: absolute;
top: calc(100% + 6px);
left: 0;
z-index: 40;
margin-top: 0;
min-width: 260px;
max-width: min(320px, calc(100vw - 32px));
max-height: min(420px, calc(100vh - 120px));
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 12px;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
overflow: hidden;
}

.style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-catalog-panel__inner,
.style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-catalog-panel__inner--list {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
gap: 0;
padding: 4px 0;
max-height: min(360px, calc(100vh - 180px));
overflow-x: hidden;
overflow-y: auto;
}

.style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option {
display: block;
width: 100%;
flex: 0 0 auto;
box-sizing: border-box;
padding: 10px 16px;
border: 0;
border-radius: 0;
background: transparent;
color: #222;
font-size: 14px;
line-height: 1.35;
text-align: left;
text-decoration: none;
white-space: normal;
}

.style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option:hover,
.style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option:focus {
background: #f5f5f5;
color: #222;
text-decoration: none;
}

.style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option.is-active {
background: #ccee99;
color: #333;
}

.style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option.is-active:hover,
.style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option.is-active:focus {
background: #ccee99;
color: #333;
}

.g0722-panel-option.is-active {
background: #ccee99;
border-color: #9ccc55;
color: #333;
}

.g0722-catalog-filter-modal {
position: fixed;
inset: 0;
z-index: 12000;
display: none;
align-items: center;
justify-content: center;
padding: 16px;
}

.g0722-catalog-filter-modal.is-open {
display: flex;
}

.g0722-catalog-filter-modal[hidden] {
display: none !important;
}

.g0722-catalog-filter-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.45);
}

.g0722-catalog-filter-modal__dialog {
position: relative;
z-index: 1;
width: min(720px, 100%);
max-height: calc(100vh - 32px);
overflow: auto;
background: #fff;
border-radius: 16px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
padding: 10px 25px;
}

.g0722-catalog-filter-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 18px 20px 18px;
}

.g0722-catalog-filter-modal__header h2 {
margin: 0;
font-size: 20px;
font-weight: 700;
}

.g0722-catalog-filter-modal__close {
border: 0;
background: transparent;
font-size: 28px;
line-height: 1;
cursor: pointer;
color: #666;
}

.g0722-catalog-filter-form {
padding: 0 18px 18px;
}

.g0722-filter-section {
margin-bottom: 18px;
}

.g0722-filter-section__title {
margin-bottom: 8px;
font-size: 15px;
font-weight: 700;
color: #222;
}

.g0722-filter-section__search {
display: block;
width: 100%;
margin-bottom: 8px;
padding: 8px 12px;
border: 1px solid #d8d8d8;
border-radius: 10px;
font-size: 14px;
box-sizing: border-box;
}

.g0722-filter-list {
display: flex;
flex-direction: column;
gap: 2px;
max-height: 180px;
overflow-y: auto;
border: 1px solid #e8e8e8;
border-radius: 12px;
background: #fafafa;
padding: 6px;
}

.g0722-filter-list__item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 10px;
border-radius: 8px;
font-size: 14px;
cursor: pointer;
}

.g0722-filter-list__item--child {
padding-left: 22px;
}

.g0722-filter-list__item.is-checked {
background: #e8f5d0;
}

.g0722-filter-list__item.is-disabled {
opacity: 0.45;
cursor: not-allowed;
}

.g0722-filter-list__empty {
padding: 12px 10px;
font-size: 14px;
color: #888;
text-align: center;
}

.g0722-filter-list__empty[hidden] {
display: none;
}

.g0722-filter-modal-body.is-loading {
opacity: 0.55;
pointer-events: none;
}

.g0722-filter-list__text {
flex: 1 1 auto;
min-width: 0;
}

.g0722-filter-list__count {
flex-shrink: 0;
color: #888;
font-size: 12px;
}

.g0722-filter-match-toast {
position: fixed;
left: 50%;
bottom: 24px;
transform: translateX(-50%) translateY(8px);
padding: 10px 16px;
border-radius: 8px;
background: rgba(34, 34, 34, 0.94);
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
white-space: nowrap;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
z-index: 12100;
}

.g0722-filter-match-toast.is-visible {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}

html[data-theme="dark"] .g0722-filter-match-toast {
background: rgba(240, 240, 240, 0.95);
color: #222;
}

.g0722-filter-section--slider {
padding-top: 4px;
}

.g0722-filter-list__item.is-hidden-by-search {
display: none;
}

.g0722-dual-slider__labels {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
}

.g0722-dual-slider__track {
position: relative;
height: 28px;
}

.g0722-dual-slider__fill {
position: absolute;
top: 50%;
height: 4px;
transform: translateY(-50%);
background: #008f00;
border-radius: 999px;
left: 0;
right: 0;
}

.g0722-dual-slider__input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 28px;
margin: 0;
background: none;
pointer-events: none;
-webkit-appearance: none;
appearance: none;
}

.g0722-dual-slider__input::-webkit-slider-thumb {
pointer-events: auto;
-webkit-appearance: none;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
border: 2px solid #008f00;
cursor: pointer;
}

.g0722-dual-slider__input::-moz-range-thumb {
pointer-events: auto;
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
border: 2px solid #008f00;
cursor: pointer;
}

.g0722-dual-slider--locked .g0722-dual-slider__track {
opacity: 0.85;
}

.g0722-filter-section__options {
display: flex;
flex-wrap: wrap;
gap: 8px;
}

.g0722-filter-option {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border-radius: 999px;
background: #f3f3f3;
font-size: 14px;
cursor: pointer;
}

.g0722-filter-option input {
margin: 0;
}

.g0722-filter-range-row {
display: none;
}

.g0722-catalog-filter-modal__footer {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
padding-top: 8px;
}

.g0722-filter-reset-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 16px;
border: 1px solid #c8c8c8;
border-radius: 12px;
background: #fff;
color: #333;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}

.g0722-filter-apply-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 140px;
min-height: 42px;
padding: 0 18px;
border: 0;
border-radius: 12px;
background: #008f00;
color: #fff;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}

.g0722-toolbar-reset-chip {
flex-shrink: 0;
}

body.g0722-filter-modal-open {
overflow: hidden;
}

@media (max-width: 768px) {
.g0722-catalog-toolbar {
align-items: flex-start;
}

.g0722-catalog-toolbar__active {
padding-bottom: 2px;
}

.g0722-catalog-filter-modal {
align-items: flex-end;
padding: 0;
}

.g0722-catalog-filter-modal__dialog {
width: 100%;
max-height: 92vh;
border-radius: 16px 16px 0 0;
}
}

html[data-theme="dark"] .g0722-toolbar-btn {
background: #2a2a2a;
color: #fff;
}

html[data-theme="dark"] .g0722-toolbar-btn:hover,
html[data-theme="dark"] .g0722-toolbar-btn:focus {
background: #3a3a3a;
color: #fff;
}

html[data-theme="dark"] .g0722-title-block h1 {
color: var(--cb-text, #fff);
}

html[data-theme="dark"] .g0722-catalog-filter-modal__dialog {
background: var(--cb-bg-page, #141414);
color: var(--cb-text, #fff);
}

html[data-theme="dark"] .g0722-catalog-filter-modal__header h2,
html[data-theme="dark"] .g0722-filter-section__title {
color: var(--cb-text, #fff);
}

html[data-theme="dark"] .g0722-catalog-filter-modal__close {
color: var(--cb-text-muted, #bbb);
}

html[data-theme="dark"] .g0722-filter-section__search {
background: #1f1f1f;
border-color: #444;
color: var(--cb-text, #fff);
}

html[data-theme="dark"] .g0722-filter-list {
background: #1a1a1a;
border-color: #333;
}

html[data-theme="dark"] .g0722-filter-list__item {
color: var(--cb-text, #fff);
}

html[data-theme="dark"] .g0722-filter-list__item.is-checked {
background: #2d3d1f;
}

html[data-theme="dark"] .g0722-filter-list__count,
html[data-theme="dark"] .g0722-filter-list__empty {
color: var(--cb-text-muted, #aaa);
}

html[data-theme="dark"] .g0722-dual-slider__fill {
background: var(--cb-accent-green, #008f00);
}

html[data-theme="dark"] .g0722-dual-slider__input::-webkit-slider-thumb,
html[data-theme="dark"] .g0722-dual-slider__input::-moz-range-thumb {
background: #1f1f1f;
border-color: var(--cb-accent-green, #008f00);
}

html[data-theme="dark"] .g0722-panel-option.is-active {
background: #ccee99;
color: #333;
}

html[data-theme="dark"] .g0722-catalog-panel__inner .search-suggest-hint {
background: var(--cb-bg-page, #141414);
color: #fff;
border-color: #555;
}

html[data-theme="dark"] .g0722-catalog-panel--sort {
background: var(--cb-bg-page, #141414);
border-color: #555;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .g0722-catalog-panel__title {
color: #fff;
border-bottom-color: #444;
}

html[data-theme="dark"] .g0722-catalog-panel--sort .g0722-panel-option {
color: #fff;
}

html[data-theme="dark"] .g0722-catalog-panel--sort .g0722-panel-option:hover,
html[data-theme="dark"] .g0722-catalog-panel--sort .g0722-panel-option:focus {
background: #2a2a2a;
color: #fff;
}

html[data-theme="dark"] .g0722-catalog-panel--sort .g0722-panel-option.is-active,
html[data-theme="dark"] .g0722-catalog-panel--sort .g0722-panel-option.is-active:hover,
html[data-theme="dark"] .g0722-catalog-panel--sort .g0722-panel-option.is-active:focus {
background: #ccee99;
color: #000;
}

html[data-theme="dark"] .style-beer-toolbar-root .g0722-catalog-panel--styles {
background: var(--cb-bg-page, #141414);
border-color: #555;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option {
color: #fff;
}

html[data-theme="dark"] .style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option:hover,
html[data-theme="dark"] .style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option:focus {
background: #2a2a2a;
color: #fff;
}

html[data-theme="dark"] .style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option.is-active,
html[data-theme="dark"] .style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option.is-active:hover,
html[data-theme="dark"] .style-beer-toolbar-root .g0722-catalog-panel--styles .g0722-panel-option.is-active:focus {
background: #ccee99;
color: #000;
}

html[data-theme="dark"] .g0722-filter-option {
background: #2a2a2a;
color: #fff;
}

html[data-theme="dark"] .g0722-filter-reset-btn {
background: #2a2a2a;
color: #fff;
border-color: #555;
}

html[data-theme="dark"] .containeraaa.g0722-page:has([data-gallery-view="beer-hop"]) .title_select > div[style*="008f00"] {
color: #ccc !important;
}

html[data-theme="dark"] .containeraaa.g0722-page:has([data-gallery-view="beer-taste"]) .title_select > div[style*="008f00"] {
color: #ccc !important;
font-size: 16px !important;
}

html[data-theme="dark"] .containeraaa.g0722-page:has([data-gallery-view="cider-style"]) .title_select > div[style*="008f00"] {
color: #ccc !important;
}

html[data-theme="dark"] .containeraaa.g0722-page:has([data-gallery-view="style-beer"]) .g0722-title-block > div[style*="008f00"] {
color: #ccc !important;
font-size: 16px !important;
}

html[data-theme="dark"] .containeraaa.g0722-page:has(form[action="/select-beer-substyle"]) .title_select > div[style*="008f00"] {
color: #ccc !important;
}

body:has(.brewery_page_header) .gallery-action-bar {
border-radius: 10px;
}

@media (min-width: 768px) {
body:has(.brewery_page_header) .g0722-brewery-grid {
--g0722-thumb: 215px;
--g0722-btn-w: 206px;
--g0722-name-w: 192px;
--g0722-style-w: 192px;
--g0722-style-h: 15px;
--g0722-brwr-w: 192px;
--g0722-ad-img-w: 204px;
--g0722-body-h: 371px;
--g0722-body-h-ad: 371px;
--g0722-body-h-ad-tall: 393px;
--g0722-card__price-fs: 19px;
--g0722-card__price-old-fs: 15px;
--g0722-card__price-status-fs: 15px;
--g0722-title-fs: 16px;
--g0722-card__style-fs: 15px;
--g0722-card__brewery-name-fs: 15px;
--g0722-fav-top: -212px;
--g0722-fav-left: 175px;
--g0722-marker-stock-top: -26px;
--g0722-marker-stock-left: -5px;
--g0722-marker-min-qty-top: -26px;
--g0722-marker-min-qty-left: -5px;
--g0722-marker-stock--offset-top: -46px;
--g0722-cart-icon-top: -175px;
--g0722-cart-icon-left: 74px;
}
}

/* /bottled-beers, /beer-sets: clip gallery overflow on mobile (footer fix in footer-pc-v2.css) */
@media (max-width: 768px) {
    body.cb-page-catalog-mobile-footer .catalog-filter-root,
    body.cb-page-catalog-mobile-footer :is(#g0722-gallery-root, #g0722-gallery-navi) {
        max-width: 100%;
        overflow-x: hidden;
    }
}