.elementor-7603 .elementor-element.elementor-element-e7e1161{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7603 .elementor-element.elementor-element-3316ab8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7603 .elementor-element.elementor-element-342e3e5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7603 .elementor-element.elementor-element-306b34dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-7603 .elementor-element.elementor-element-306b34dd:not(.elementor-motion-effects-element-type-background), .elementor-7603 .elementor-element.elementor-element-306b34dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0505;}.elementor-7603 .elementor-element.elementor-element-306b34dd::before, .elementor-7603 .elementor-element.elementor-element-306b34dd > .elementor-background-video-container::before, .elementor-7603 .elementor-element.elementor-element-306b34dd > .e-con-inner > .elementor-background-video-container::before, .elementor-7603 .elementor-element.elementor-element-306b34dd > .elementor-background-slideshow::before, .elementor-7603 .elementor-element.elementor-element-306b34dd > .e-con-inner > .elementor-background-slideshow::before, .elementor-7603 .elementor-element.elementor-element-306b34dd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7603 .elementor-element.elementor-element-769c02b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7603 .elementor-element.elementor-element-42e95a84{--display:flex;}.elementor-7603 .elementor-element.elementor-element-d480699{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7603 .elementor-element.elementor-element-905b14b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7603 .elementor-element.elementor-element-bcba1fe{--display:grid;--min-height:157px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 10px;--row-gap:0px;--column-gap:10px;--grid-auto-flow:row;}.elementor-7603 .elementor-element.elementor-element-3fb04be .widget-image-caption{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7603 .elementor-element.elementor-element-77d1321 .widget-image-caption{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7603 .elementor-element.elementor-element-0f28c07 .widget-image-caption{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7603 .elementor-element.elementor-element-165f450 .widget-image-caption{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7603 .elementor-element.elementor-element-5f6ff4b .widget-image-caption{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7603 .elementor-element.elementor-element-7b044d9 .widget-image-caption{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7603 .elementor-element.elementor-element-4ba34b03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7603 .elementor-element.elementor-element-559d5903{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7603 .elementor-element.elementor-element-694729d0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7603 .elementor-element.elementor-element-694729d0:not(.elementor-motion-effects-element-type-background), .elementor-7603 .elementor-element.elementor-element-694729d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7603 .elementor-element.elementor-element-278eb109{text-align:center;}.elementor-7603 .elementor-element.elementor-element-278eb109 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:70px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:#FFFFFF;}.elementor-7603 .elementor-element.elementor-element-30f0b3f4 > .elementor-widget-container{padding:0% 25% 0% 25%;}.elementor-7603 .elementor-element.elementor-element-30f0b3f4{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#FFFFFF;}.elementor-7603 .elementor-element.elementor-element-4015eb10 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #050000 0%, #000000 100%);}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group{padding-right:calc( 18px/2 );padding-left:calc( 18px/2 );margin-bottom:10px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-form-fields-wrapper{margin-left:calc( -18px/2 );margin-right:calc( -18px/2 );margin-bottom:-10px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-labels-inline .elementor-field-group > label{padding-left:2px;}body:not(.rtl) .elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-labels-inline .elementor-field-group > label{padding-right:2px;}body .elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-labels-above .elementor-field-group > label{padding-bottom:2px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group > label, .elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-type-html{padding-bottom:40px;color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group .elementor-field, .elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#000000;border-color:#B9B4B4EB;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group .elementor-select-wrapper select{background-color:#000000;border-color:#B9B4B4EB;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group .elementor-select-wrapper::before{color:#B9B4B4EB;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:3% 13% 3% 13%;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .e-form__buttons__wrapper__button-next{background-color:#FD0000;color:#FFFFFF;border-color:#F80000;transition-duration:0ms;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-button[type="submit"]{background-color:#FD0000;color:#FFFFFF;border-color:#F80000;transition-duration:0ms;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-button[type="submit"] svg *{fill:#FFFFFF;transition-duration:0ms;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .e-form__buttons__wrapper__button-previous{background-color:#F30000;color:#ffffff;border-color:#F50000;transition-duration:0ms;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .e-form__buttons__wrapper__button-next:hover{background-color:#FC0000;color:#FFFFFF;border-color:#F10505;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-button[type="submit"]:hover{background-color:#FC0000;color:#FFFFFF;border-color:#F10505;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .e-form__buttons__wrapper__button-previous:hover{background-color:#FF0303;color:#ffffff;border-color:#FD0000;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-message{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-message.elementor-message-danger{color:#FFFFFF;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .e-form__indicators__indicator, .elementor-7603 .elementor-element.elementor-element-4015eb10 .e-form__indicators__indicator__label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;}.elementor-7603 .elementor-element.elementor-element-4015eb10{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#FCFCFC;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-primary-color:#467FF7;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-primary-color:#467FF7;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-7603 .elementor-element.elementor-element-bf3e872{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-7603 .elementor-element.elementor-element-342e3e5d{--width:50%;}.elementor-7603 .elementor-element.elementor-element-769c02b0{--width:50%;}}@media(max-width:1366px){.elementor-7603 .elementor-element.elementor-element-bcba1fe{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-7603 .elementor-element.elementor-element-bcba1fe{--grid-auto-flow:row;}.elementor-7603 .elementor-element.elementor-element-694729d0{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-7603 .elementor-element.elementor-element-278eb109 .elementor-heading-title{font-size:65px;}.elementor-7603 .elementor-element.elementor-element-30f0b3f4{font-size:14px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group > label{font-size:14px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-type-html{font-size:14px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-group .elementor-field, .elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-field-subgroup label{font-size:14px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-button{font-size:14px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .elementor-message{font-size:14px;}.elementor-7603 .elementor-element.elementor-element-4015eb10 .e-form__indicators__indicator, .elementor-7603 .elementor-element.elementor-element-4015eb10 .e-form__indicators__indicator__label{font-size:14px;}}@media(max-width:767px){.elementor-7603 .elementor-element.elementor-element-bcba1fe{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-7603 .elementor-element.elementor-element-3fb04be .widget-image-caption{font-size:11px;}.elementor-7603 .elementor-element.elementor-element-77d1321 .widget-image-caption{font-size:11px;}.elementor-7603 .elementor-element.elementor-element-0f28c07 .widget-image-caption{font-size:11px;}.elementor-7603 .elementor-element.elementor-element-165f450 .widget-image-caption{font-size:11px;}.elementor-7603 .elementor-element.elementor-element-5f6ff4b .widget-image-caption{font-size:11px;margin-block-start:11px;}.elementor-7603 .elementor-element.elementor-element-7b044d9 .widget-image-caption{font-size:11px;margin-block-start:11px;}.elementor-7603 .elementor-element.elementor-element-694729d0{--margin-top:35%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-7603 .elementor-element.elementor-element-278eb109 .elementor-heading-title{font-size:48px;line-height:1em;}.elementor-7603 .elementor-element.elementor-element-30f0b3f4 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-8bd2bc2 *//* ============================
   PREMIUM PLAN CONTAINER
============================ */
.car-wash-plan {
  background-color: #000;
  color: #fff;
  padding: 28px;
  border-radius: 18px;
  max-width: 480px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.25);
  border: 1px solid rgba(255, 0, 0, 0.4);
}

.membership-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  white-space: nowrap; /* keeps text on one line */
  padding: 15px 0;
  font-size: 16px;
  background-color: #ff0000; /* your red color */
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.membership-btn:hover {
  background-color: #cc0000; /* darker red hover */
}

.apply-button {
  width: 100%;
}


/* TITLE */
.car-wash-plan h2 {
  color: #ff0000;
  margin-bottom: 18px;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}

/* PRICE BOX */
.price-box {
  margin-bottom: 18px;
  text-align: center;
}
.price-box h3 {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
}

/* SECTIONS */
.car-size, .frequency {
  text-align: left;
  margin-top: 18px;
}

.car-size h4, .frequency h4 {
  margin-bottom: 8px;
  color: #fff;
  font-weight: 500;
  font-size: 17px;
}

/* SIZE & FREQUENCY BUTTONS */
.size-buttons button, 
.freq-buttons button {
  background: #111;
  border: 2px solid #ff0000;
  color: #fff;
  padding: 10px 20px;
  border-radius: 12px;
  margin: 6px 10px 6px 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  transition: all 0.25s ease;
}

.size-buttons button.active,
.freq-buttons button.active {
  background-color: #ff0000;
  color: #fff;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.4);
}

/* FEATURES LIST */
.features ul {
  list-style: disc;
  padding-left: 22px;
  margin-top: 22px;
}
.features ul li {
  margin-bottom: 7px;
  color: #eee;
  font-size: 15px;
}

/* CONTACT SECTION */
.contact-section {
  margin-top: 28px;
  text-align: left;
}

.whatsapp-text {
  display: block;
  color: #ff0000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 14px;
}

/* SUBSCRIPTION DETAILS LINK */
.subscription-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.subscription-icon {
  font-size: 20px;
}

.subscription-trigger a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}

/* APPLY MEMBERSHIP BUTTON */
.apply-button {
  margin-top: 20px;
}

.membership-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  font-size: 17px;
  background-color: #ff0000;
  color: #fff;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease;
}

.membership-btn:hover {
  background-color: #cc0000;
  transform: translateY(-2px);
}

/* ============================
   POPUP OVERLAY & CONTENT
   (Same system as Standard Plan)
============================ */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
  background: rgba(0,0,0,0.75);
  justify-content: center;
  align-items: center;
  z-index: 999999;
  padding: 20px;
  overflow-y: auto;
}

.popup-content {
  background: #111;
  color: #fff;
  padding: 25px;
  border-radius: 12px;
  width: 90%;
  max-width: 500px;
  text-align: left;
  box-shadow: 0 0 20px rgba(255,0,0,0.35);
  position: relative;
  animation: fadeIn 0.3s ease;
}

.close-popup,
.close-membership {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 28px;
  cursor: pointer;
  color: #ff0000;
}

/* POPUP ANIMATION */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.94); }
  to { opacity: 1; transform: scale(1); }
}

/* RESPONSIVE */
@media (max-width: 480px) {
  .car-wash-plan {
    padding: 20px;
  }
  .membership-btn {
    font-size: 16px;
  }
  .size-buttons button, .freq-buttons button {
    padding: 8px 16px;
    font-size: 14px;
  }
}

.popup-overlay {
  display: none;
  position: fixed;
  top:0; left:0;
  width:100%; height:100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  max-width: 700px;
  width: 90%;
  position: relative;
}

.close-popup {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

.size-btn.active, .freq-btn.active {
  background-color: #000;
  color: #fff;
}

.car-size, .frequency {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Popup Overlay */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Popup Content */
.popup-content {
  background: #fff;
  border-radius: 12px;
  max-width: 600px;
  width: 90%;
  padding: 20px;
  position: relative;
  overflow-y: auto;
  max-height: 90vh;
}

/* Special styling for Jobber popup */
.popup-jobber {
  max-width: 700px;
  padding: 30px;
}

/* Close Button */
.popup-content .close-popup {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
}


/* ============================
   MAIN PLAN CARD STYLING
============================ */
.car-wash-plan {
  background-color: #1a1a1a; /* dark card background */
  color: #fff;
  padding: 25px;
  border-radius: 16px;
  max-width: 480px;
  margin: 20px auto;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 0 15px rgba(255, 0, 0, 0.2);
}

.car-wash-plan h2 {
  font-size: 1.8rem;
  margin-bottom: 15px;
}

.price-box h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

.car-size h4,
.frequency h4 {
  margin-bottom: 10px;
}

.size-buttons, .freq-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* ============================
   Buttons Layout Fix - Premium Plan
============================ */

/* Container for size buttons (Sedan/SUV) */
#premium-sizes {
  display: flex;
  justify-content: center; /* center horizontally */
  gap: 10px;
  flex-wrap: nowrap;       /* prevent wrapping on desktop */
}

#premium-sizes .size-btn {
  flex: 0 0 120px;         /* fixed width, do not grow or shrink */
  padding: 10px 15px;
  white-space: nowrap;     /* prevent text wrapping */
  text-align: center;
}

/* Container for frequency buttons */
#premium-frequency {
  display: flex;
  justify-content: center; /* center horizontally */
  gap: 10px;
  margin-top: 10px;
  flex-wrap: nowrap;       /* prevent wrapping on desktop */
}

