:root{
  --acid-green:#AAFF00;
  --acid-pink:#FF0D9A;
  --acid-pink-2:#FF0457;
  --acid-blue:#7000FF;
  --orange:#FF7200;
  --green:#576400;
  --navbar-bg:transparent;
  --radius:1.5rem;
  --small-radius:1rem;
  --text-on-dark-bg:#000000;
  --text-on-dark-bg-accent:#FFFFFF;
  --card-image-height:19rem;
  --tab-1-bg:var(--acid-pink);
  --tab-2-bg:var(--orange);
  --tab-3-bg:var(--green);
  --tab-4-bg:var(--acid-blue);
  --tab-1-fg:#fff;
  --tab-2-fg:#fff;
  --tab-3-fg:#fff;
  --tab-4-fg:#fff;
  --feed-blue: #00E0FF;
  --purple:#A4005F;
  --acid-yellow:#DBFF00;
  --brown: #901616;
  --dark-red:#DD163F;
}

@font-face{
  font-family:'Inter';
  src:url('../fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap
}
@font-face{
  font-family:'Inter';
  src:url('../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight:100 900;
  font-style:italic;
  font-display:swap
}
@font-face{
  font-family:'Rammetto One';
  src:url('../fonts/Rammetto_One/RammettoOne-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap
}

html{font-size:62.5%}
body{
  background:url('/templates/main-theme/images/main-bg.jpg') center top/cover no-repeat;
  background-attachment:fixed
}

.font-inter{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.font-rammetto{font-family:'Rammetto One',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.fw-100{font-weight:100}
.fw-200{font-weight:200}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-800{font-weight:800}
.fw-900{font-weight:900}
.italic{font-style:italic}

.catalogue-section{background:none}

.navbar{padding:0;box-shadow:none}
.navbar>.container:first-child{
  background:var(--acid-green);
  border-bottom-left-radius:var(--radius);
  border-bottom-right-radius:var(--radius)
}
.navbar .navbar-brand{display:flex;align-items:center}
.navbar-logo, .navbar-brand img {display:block;max-height:7rem;height:7rem;width:auto}
@media (max-width:991.98px){.navbar-logo{}}

.navbar .nav-link{text-transform:uppercase}
.navbar .nav-link.active {
  background:var(--acid-pink);
  border:.1rem solid #000;
  border-radius:.6rem;
  text-decoration:none;
  font-weight:400
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {border:0;background:none;color:var(--acid-pink-2);}

@media (min-width:992px){
  .navbar .navbar-nav .nav-item+.nav-item{position:relative;margin-left:.5rem;padding-left:.5rem}
  .navbar .navbar-nav .nav-item+.nav-item::before{
    content:"";
    position:absolute;left:0;top:.5rem;bottom:.5rem;width:1px;
    background:rgba(0,0,0,.85)
  }
}

h2.section-title{
  font-weight:600;
  margin-bottom:1.5rem;
  border-bottom:0;
  display:inline-block;
  font-size:3rem;
  text-transform:uppercase
}
.white-outline{
  text-shadow:.2rem 0 0 #fff,-.2rem 0 0 #fff,0 .2rem 0 #fff,0 -.2rem 0 #fff,.2rem .2rem 0 #fff,-.2rem .2rem 0 #fff,.2rem -.2rem 0 #fff,-.2rem -.2rem 0 #fff,.1rem 0 0 #fff,-.1rem 0 0 #fff,0 .1rem 0 #fff,0 -.1rem 0 #fff,.1rem .1rem 0 #fff,-.1rem .1rem 0 #fff,.1rem -.1rem 0 #fff,-.1rem -.1rem 0 #fff
}

.product-card{
  position:relative;
  background-color:var(--acid-green);
  border:.3rem solid var(--acid-blue);
  border-radius:var(--radius)
}
.product-card img.card-img-top{border-radius:var(--radius);border:.1rem solid #000}
.object-fit-cover{object-fit:cover}
.product-card .card-title{
	font-weight:600;
	font-size:1.7rem;
	line-height:1.8rem;
	word-break:break-word;}
.product-card .price{
	font-weight:600;
	font-size:1.6rem;
	line-height:1.7rem;}

.products-wrap, .catalogue-section .products-list-wrapper {
	border-radius:var(--radius);
	background:var(--acid-pink-2);
	border-top: 0.2rem solid white;}

.card .btn {
  border-radius:var(--radius);
  background:var(--acid-blue);
  color:#fff;
  font-size:1.2rem;
  line-height:1.6rem;
  text-transform:none
}

.card .btn:hover, .card .btn:active {background-color:black; color:white;}

.feedbacks-list-wrapper{background:var(--green);border-radius:var(--radius)}
.showcase-info, .product-item-location-text {color:#fff;font-size:1.8rem;line-height:1.8rem;font-weight:600;}

.product-media-placeholder{border-radius:var(--radius);overflow:hidden}
.product-media-placeholder .placeholder-inner{
  background:linear-gradient(135deg,rgba(255,4,87,.2),rgba(170,255,0,.2));
  border:.1rem solid rgba(0,0,0,.15);
  height:100%
}
.placeholder-mark{font-size:2.2rem;opacity:.45}

.text-truncate-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.nav-tabs{border:0}
.nav-tabs .nav-link {
	 border-top: 0.1rem solid white;
  border-left: 0.1rem solid white;
  border-right: 0.1rem solid white;
  border-bottom: none;
   border-radius: var(--radius) var(--radius) 0 0;
}
#cityTabs{border:0}
#cityTabs .nav-link,
#showcaseCityTabs .nav-link{text-transform:uppercase;font-weight:600;transition:background-color .2s ease,color .2s ease}
#cityTabs .nav-link.active,
#showcaseCityTabs .nav-link.active{
  background:var(--tab-bg,var(--acid-pink))!important;
  color:var(--tab-fg,#fff)!important;
}
#cityTabs .nav-item:nth-child(3n+1) .nav-link,
#showcaseCityTabs .nav-item:nth-child(3n+1) .nav-link{--tab-bg:var(--tab-1-bg);--tab-fg:var(--tab-1-fg)}
#cityTabs .nav-item:nth-child(3n+2) .nav-link,
#showcaseCityTabs .nav-item:nth-child(3n+2) .nav-link{--tab-bg:var(--tab-2-bg);--tab-fg:var(--tab-2-fg)}
#cityTabs .nav-item:nth-child(3n+3) .nav-link,
#showcaseCityTabs .nav-item:nth-child(3n+3) .nav-link{--tab-bg:var(--tab-3-bg);--tab-fg:var(--tab-3-fg)}

.showcase-page-content #showcaseCityTabs .nav-link{
	font-size:1.7rem;
	line-height:1.7rem;
	padding:1rem 2rem;}
.showcase-page-content #showcaseContent .showcase-city-section{
  border-radius:var(--radius);
  padding:2rem;
  margin-bottom:1.25rem;
  background:var(--sec-bg,transparent);
  color:var(--sec-fg,inherit)
}
.showcase-page-content #showcaseContent .showcase-city-section:nth-of-type(3n+1){--sec-bg:var(--tab-1-bg);--sec-fg:var(--tab-1-fg)}
.showcase-page-content #showcaseContent .showcase-city-section:nth-of-type(3n+2){--sec-bg:var(--tab-2-bg);--sec-fg:var(--tab-2-fg)}
.showcase-page-content #showcaseContent .showcase-city-section:nth-of-type(3n+3){--sec-bg:var(--tab-3-bg);--sec-fg:var(--tab-3-fg)}

.catalog-page-content .filters-container{display:none!important}
.catalog-page-content .products-list-wrapper{
  --prod-bg:var(--acid-pink-2);
  background:var(--prod-bg)!important;
  border-radius:var(--radius)
}
.catalog-page-content:has(#cityTabs .nav-item:nth-child(3n+1) .nav-link.active) .products-list-wrapper{--prod-bg:var(--tab-1-bg)}
.catalog-page-content:has(#cityTabs .nav-item:nth-child(3n+2) .nav-link.active) .products-list-wrapper{--prod-bg:var(--tab-2-bg)}
.catalog-page-content:has(#cityTabs .nav-item:nth-child(3n+3) .nav-link.active) .products-list-wrapper{--prod-bg:var(--tab-3-bg)}

footer{background:none;padding:0}
footer>.container:first-child{
  background:var(--acid-pink-2);
  border-top-left-radius:var(--radius);
  border-top-right-radius:var(--radius)
}
.footer-logo{height:6.5rem;max-height:6.5rem;width:auto}
@media (max-width:991.98px){.footer-logo{}}

.navbar .nav-link{
  font-size:1.5rem;
  line-height:1.5rem;
  padding:.6rem .3rem;
  border-radius:.6rem;
  background:#fff;
  border:.1rem solid var(--acid-pink);
  color:#000
}

footer .navbar-nav{
  background:#fff;
  border-radius:var(--small-radius);
  border:.1rem solid #000;
  padding:1rem;
  gap:.6rem;
  flex-wrap:wrap
}
.navbar-nav .nav-link{text-transform:uppercase;font-size:1.4rem;line-height:1.4rem}
footer .nav-link:hover{text-decoration:underline;text-underline-offset:.2rem}

@media (min-width:768px){
  footer .navbar-nav{gap:0}
  footer .navbar-nav .nav-item+.nav-item{position:relative;margin-left:.6rem;padding-left:.6rem}
  footer .navbar-nav .nav-item+.nav-item::before{
    content:"";
    position:absolute;left:0;top:.5rem;bottom:.5rem;width:1px;background:rgba(0,0,0,.85)
  }
}

footer .nav-link.active{font-weight:500;text-decoration:underline;text-underline-offset:.2rem}

@media (max-width:767.98px){
  footer .row{text-align:center}
  footer .navbar-nav{margin:.75rem 0}
  footer .back-to-top{display:block;width:100%;text-align:center;margin-top:.5rem}
}

.loading-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}
.back-to-top,
.back-to-top:link,
.back-to-top:visited,
.back-to-top:hover,
.back-to-top:active{
  background:var(--acid-blue);
  border-radius:var(--small-radius);
  color:#fff;
  font-weight:500;
  font-size:1.3rem
}

.feedbacks-section .section-title {color:var(--green);}
.news-section .section-title {color:var(--dark-red);}

.news-section-wrapper {
	border-radius:var(--radius);
    background: var(--orange);
    border-top: 0.2rem solid white;
}

.product-card .card-body {padding:0;}

.product-price {
    font-size: 1.4rem;
	line-height:1.5rem;
    font-weight: 500;
    color: var(--text-on-light-primary);
}

.product-card .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: auto;
	font-size:1.2rem;
	line-height:1.2rem;
}


.showcase-page-content #showcaseCityTabs{
  --tabs-bg: var(--acid-pink);
  --tabs-fg: #fff;
}


.showcase-page-content:has(#showcaseCityTabs .nav-item:nth-child(3n+1) .nav-link.active) #showcaseCityTabs{
  --tabs-bg: var(--tab-1-bg); --tabs-fg: var(--tab-1-fg);
}
.showcase-page-content:has(#showcaseCityTabs .nav-item:nth-child(3n+2) .nav-link.active) #showcaseCityTabs{
  --tabs-bg: var(--tab-2-bg); --tabs-fg: var(--tab-2-fg);
}
.showcase-page-content:has(#showcaseCityTabs .nav-item:nth-child(3n+3) .nav-link.active) #showcaseCityTabs{
  --tabs-bg: var(--tab-3-bg); --tabs-fg: var(--tab-3-fg);
}


#showcaseCityTabs .nav-link{
  background: var(--tabs-bg) !important;
  color: var(--tabs-fg) !important;
}


#showcaseCityTabs .nav-item + .nav-item{ margin-left: -.8rem; }
@media (max-width: 767.98px){
  #showcaseCityTabs .nav-item + .nav-item{ margin-left: -.5rem; }
}


#showcaseCityTabs .nav-link{ position: relative; z-index: 1; }
#showcaseCityTabs .nav-link.active{ z-index: 3;  border-radius: var(--radius) var(--radius) 0 0;

  border-top: 0.1rem solid white;
  border-left: 0.1rem solid white;
  border-right: 0.1rem solid white; }
#showcaseCityTabs .nav-link:hover,
#showcaseCityTabs .nav-link:focus{ z-index: 4; }

#showcaseCityTabs .nav-link{
  background: var(--tab-bg) !important;
  color: var(--tab-fg) !important;
}

#showcaseCityTabs .nav-item + .nav-item{
  margin-left: -.8rem;
}
@media (max-width: 767.98px){
  #showcaseCityTabs .nav-item + .nav-item{ margin-left: -.5rem; }
}

#showcaseCityTabs .nav-link{ position: relative; z-index: 1; }
#showcaseCityTabs .nav-link.active{ z-index: 3; }
#showcaseCityTabs .nav-link:hover,
#showcaseCityTabs .nav-link:focus{ z-index: 4; }


.feedbacks-section-wrapper, .feedbacks-wrapper {
	border-radius:var(--radius);
	background:var(--green);
	border-top:0.2rem solid white;}
	
	.feedbacks-section-wrapper .card, .feedbacks-wrapper .card {
		border-radius:var(--radius);
		  border: 0;                  
  border-right: .4rem solid var(--feed-blue);
  border-bottom: .4rem solid var(--feed-blue);
		}
		
.feedback-card .feedback-label{ font-weight:600; margin-right:.4rem; }
.feedback-card .feedback-date{ white-space:nowrap; }
.star-rating{ display:inline-flex; gap:.25rem; line-height:1; }


.star-rating .star{
  width:1.4rem; height:1.4rem; display:inline-block;
  position:relative;
}
.star-rating .star::before{
  content:"★";
  font-size:1.4rem; line-height:1;
  color:transparent;                    
  -webkit-text-stroke:.12rem #FFC700;   
          text-stroke:.12rem #FFC700;
}

.star-rating[data-rating="1"] .star:nth-child(-n+1)::before{ color:#FFC700; -webkit-text-stroke:0; text-stroke:0; }
.star-rating[data-rating="2"] .star:nth-child(-n+2)::before{ color:#FFC700; -webkit-text-stroke:0; text-stroke:0; }
.star-rating[data-rating="3"] .star:nth-child(-n+3)::before{ color:#FFC700; -webkit-text-stroke:0; text-stroke:0; }
.star-rating[data-rating="4"] .star:nth-child(-n+4)::before{ color:#FFC700; -webkit-text-stroke:0; text-stroke:0; }
.star-rating[data-rating="5"] .star:nth-child(-n+5)::before{ color:#FFC700; -webkit-text-stroke:0; text-stroke:0; }

.star-rating[data-rating="0"] .star::before{ }

.star-rating{ display:inline-flex; gap:.25rem; line-height:1; }
.star-rating .star{
  width:1.4rem; height:1.4rem; display:inline-block; position:relative;
}
.star-rating .star::before{
  content:"★";
  font-size:1.4rem; line-height:1;
  color:transparent;
  -webkit-text-stroke:.12rem #FFC700;
          text-stroke:.12rem #FFC700;
}

.star-rating[data-rating="1"] .star:nth-child(-n+1)::before,
.star-rating[data-rating="2"] .star:nth-child(-n+2)::before,
.star-rating[data-rating="3"] .star:nth-child(-n+3)::before,
.star-rating[data-rating="4"] .star:nth-child(-n+4)::before{
  color:#FFC700; -webkit-text-stroke:0; text-stroke:0;
}

.star-rating[data-rating="5"] .star::before{
  color:#FFC700; -webkit-text-stroke:0; text-stroke:0;
}

.feedback-card .star-rating{ display:inline-flex; gap:.25rem; line-height:1; }
.feedback-card .star-rating .star{
  width:1.4rem; height:1.4rem;
  position:relative; display:inline-block;
}

.feedback-card .star-rating .star::before{
  content:"★";
  font-size:1.4rem; line-height:1;
  color:transparent !important;
  -webkit-text-stroke:.12rem #FFC700 !important;
          text-stroke:.12rem #FFC700 !important;
}

.feedback-card .star-rating .star::after{
  content:"★";
  font-size:1.4rem; line-height:1;
  color:#FFC700 !important;
  position:absolute; inset:0;
  opacity:0; 
}

.feedback-card .star-rating[data-rating="1"] .star:nth-child(-n+1)::after{ opacity:1 !important; }
.feedback-card .star-rating[data-rating="2"] .star:nth-child(-n+2)::after{ opacity:1 !important; }
.feedback-card .star-rating[data-rating="3"] .star:nth-child(-n+3)::after{ opacity:1 !important; }
.feedback-card .star-rating[data-rating="4"] .star:nth-child(-n+4)::after{ opacity:1 !important; }

.feedback-card .star-rating[data-rating="5"] .star::after{ opacity:1 !important; }

.star-rating{ display:inline-flex; gap:.25rem; line-height:1; }
.star-rating .star{
  width:1.4rem; height:1.4rem; position:relative; display:inline-block;
}

.star-rating .star::before{
  content:"★";
  font-size:1.4rem; line-height:1;
  color:transparent !important;
  -webkit-text-stroke:.12rem #FFC700 !important;
          text-stroke:.12rem #FFC700 !important;
}

.star-rating .star::after{
  content:"★";
  font-size:1.4rem; line-height:1;
  color:#FFC700 !important;
  position:absolute; inset:0;
  opacity:0 !important;
}

.star-rating[data-rating="1"] .star:nth-child(-n+1)::after{ opacity:1 !important; }
.star-rating[data-rating="2"] .star:nth-child(-n+2)::after{ opacity:1 !important; }
.star-rating[data-rating="3"] .star:nth-child(-n+3)::after{ opacity:1 !important; }
.star-rating[data-rating="4"] .star:nth-child(-n+4)::after{ opacity:1 !important; }
.star-rating[data-rating="5"] .star::after{ opacity:1 !important; }  /* все пять */

.action-item {
    background-color: var(--action-item-bg);
    border: none;
    border-radius: var(--radius);
    min-height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.offers-section .row>div:nth-child(odd) .action-item{
  background-image:url('../images/promo-bg-1.jpg');
}

.offers-section .row>div:nth-child(even) .action-item{
  background-image:url('../images/promo-bg-2.jpg');
}

.offers-section .action-item {
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  background-size:cover;
  background-position:center;
  color:#000;
    border-right: .4rem solid var(--acid-yellow);
    border-bottom: .4rem solid var(--acid-yellow);
}

.offers-section .action-text {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.8);
  color: #fff;
  font-size:1.6rem;
  border:0.1rem solid #949494;
  border-radius:var(--radius);
}


.offers-section-wrapper {
	border-radius:var(--radius);
    background: var(--purple);
    border-top: 0.2rem solid white;
}

.offers-section-title {color:var(--acid-pink);}
.catalogue-section-title {color:var(--orange);}

.card-text--feedback {
	font-size:1.4rem; 
	line-height:1.5rem;}
	
	.feedback-line, .feedback-date {font-weight:600;
	font-size:1.2rem; line-height:1.2rem;}
	
	
	.navbar .navbar-nav .nav-link{
  border:.1rem solid var(--acid-pink);
  background:#fff;
  color:#000;
  transition:border-color .15s, color .15s, background-color .15s;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus{
  border-color:transparent;
  background:none;
  color:var(--acid-pink-2);
}

.navbar .navbar-nav .nav-link.active{
  background:var(--acid-pink);
  border-color:#000;
  color:#000;
}

.navbar .navbar-nav .nav-link.active:hover,
.navbar .navbar-nav .nav-link.active:focus{
  background:var(--acid-pink);
  border-color:#000;
  color:#000;
}
@media (max-width: 991.98px){
  .navbar .navbar-nav{
    flex-wrap: wrap;
    gap: .5rem .5rem; /* row-gap col-gap */
  }
  .navbar .navbar-nav .nav-item{ margin:0; padding:0; }
  .navbar .navbar-nav .nav-item + .nav-item::before{ content:none; }
  .navbar .nav-link{ 
  padding:.7rem .4rem; }
}

.city-title {font-size:3rem;line-height:3.1rem;}
.location-title {font-size:2.7rem;line-height:2.8rem;font-weight:500;text-align:center;}

.pagination .page-item .page-link {
  border: 0.1rem solid #000;
  border-radius: var(--small-radius);
  background: none;
  color: #000;
  margin: 0 0.2rem;
  font-weight: 500;
    font-size: 1.3rem;
}

.pagination .page-item.active .page-link {
  background: var(--acid-pink);
  color: #fff;
  border-color: var(--acid-pink);
}

.pagination .page-item.disabled .page-link {
  color: #999;
  border-color: #ccc;
  background: none;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  margin: 0 0.6rem;
  
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem .6rem;
  margin: 0;
}

.pagination .page-item { flex: 0 0 auto; }
.pagination .page-link {
  border: .1rem solid #000;
  border-radius: var(--small-radius);
  background: none;
  color: #000;
  padding: .6rem 1.2rem;
  white-space: normal;
}

.pagination .page-item.active .page-link {
  background: white;
  color: black;
  border-color: white;
}
.pagination .page-item.disabled .page-link {
  color: #212529;
  border-color: #212529;
  background: none;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  margin-inline: .4rem;
}

@media (max-width: 575.98px){
  .pagination { gap: .5rem .5rem; }
  .pagination .page-link { padding: .5rem 1rem; font-size: 1.4rem; }
  .pagination .page-item:first-child .page-link,
  .pagination .page-item:last-child .page-link { margin-inline: .2rem; }
}

.page-link:focus {box-shadow:none;}

.page-text-content {
	border-radius:var(--radius);
	background:var(--orange);
	font-size:1.4rem;
	line-height:1.5rem;}

	
.catalog-page-content #cityTabs .nav-link{
  font-size:1.7rem;
  line-height:1.7rem;
  padding:1rem 2rem;
  background: var(--tab-bg) !important;
  color: var(--tab-fg) !important;
  position: relative;
  z-index: 1;
  transition: background-color .2s ease, color .2s ease;
}


.catalog-page-content #cityTabs .nav-link.active{
  z-index: 3;
  border-top: .1rem solid #fff;
  border-left: .1rem solid #fff;
  border-right: .1rem solid #fff;
  border-bottom: none;
  border-radius: var(--radius) var(--radius) 0 0;
}


.catalog-page-content #cityTabs .nav-link:hover,
.catalog-page-content #cityTabs .nav-link:focus{
  z-index: 4;
}


.catalog-page-content #cityTabs .nav-item + .nav-item{ margin-left: -.8rem; }
@media (max-width: 767.98px){
  .catalog-page-content #cityTabs .nav-item + .nav-item{ margin-left: -.5rem; }
}


.product-info-wrapper {
	border-radius:var(--radius);
	background:var(--acid-green);}
	
.product-info-main .product-description-main {
	color:black;
	font-size:1.4rem;
	line-height:1.4rem;
}

.product-info-main .product-price-main {font-size:1.7rem;line-height:1.7rem;color:black;}


.availability-list {
	border-radius:var(--radius);
background:var(--acid-pink);
}

.availability-item {
		border-radius:var(--radius);
background:white;
box-shadow: 0.5rem 0.5rem 0 var(--brown);
border:0.2rem solid var(--acid-blue);
position:relative;
}


.products-list-wrapper { position: relative; }

.products-list-wrapper.loading #products-list-container {
  opacity: .35;
  pointer-events: none;
}

.loading-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(255,255,255,.6); 
  pointer-events: none;
}

.loading-overlay .lead { margin: .75rem 0 0; }

#products-loading-container {
	font-size:2.5rem; 
	line-height:2.5rem; 
	color:white;}
	
.product-detail-page-content .section-title {color:var(--acid-pink-2);}

.location-link, .location-link:visited {
	border-radius: var(--radius);
    background: var(--acid-blue);
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-transform: none;}
	
	.location-link:hover, .location-link:active {background:black;color:white;}
	
	.product-image-main {border-radius:var(--radius);
	box-shadow: 0.4rem 0.4rem 0.4rem 0rem #00000040;
	border:0;
}


@media (min-width: 760px) and (max-width: 991.98px) {
  header .navbar-nav {
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100%;
  }
}

.shop-reply {font-size:1.3rem;line-height:1.3rem;
font-weight:300;}

.catalog-page-content .section-title, .showcase-page-content .section-title, .feedbacks-page-content .section-title, .text-page-content .section-title {color:var(--acid-pink-2);}

.inline-loader{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  margin:.5rem 0 1rem;
  background:transparent;
}
.inline-loader .spinner-border{
  width:2.4rem;
  height:2.4rem;
  border-width:.25rem;
  color:#000;
}
.inline-loader__text{
  font-size:1.4rem;
  line-height:1.4rem;
  font-weight:500;
  color:#000;
}

@media (max-width: 767.98px) {
  #cityTabs,
  #showcaseCityTabs {
    display: flex !important;
    align-items: center;
    gap: .5rem;
    padding: .6rem .8rem;
    background: var(--tabs-row-bg, #fff);
    border-radius: var(--radius);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 0 !important;
  }
  #cityTabs .nav-item + .nav-item,
  #showcaseCityTabs .nav-item + .nav-item {
    margin-left: 0 !important;
  }
  .nav-tabs,
  .nav-tabs .nav-link {
    border: 0 !important;
  }
  #cityTabs .nav-link,
  #showcaseCityTabs .nav-link {
    background: transparent !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: .6rem !important;
    padding: .6rem 1rem !important;
    box-shadow: none !important;
  }
  #cityTabs .nav-link.active,
  #showcaseCityTabs .nav-link.active {
    background: var(--tab-bg, rgba(0,0,0,.12)) !important;
    color: var(--tab-fg, #000) !important;
  }
  #showcaseCityTabs .nav-link.active {
    border: 0 !important;
  }
  #showcaseCityTabs .nav-link,
  #cityTabs .nav-link {
    z-index: 1 !important;
  }
}
@media (max-width: 399.98px) {
  #cityTabs .nav-link,
  #showcaseCityTabs .nav-link {
    padding: .45rem .75rem !important;
    font-size: 1.4rem !important;
    line-height: 1.4rem !important;
  }
}


