.btn.btn-rounded{
		border-radius:35px;
	}
.btn.btn-outline{
        border: 1px solid #FF7575;
        background-color: #030010;
        font-weight: 400;
        min-width: 14rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .btn.btn-download{
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.18 14.68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M0,12.58c0,1.16.94,2.1,2.1,2.1h11.98c1.16,0,2.1-.94,2.1-2.1v-3.3h-1.8v3.3c0,.17-.13.3-.3.3H2.1c-.17,0-.3-.13-.3-.3v-3.3H0v3.3Z'/%3E%3Cpath class='cls-1' d='M7.19,0v6.82l-2.7-2.7-1.27,1.27,4.23,4.23c.35.35.92.35,1.27,0l4.23-4.23-1.27-1.27-2.7,2.7V0h-1.8Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
    background-position: right 2rem top 1rem;
    padding-right: 4rem;
    background-size: 1.3rem;
    min-width: 12rem;
    }
    .btn.btn-download:hover {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.18 14.68'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M0,12.58c0,1.16.94,2.1,2.1,2.1h11.98c1.16,0,2.1-.94,2.1-2.1v-3.3h-1.8v3.3c0,.17-.13.3-.3.3H2.1c-.17,0-.3-.13-.3-.3v-3.3H0v3.3Z'/%3E%3Cpath class='cls-1' d='M7.19,0v6.82l-2.7-2.7-1.27,1.27,4.23,4.23c.35.35.92.35,1.27,0l4.23-4.23-1.27-1.27-2.7,2.7V0h-1.8Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
    background-position: right 2rem top 1rem;
    padding-right: 4rem;
    background-size: 1.3rem;
    min-width: 12rem;
    color: #000;
    }
body.page-template-page-retailer.color-violet {
    background: #000;
}
    /* carousel */

    /* --- Helpers --- */
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;width:1px!important;height:1px!important;overflow:hidden!important;}

/* --- Filters (styled pills like screenshot) --- */
.pi-filters{
  display:flex; align-items:center; gap:18px; margin:28px 0 22px;
  flex-wrap:wrap;
}
.pi-filter{ position:relative; }
.pi-select{
  background:none; color:#fff; border:1px solid #FF7575;
  border-radius:999px; padding:12px 18px; font-family:titling-gothic-fb,sans-serif;
  font-weight:500; letter-spacing:-.2px; display:flex; align-items:center; gap:10px;
}
.pi-select:focus{ border:1px solid #FF7575;  }
.pi-caret{opacity:.8}

.pi-options{
  position:absolute; left:0; right:auto; top:calc(100% + 8px);
  background:#220e0e; border:1px solid #FF7575;
  border-radius:35px; padding:0; list-style:none; margin:0;
  min-width:220px; max-height:260px; overflow:auto; display:none; z-index:5;
}
.pi-options[aria-expanded="true"]{ display:block; }
.pi-options li{ padding:10px 18px; cursor:pointer; }
.pi-options li:first-child{padding-top: 15px;}
.pi-options li:last-child{padding-bottom: 15px;}
.pi-options li[aria-selected="true"], .pi-options li:hover{ background:#FF7575; color: #000;}
.pi-options li[aria-selected="true"] {background:#e46a6a;}

.pi-results{ opacity:.85; font-family:'Nunito',sans-serif;font-size: 20px; }

/* --- Carousel --- */
.pi-carousel{ position:relative; }
.pi-viewport{
  overflow:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
margin-left: 5rem; margin-right: 5rem;
}
.pi-track{
  display:flex; gap:5px; padding:8px 0px 4px; margin:0; list-style:none; min-height:1px;
}
.pi-card{
   border-radius:16px; padding:15px; flex:0 0 calc((100% - 15px)/3);
  scroll-snap-align:start; display:flex; flex-direction:column; align-items:center;gap: 10px;
}
.pi-card .pi-img{  width: 100%;                 /* <-- lock container to card width */
  aspect-ratio: 1 / 1;         /* consistent square shape */
  background: #1b1b1b;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 18px;
}

.pi-card .pi-img img{
  width:100%;
  height:100%;
  object-fit:contain;      /* preserve aspect ratio, no crop */
  display:block;
}
.pi-card h3{ margin:.2rem 0 .2rem; font-size:22px; letter-spacing:-.2px; text-align: center;}
.pi-card p{ opacity:.8; margin:0 0 .75rem; font-size: 20px; text-align: center;}
.pi-card .btn{ margin-top:auto; }

@media (max-width: 1199px){
  .pi-card{ flex-basis:calc((100% - 15px)/2); }
   .pi-viewport{ margin-left: 2.5em; margin-right: 2.5rem; }
    .pi-prev{ left:0px; } .pi-next{ right:0px; }
}
@media (max-width: 680px){
  .pi-card{ flex-basis:100%; }
   .pi-viewport{ margin-left: 2rem; margin-right: 2rem; }
   .pi-prev{ left:0px; } .pi-next{ right:0px; }
}

/* --- Arrows --- */
.pi-arrow{
  position:absolute; top:40%; transform:translateY(-50%);
   border-radius:50%; color:#fff; background:none;
  display:flex; align-items:center; justify-content:center;
   cursor:pointer; z-index:2;padding:0;
}
.pi-prev{ left:-6px; } .pi-next{ right:-6px; }
.pi-arrow[aria-disabled="true"]{ opacity:.35; cursor:not-allowed; }

/* --- Card text sizes to match your theme --- */
.pi-card h3{ font-family:titling-gothic-fb,sans-serif; font-weight:500; }
.pi-card p{ font-family:'Nunito',sans-serif; }

/* Optional: hide default list bullets just in case */
#carouselTrack{ list-style:none; }

.pi-options {
  display: none;
  pointer-events: none; /* make invisible dropdown ignore clicks */
}

.pi-options[aria-expanded="true"] {
  display: block;
  pointer-events: auto; /* clickable only when open */
}

.pi-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2; /* ensure the button always sits above closed dropdowns */
}
/* Maintain viewport height even when 0 results (JS will set this inline too) */
.pi-viewport {
  /* fallback so arrows don't jump if first render is empty */
  min-height: 580px;
  overflow-y: hidden; 
}

/* No-results card */
.pi-card--empty{
 flex:100%;  /* match normal card width */
  border-radius: 16px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: none;
  color: rgba(255,255,255,.65);
  /* background: #1b1b1b; */
  opacity: .85;
  pointer-events: none;
    /* height derives from viewport min-height */
  min-height: 580px;
}

.pi-empty-title{
  font-weight: 600;
  letter-spacing: .02em;
  margin-bottom: .25rem;
}

.pi-empty-sub{
  font-size: .95rem;
  opacity: .8;
  text-align: center;
}

/*Form*/
.gform_wrapper.gravity-theme .gform-body .gfield_label {
    font-weight: 200;
}
.gform_wrapper.gravity-theme .gform-body input {
    border-bottom: 1px solid white !important;
    

}
.gform_wrapper.gravity-theme .gform-body input[type=text],
.gform_wrapper.gravity-theme .gform-body input[type=email],
.gform_wrapper.gravity-theme .gform-body select {
padding: 14px 20px;
border-radius: 35px;
    border: none;
}
.gform_wrapper.gravity-theme .gform-body textarea {
padding: 14px 20px;
border-radius: 15px;
}
.gform_wrapper.gravity-theme .gform_footer input {
    width: auto;
        border-radius: 35px;
        border: 1px solid #FF7575;
        background: none;
        color: #fff;
        font-weight: 200;
}
.gform_wrapper.gravity-theme .gform_footer input:hover {
    background: #FF7575;
    color: #000;
}