/* Pasar UMKM Cisauk V16 — full-width promotional banner and Kabupaten Tangerang favicon */
:root{
  --v16-page-gutter:clamp(14px,2.6vw,48px);
}

/* Public content uses the screen more efficiently without losing readable padding. */
.public-site-body .container{
  width:100%!important;
  max-width:none!important;
  padding-left:var(--v16-page-gutter)!important;
  padding-right:var(--v16-page-gutter)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* The promotional artwork is true full-bleed: no card margin, radius, or side gutter. */
.public-site-body .promo-slider{
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#25102c;
}
.public-site-body .promo-slider .slider-shell{
  width:100%;
  max-width:none;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  aspect-ratio:auto;
  min-height:clamp(440px,34vw,650px);
}
.public-site-body .promo-slider .slider-track,
.public-site-body .promo-slider .promo-slide,
.public-site-body .promo-slider .promo-slide__content{
  min-height:clamp(440px,34vw,650px);
}
.public-site-body .promo-slider .promo-slide__image{
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.public-site-body .promo-slider .promo-slide__overlay{
  background:linear-gradient(90deg,rgba(29,8,34,.94) 0%,rgba(57,15,63,.78) 42%,rgba(57,15,63,.18) 72%,rgba(57,15,63,.03) 100%);
}
.public-site-body .promo-slider .promo-slide__content{
  align-items:center;
  padding:clamp(46px,6vw,92px) var(--v16-page-gutter) clamp(64px,7vw,104px);
}
.public-site-body .promo-slider .promo-slide__copy{
  width:min(650px,58vw);
  max-width:none;
}
.public-site-body .promo-slider .promo-slide h2{
  max-width:640px;
  font-size:clamp(2.35rem,4.3vw,4.8rem);
  line-height:1.01;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.public-site-body .promo-slider .promo-slide p{
  max-width:600px;
  font-size:clamp(.95rem,1.15vw,1.12rem);
  line-height:1.65;
  color:rgba(255,255,255,.9);
}
.public-site-body .promo-slider .slider-arrow.prev{left:16px}
.public-site-body .promo-slider .slider-arrow.next{right:16px}
.public-site-body .promo-slider .slider-dots{bottom:22px}
.public-site-body .promo-slider .slider-counter{right:var(--v16-page-gutter);bottom:20px}

/* Wide screens gain more cards rather than oversized empty cards. */
@media(min-width:1500px){
  .public-site-body .product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .public-site-body .store-grid,.public-site-body .store-directory{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:991.98px){
  :root{--v16-page-gutter:clamp(14px,3vw,28px)}
  .public-site-body .promo-slider .slider-shell,
  .public-site-body .promo-slider .slider-track,
  .public-site-body .promo-slider .promo-slide,
  .public-site-body .promo-slider .promo-slide__content{min-height:440px}
  .public-site-body .promo-slider .promo-slide__content{align-items:flex-end;padding-top:50px;padding-bottom:66px}
  .public-site-body .promo-slider .promo-slide__copy{width:min(680px,82vw)}
  .public-site-body .promo-slider .promo-slide__overlay{background:linear-gradient(0deg,rgba(28,8,33,.96) 0%,rgba(44,13,51,.74) 60%,rgba(44,13,51,.16) 100%)}
}

@media(max-width:767.98px){
  :root{--v16-page-gutter:14px}
  .public-site-body .promo-slider .slider-shell,
  .public-site-body .promo-slider .slider-track,
  .public-site-body .promo-slider .promo-slide,
  .public-site-body .promo-slider .promo-slide__content{min-height:390px}
  .public-site-body .promo-slider .promo-slide__content{padding:28px 16px 58px}
  .public-site-body .promo-slider .promo-slide__copy{width:92vw}
  .public-site-body .promo-slider .promo-slide h2{font-size:clamp(1.8rem,9vw,2.65rem);line-height:1.04}
  .public-site-body .promo-slider .promo-slide p{font-size:.84rem;line-height:1.52;margin:10px 0 16px;max-width:94%}
  .public-site-body .promo-slider .promo-slide__copy .btn{width:auto;min-width:160px}
  .public-site-body .promo-slider .slider-dots{bottom:17px}
}

@media(max-width:390px){
  .public-site-body .promo-slider .slider-shell,
  .public-site-body .promo-slider .slider-track,
  .public-site-body .promo-slider .promo-slide,
  .public-site-body .promo-slider .promo-slide__content{min-height:370px}
  .public-site-body .promo-slider .promo-slide__content{padding-inline:14px}
  .public-site-body .promo-slider .promo-slide h2{font-size:1.75rem}
}