@media (max-width: 767.98px) {
  #showcaseCityTabs {
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
    padding: .6rem .8rem;
    background: var(--tabs-row-bg, #fff);
    border-radius: var(--radius);
    border: 0 !important;
    margin: 0 auto 1rem auto;
  }
  #showcaseCityTabs .nav-item + .nav-item {
    margin-left: 0 !important;
  }
  #showcaseCityTabs .nav-link {
    background: transparent !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: .6rem !important;
    padding: .6rem 1rem !important;
    box-shadow: none !important;
  }
  #showcaseCityTabs .nav-link.active {
    background: var(--tab-bg, rgba(0,0,0,.12)) !important;
    color: var(--tab-fg, #000) !important;
  }
}


@media (max-width: 767.98px) {
  #showcaseCityTabs {
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
    padding: .6rem .8rem;
    background: var(--tabs-row-bg, #fff);
    border-radius: var(--radius);
    border: 0 !important;
    margin: 0 auto 1rem auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #showcaseCityTabs .nav-item + .nav-item {
    margin-left: 0 !important;
  }
  #showcaseCityTabs .nav-link {
    background: transparent !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: .6rem !important;
    padding: .6rem 1rem !important;
    box-shadow: none !important;
  }
  #showcaseCityTabs .nav-link.active {
    background: var(--tab-bg, rgba(0,0,0,.12)) !important;
    color: var(--tab-fg, #000) !important;
  }
}