#premium-frequency .freq-btn {
  flex: 0 0 140px;         /* slightly wider to fit text */
  padding: 10px 15px;
  white-space: nowrap;     /* prevent text wrapping */
  text-align: center;
}

/* Mobile tweaks */
@media (max-width: 480px) {
  #premium-sizes .size-btn,
  #premium-frequency .freq-btn {
    flex: 1 1 45%;          /* two buttons side by side */
    min-width: 100px;
  }
}


.size-btn, .freq-btn, .membership-btn {
  padding: 10px 15px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

.size-btn.active, .freq-btn.active {
  background-color: #ff0000;
  color: #fff;
}

.size-btn:not(.active), .freq-btn:not(.active) {
  background-color: #333;
  color: #fff;
}

.membership-btn {
  background-color: #ff0000;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  margin-top: 15px;
  text-align: center;
}

.membership-btn:hover {
  background-color: #e60000;
}

.features ul {
  list-style-type: disc;
  padding-left: 20px;
}

.features li {
  margin-bottom: 8px;
}

/* ============================
   POPUP STYLING
============================ */
/* Popup Overlay */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 10px; /* allow spacing around popup */
  box-sizing: border-box;
}

/* Popup Content */
.popup-content {
  background: #1a1a1a;
  color: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 600px; /* desktop max width */
  padding: 20px;
  position: relative;
  overflow-y: auto;
  max-height: 90vh;
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.3);
  box-sizing: border-box;
}

.popup-content h3 {
  margin-bottom: 15px;
  font-size: 1.5rem;
}

.popup-content p, .popup-content ul, .popup-content li {
  color: #fff;
}

.popup-content ul {
  list-style: disc;
  padding-left: 20px;
}

.popup-content .popup-whatsapp a {
  color: #ff0000;
  text-decoration: none;
  font-weight: 500;
}

.popup-content .popup-whatsapp a:hover {
  text-decoration: underline;
}

/* Close button */
.popup-content .close-popup {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
}

/* Jobber Form popup can be slightly wider */
.popup-jobber {
  max-width: 700px;
}

/* Responsive tweaks for mobile */
@media (max-width: 480px) {
  .popup-content {
    width: 100%;
    max-width: 100%; /* remove max-width constraint */
    height: 95vh;    /* almost full screen height */
    padding: 15px;
    border-radius: 12px;
  }
}/* End custom CSS */