#cityTabs .nav-item:nth-child(4n+1) .nav-link,
#showcaseCityTabs .nav-item:nth-child(4n+1) .nav-link {
  --tab-bg: var(--tab-1-bg);
  --tab-fg: var(--tab-1-fg);
}

#cityTabs .nav-item:nth-child(4n+2) .nav-link,
#showcaseCityTabs .nav-item:nth-child(4n+2) .nav-link {
  --tab-bg: var(--tab-2-bg);
  --tab-fg: var(--tab-2-fg);
}

#cityTabs .nav-item:nth-child(4n+3) .nav-link,
#showcaseCityTabs .nav-item:nth-child(4n+3) .nav-link {
  --tab-bg: var(--tab-3-bg);
  --tab-fg: var(--tab-3-fg);
}

#cityTabs .nav-item:nth-child(4n+4) .nav-link,
#showcaseCityTabs .nav-item:nth-child(4n+4) .nav-link {
  --tab-bg: var(--tab-4-bg);
  --tab-fg: var(--tab-4-fg);
}


#cityTabs .nav-item:nth-child(4n+1) .nav-link,
#showcaseCityTabs .nav-item:nth-child(4n+1) .nav-link{--tab-bg:var(--tab-1-bg);--tab-fg:var(--tab-1-fg)}
#cityTabs .nav-item:nth-child(4n+2) .nav-link,
#showcaseCityTabs .nav-item:nth-child(4n+2) .nav-link{--tab-bg:var(--tab-2-bg);--tab-fg:var(--tab-2-fg)}
#cityTabs .nav-item:nth-child(4n+3) .nav-link,
#showcaseCityTabs .nav-item:nth-child(4n+3) .nav-link{--tab-bg:var(--tab-3-bg);--tab-fg:var(--tab-3-fg)}
#cityTabs .nav-item:nth-child(4n+4) .nav-link,
#showcaseCityTabs .nav-item:nth-child(4n+4) .nav-link{--tab-bg:var(--tab-4-bg);--tab-fg:var(--tab-4-fg)}

.catalog-page-content:has(#cityTabs .nav-item:nth-child(4n+1) .nav-link.active) .products-list-wrapper{--prod-bg:var(--tab-1-bg)}
.catalog-page-content:has(#cityTabs .nav-item:nth-child(4n+2) .nav-link.active) .products-list-wrapper{--prod-bg:var(--tab-2-bg)}
.catalog-page-content:has(#cityTabs .nav-item:nth-child(4n+3) .nav-link.active) .products-list-wrapper{--prod-bg:var(--tab-3-bg)}
.catalog-page-content:has(#cityTabs .nav-item:nth-child(4n+4) .nav-link.active) .products-list-wrapper{--prod-bg:var(--tab-4-bg)}


.showcase-page-content #showcaseContent .showcase-city-section:nth-of-type(4n+1){--sec-bg:var(--tab-1-bg);--sec-fg:var(--tab-1-fg)}
.showcase-page-content #showcaseContent .showcase-city-section:nth-of-type(4n+2){--sec-bg:var(--tab-2-bg);--sec-fg:var(--tab-2-fg)}
.showcase-page-content #showcaseContent .showcase-city-section:nth-of-type(4n+3){--sec-bg:var(--tab-3-bg);--sec-fg:var(--tab-3-fg)}
.showcase-page-content #showcaseContent .showcase-city-section:nth-of-type(4n+4){--sec-bg:var(--tab-4-bg);--sec-fg:var(--tab-4-fg)}


@media (max-width: 767.98px) {
  #showcaseCityTabs,
  #cityTabs {
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
    padding: .6rem .8rem;
    background: var(--tabs-row-bg, #fff);
    border-radius: var(--radius);
    border: 0 !important;
    margin: 0 auto 1rem auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #showcaseCityTabs .nav-item + .nav-item,
  #cityTabs .nav-item + .nav-item {
    margin-left: 0 !important;
  }
  #showcaseCityTabs .nav-link,
  #cityTabs .nav-link {
    background: transparent !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: .6rem !important;
    padding: .6rem 1rem !important;
    box-shadow: none !important;
  }
  #showcaseCityTabs .nav-link.active,
  #cityTabs .nav-link.active {
    background: var(--tab-bg, rgba(0,0,0,.12)) !important;
    color: var(--tab-fg, #000) !important;
  }
}


@media (max-width: 767.98px) {
  .catalog-page-content #cityTabs {
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
    padding: .6rem .8rem;
    background: var(--tabs-row-bg, #fff);
    border-radius: var(--radius);
    border: 0 !important;
    margin: 0 auto 1rem auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .catalog-page-content #cityTabs .nav-item + .nav-item { margin-left: 0 !important; }
  .catalog-page-content #cityTabs .nav-link {
    background: transparent !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: .6rem !important;
    padding: .6rem 1rem !important;
    box-shadow: none !important;
  }
  .catalog-page-content #cityTabs .nav-link.active {
    background: var(--tab-bg, rgba(0,0,0,.12)) !important;
    color: var(--tab-fg, #000) !important;
  }
}

.product-card {
box-shadow: 0.6rem 0.6rem 0.2rem 0rem var(--brown);
}

#cityTabs .nav-link,
#showcaseCityTabs .nav-link {
  box-shadow: -4px 0px 0px 0px #00000070;
}


.showcase-page-content.city-color-1 #showcaseContent .showcase-city-section{--sec-bg:var(--tab-1-bg);--sec-fg:var(--tab-1-fg)}
.showcase-page-content.city-color-2 #showcaseContent .showcase-city-section{--sec-bg:var(--tab-2-bg);--sec-fg:var(--tab-2-fg)}
.showcase-page-content.city-color-3 #showcaseContent .showcase-city-section{--sec-bg:var(--tab-3-bg);--sec-fg:var(--tab-3-fg)}
.showcase-page-content.city-color-4 #showcaseContent .showcase-city-section{--sec-bg:var(--tab-4-bg);--sec-fg:var(--tab-4-fg)}


.showcase-page-content.city-color-1 #showcaseContent{--sec-bg:var(--tab-1-bg);--sec-fg:var(--tab-1-fg)}
.showcase-page-content.city-color-2 #showcaseContent{--sec-bg:var(--tab-2-bg);--sec-fg:var(--tab-2-fg)}
.showcase-page-content.city-color-3 #showcaseContent{--sec-bg:var(--tab-3-bg);--sec-fg:var(--tab-3-fg)}
.showcase-page-content.city-color-4 #showcaseContent{--sec-bg:var(--tab-4-bg);--sec-fg:var(--tab-4-fg)}


.product-card img.card-img-top {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
	height: auto;
}


.showcase-page-content #showcaseContent .city-title{ text-align:center; }