/* Scoped landing CSS. Existing PETRO header/footer styles remain unchanged. */
.petro-landing{--teal:#078486;--deep:#005d61;--yellow:#ffdf00;--ink:#152c32;color:var(--ink);font-family:Arial,"Noto Sans Devanagari",sans-serif;overflow:hidden}.petro-landing *{box-sizing:border-box}.petro-landing a{text-decoration:none}.pl-wrap{max-width:1250px;margin:auto;padding-left:20px;padding-right:20px}.pl-banner{position:relative;background:linear-gradient(115deg,#00595d,#078e8b);min-height:300px}.pl-banner picture{display:block}.pl-banner picture img{width:100%;height:auto;display:block}.pl-banner-fallback-copy{display:none}.pl-banner:has(.pl-banner-fallback) .pl-banner-fallback-copy{display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:30px;color:#fff;font-size:clamp(22px,3vw,38px)}.pl-banner-fallback-copy strong{font-size:52px;color:var(--yellow)}.pl-banner-fallback-copy a{background:var(--yellow);color:#111;border-radius:50px;padding:12px 22px;font-size:16px;font-weight:800}.pl-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:24px;padding-bottom:24px}.pl-trust>div{display:flex;align-items:center;justify-content:center;gap:13px;padding:14px 8px;border-right:1px solid #dbe5e5}.pl-trust>div:last-child{border:0}.pl-trust i{font-size:29px;color:#007478}.pl-trust strong,.pl-trust small{display:block}.pl-trust strong{font-size:15px}.pl-trust small{font-size:12px;color:#66777a;margin-top:4px}.pl-section{padding-top:55px;padding-bottom:65px}.pl-section-head{text-align:center}.pl-eyebrow{color:#007d80;font-size:12px;letter-spacing:2px;font-weight:800}.pl-section-head h1,.pl-section-head h2,.pl-feature-band h2,.pl-final h2{font-size:clamp(26px,3vw,40px);font-weight:900;margin:12px 0}.pl-section-head h1 span{background:var(--yellow);padding:2px 9px;border-radius:7px}.pl-section-head p{color:#637478}.pl-shop-toolbar{display:flex;gap:14px;margin:30px 0 16px}.pl-search{display:flex;align-items:center;gap:10px;border:1px solid #d4e1e1;border-radius:12px;padding:0 14px;flex:1}.pl-search i{color:#006b70}.pl-search input{border:0;outline:0;padding:14px 0;width:100%;background:transparent;min-width:0}.pl-shop-toolbar select{border:1px solid #d4e1e1;border-radius:12px;padding:0 14px;background:#fff}.pl-chips{display:flex;gap:8px;overflow-x:auto;padding:3px 0 13px}.pl-chip{white-space:nowrap;border:1px solid #d4e1e1;background:white;color:#174346;border-radius:30px;padding:9px 16px;font-weight:700;cursor:pointer}.pl-chip[aria-pressed=true]{background:#006a6d;color:white;border-color:#006a6d}.pl-result-count{font-size:13px;color:#68797c;margin:8px 0 20px}.pl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pl-card{min-width:0;background:#fff;border:1px solid #e1eaea;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #00333312;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.pl-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00333320}.pl-card-image{height:215px;background:#f2f7f7;display:flex;align-items:center;justify-content:center;padding:18px}.pl-card-image img{width:100%;height:100%;object-fit:contain}.pl-card-body{padding:16px;display:flex;flex-direction:column;flex:1;text-align:center}.pl-card h3{font-size:16px;line-height:1.4;font-weight:800;margin:0 0 8px}.pl-card h3 a{color:#17363a}.pl-card-code{font-size:12px;color:#68777a;margin:0 0 9px}.pl-card-price{font-weight:800;color:#006d70;margin:0 0 12px}.pl-card-actions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:auto}.pl-card-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:30px;padding:10px 12px;font-size:12px;font-weight:800}.pl-details-btn{background:#e7f2f2;color:#006669}.pl-inquiry-btn{background:#00665d;color:#ffe000}.pl-inquiry-btn:hover{color:#fff;background:#004f48}.pl-more{text-align:center;margin-top:32px}.pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:30px;border:0;font-weight:800;cursor:pointer}.pl-btn-dark{background:#005d61;color:#fff!important}.pl-btn-yellow{background:var(--yellow);color:#111!important}.pl-btn-outline{border:1px solid white;color:white!important}.pl-empty{text-align:center;padding:35px}.pl-empty button{border:0;background:none;text-decoration:underline;color:#006c70;cursor:pointer}.pl-feature-band{background:linear-gradient(110deg,#004e52,#068e8d);color:white;padding:50px 0}.pl-feature-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.pl-feature-band h2 em{color:var(--yellow);font-style:normal}.pl-feature-band .pl-eyebrow,.pl-final .pl-eyebrow{color:var(--yellow)}.pl-feature-band p{margin:10px 0 22px}.pl-feature-icon i{font-size:125px;color:#ffffff50}.pl-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:28px}.pl-why-grid>div{background:#eef7f7;text-align:center;padding:25px 12px;border-radius:18px}.pl-why-grid i{font-size:36px;color:#006c70;margin-bottom:14px}.pl-why-grid strong{display:block}.pl-why-grid p{font-size:13px;color:#65777a;margin:8px 0 0}.pl-final{background:#005c60;color:white;border-radius:24px;margin-bottom:55px;padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:22px}.pl-final-actions{display:flex;gap:10px;flex-wrap:wrap}.petro-landing [hidden]{display:none!important}@media(max-width:900px){.pl-trust{grid-template-columns:repeat(2,1fr)}.pl-trust>div:nth-child(2){border:0}.pl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pl-card-image{height:150px;padding:10px}.pl-card-body{padding:10px}.pl-card-actions a{padding:8px;font-size:11px}}@media(max-width:700px){.pl-wrap{padding-left:13px;padding-right:13px}.pl-banner{min-height:220px}.pl-trust{gap:0}.pl-trust i{font-size:22px}.pl-trust strong{font-size:12px}.pl-trust small{font-size:10px}.pl-section{padding-top:40px;padding-bottom:45px}.pl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pl-card-image{height:150px}.pl-card h3{font-size:13px}.pl-card-actions{flex-direction:column}.pl-card-actions a{font-size:11px}.pl-shop-toolbar{flex-direction:column}.pl-shop-toolbar select{padding:12px}.pl-feature-inner,.pl-final{flex-direction:column;align-items:flex-start}.pl-feature-icon{display:none}.pl-why-grid{grid-template-columns:repeat(2,1fr)}.pl-final{margin-left:12px;margin-right:12px}}

/* PETRO catalogue v3 - overrides scoped to landing */
.petro-landing .pl-catalog{max-width:1480px}.petro-landing .pl-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eff8f8;padding:24px 22px;border-radius:18px;margin-bottom:20px}.petro-landing .pl-catalog-head h1{font-size:clamp(24px,3vw,38px);line-height:1.2;color:#005a5b;margin:4px 0}.petro-landing .pl-catalog-head p{margin:6px 0;color:#34676b}.petro-landing .pl-head-accent{display:inline-block;width:60px;height:5px;background:#ffdc00;vertical-align:middle;border-radius:8px}.petro-landing .pl-catalog-benefits{display:flex;gap:18px;flex-wrap:wrap}.petro-landing .pl-catalog-benefits span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#183f42}.petro-landing .pl-catalog-benefits i{font-size:23px;color:#006b67}.petro-landing .pl-catalog-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 22px}.petro-landing .pl-catalog-toolbar .pl-search{flex:1 1 280px;min-width:180px}.petro-landing .pl-filter-select{display:flex;align-items:center;gap:6px;border:1px solid #d3e0e0;border-radius:40px;padding:0 12px;background:white;min-height:45px}.petro-landing .pl-filter-select i{color:#e5b900}.petro-landing .pl-filter-select select{border:0!important;background:transparent!important;min-width:0;max-width:100%;font-size:13px;padding:10px 2px!important;outline:none}.petro-landing .pl-catalog-toolbar .pl-result-count{margin:0 auto 0 0;font-size:13px;white-space:nowrap}.petro-landing .pl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.petro-landing .pl-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #e0e9e9;border-radius:20px;overflow:hidden;box-shadow:0 5px 18px #12333312;transition:transform .2s,box-shadow .2s}.petro-landing .pl-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #12333320}.petro-landing .pl-card-media{position:relative;overflow:hidden}.petro-landing .pl-card-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;padding:0!important;margin:0!important;overflow:hidden;background:#00575a}.petro-landing .pl-card-image img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important}.petro-landing .pl-ss-badge{position:absolute;top:12px;left:12px;background:#ffdf00;color:#162e30;font-size:11px;font-weight:800;border-radius:20px;padding:6px 11px;pointer-events:none}.petro-landing .pl-card-body{display:flex;flex-direction:column;flex:1;padding:15px!important;text-align:left!important}.petro-landing .pl-name-line{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;min-height:38px}.petro-landing .pl-card h3{font-size:15px!important;line-height:1.35;margin:0!important;min-width:0}.petro-landing .pl-inline-code{color:#65777c;font-size:12px;white-space:nowrap;border-left:1px solid #bdcece;padding-left:8px}.petro-landing .pl-card-rating{display:flex;align-items:center;gap:5px;margin:9px 0 0;font-size:12px;color:#26363a}.petro-landing .pl-card-rating i{color:#f6b900}.petro-landing .pl-card-rating span{color:#65777c}.petro-landing .pl-card-price{font-size:20px!important;color:#003f43!important;font-weight:800!important;margin:10px 0 13px!important}.petro-landing .pl-card-actions{display:flex!important;flex-direction:row!important;gap:8px;margin-top:auto}.petro-landing .pl-card-actions a{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:30px;padding:10px 9px!important;font-size:12px!important;white-space:nowrap;text-decoration:none;font-weight:750}.petro-landing .pl-details-btn{border:1px solid #006b67!important;background:white!important;color:#005b60!important;flex:0 0 auto}.petro-landing .pl-inquiry-btn{background:#006b63!important;color:#ffdf00!important;flex:1 1 auto}.petro-landing .pl-scroll-loader{text-align:center;color:#006b63;padding:28px}.petro-landing .pl-scroll-trigger{height:2px}.petro-landing .pl-rating-note{font-size:12px;color:#677;margin:4px 0 15px}.petro-landing [hidden]{display:none!important}
@media(max-width:1050px){.petro-landing .pl-catalog-head{flex-direction:column;align-items:flex-start}.petro-landing .pl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:700px){.petro-landing .pl-catalog-head{padding:16px 14px}.petro-landing .pl-catalog-benefits{gap:10px}.petro-landing .pl-catalog-benefits span{font-size:10px}.petro-landing .pl-catalog-benefits i{font-size:16px}.petro-landing .pl-catalog-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.petro-landing .pl-catalog-toolbar .pl-search{grid-column:1/-1;min-width:0;width:100%}.petro-landing .pl-filter-select{min-width:0;width:100%;padding:0 7px}.petro-landing .pl-filter-select select{font-size:11px;width:100%}.petro-landing .pl-catalog-toolbar .pl-result-count{grid-column:1/2;font-size:11px;white-space:normal}.petro-landing .pl-sort-select{grid-column:2/3}.petro-landing .pl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.petro-landing .pl-card{border-radius:13px}.petro-landing .pl-card-body{padding:10px!important}.petro-landing .pl-card h3{font-size:12px!important}.petro-landing .pl-name-line{min-height:51px;gap:4px}.petro-landing .pl-inline-code{font-size:10px}.petro-landing .pl-card-price{font-size:16px!important;margin:7px 0 9px!important}.petro-landing .pl-ss-badge{top:7px;left:7px;font-size:9px;padding:4px 7px}.petro-landing .pl-card-actions{flex-direction:column!important;gap:6px}.petro-landing .pl-card-actions a{width:100%;font-size:11px!important;padding:8px 5px!important}.petro-landing .pl-card-rating{font-size:10px;flex-wrap:wrap}}
/* PETRO V4 - PRODUCT RATINGS */

.pl-card-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 10px;
  font-size: 13px;
  color: #173239;
}

.pl-rating-stars {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  white-space: nowrap;
}

.pl-rating-star {
  font-size: 18px;
  line-height: 1;
  background: linear-gradient(
    90deg,
    #ffba00 var(--fill),
    #d6dde0 var(--fill)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pl-card-rating strong {
  font-weight: 800;
}

.pl-rating-reviews {
  font-size: 12px;
  color: #64748b;
}

@media (max-width: 600px) {
  .pl-card-rating {
    gap: 4px;
    font-size: 11px;
  }

  .pl-rating-star {
    font-size: 14px;
  }

  .pl-rating-reviews {
    font-size: 10px;
  }
}

/* ==========================================
   PETRO PREMIUM PROMOTIONAL BREAK
========================================== */

.pl-promo-break {
  grid-column: 1 / -1;
  width: 100%;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: center;
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(
    115deg,
    #003d3b 0%,
    #006b63 65%,
    #008984 100%
  );
  color: #ffffff;
  margin: 15px 0;
  min-height: 330px;
  box-shadow: 0 12px 35px rgba(0, 70, 65, 0.13);
}

/* Left content */

.pl-promo-content {
  padding: 35px 40px;
}

.pl-promo-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: #ffdf00;
  margin-bottom: 15px;
}

.pl-promo-break h2 {
  font-size: clamp(26px, 3vw, 43px);
  line-height: 1.25;
  font-weight: 900;
  color: #ffffff;
  margin: 0 0 15px;
}

.pl-promo-break h2 span {
  color: #ffdf00;
}

.pl-promo-break p {
  font-size: 14px;
  line-height: 1.8;
  color: #e4f6f4;
  max-width: 540px;
  margin: 0 0 20px;
}

/* Features */

.pl-promo-features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 25px;
}

.pl-promo-features span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
}

.pl-promo-features i {
  color: #ffdf00;
  font-size: 15px;
}

/* WhatsApp CTA */

.pl-promo-whatsapp {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 15px 24px;
  border-radius: 50px;
  background: #ffdf00;
  color: #003d3b !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform 0.25s ease,
              background 0.25s ease;
}

.pl-promo-whatsapp:hover {
  background: #ffffff;
  transform: translateY(-3px);
}

.pl-promo-whatsapp .fa-whatsapp {
  font-size: 19px;
}

/* Right visual */

.pl-promo-visual {
  height: 100%;
  min-height: 330px;
  overflow: hidden;
}

.pl-promo-visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
  object-position: center;
}

/* Tablet */

@media (max-width: 991px) {
  .pl-promo-break {
    grid-template-columns: 1fr 0.8fr;
  }

  .pl-promo-content {
    padding: 28px;
  }

  .pl-promo-break h2 {
    font-size: 30px;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .pl-promo-break {
    grid-template-columns: 1fr;
    border-radius: 16px;
    margin: 12px 0;
  }

  .pl-promo-content {
    padding: 25px 20px;
  }

  .pl-promo-label {
    font-size: 10px;
    letter-spacing: 1px;
  }

  .pl-promo-break h2 {
    font-size: 27px;
    line-height: 1.3;
  }

  .pl-promo-break p {
    font-size: 12px;
    line-height: 1.7;
  }

  .pl-promo-features {
    gap: 10px;
    margin-bottom: 20px;
  }

  .pl-promo-features span {
    font-size: 10px;
  }

  .pl-promo-whatsapp {
    width: 100%;
    padding: 14px 10px;
    font-size: 12px;
    gap: 7px;
  }

  .pl-promo-visual {
    min-height: 210px;
    height: 210px;
  }

  .pl-promo-visual img {
    min-height: 210px;
    height: 210px;
  }
}

/* PETRO RESPONSIVE IMAGE BANNER */

.petro-promo-banner {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.petro-promo-banner a,
.petro-promo-banner picture {
  display: block;
  width: 100%;
}

.petro-promo-banner img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border: 0;
}

@media (max-width: 767px) {
  .petro-promo-banner {
    width: 100%;
  }

  .petro-promo-banner img {
    width: 100%;
    height: auto;
  }
}

/* ==========================================
   PETRO WHY CHOOSE US - PREMIUM DESIGN
   Brand: Teal + Yellow
========================================== */

.petro-why-section {
  width: 100%;
  padding: 75px 20px 85px;
  background: #ffffff;
  font-family: inherit;
}

.petro-why-section *,
.petro-why-section *::before,
.petro-why-section *::after {
  box-sizing: border-box;
}

.petro-why-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

/* ==========================================
   SECTION HEADING
========================================== */

.petro-why-heading {
  text-align: center;
  margin-bottom: 38px;
}

.petro-why-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: #005d5b;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 3px;
  margin-bottom: 16px;
}

.petro-why-eyebrow::before,
.petro-why-eyebrow::after {
  content: "";
  width: 28px;
  height: 3px;
  background: #008580;
  border-radius: 10px;
}

.petro-why-heading h2 {
  margin: 0 0 12px;
  color: #006b68;
  font-size: clamp(28px, 3vw, 43px);
  font-weight: 900;
  line-height: 1.2;
}

.petro-why-heading p {
  margin: 0 auto;
  max-width: 700px;
  color: #58747b;
  font-size: 16px;
  line-height: 1.7;
}

/* ==========================================
   FOUR CARD GRID
========================================== */

.petro-why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.petro-why-card {
  min-width: 0;
  background: #f1faf9;
  border: 1px solid #e0eeec;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 12px rgba(0, 55, 53, 0.06);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.petro-why-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(0, 70, 65, 0.14);
}

/* ==========================================
   CARD IMAGES
========================================== */

.petro-why-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #e9f0ef;
}

.petro-why-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease;
}

.petro-why-card:hover .petro-why-image img {
  transform: scale(1.045);
}

/* ==========================================
   CARD CONTENT
========================================== */

.petro-why-card-content {
  position: relative;
  padding: 30px 20px 25px;
  min-height: 155px;
  text-align: center;
}

.petro-why-icon {
  position: absolute;
  top: -29px;
  left: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #e7f8f6;
  color: #007d79;
  font-size: 24px;
  border: 3px solid #f1faf9;
  box-shadow: 0 3px 10px rgba(0, 75, 70, 0.07);
}

.petro-why-card-content h3 {
  margin: 4px 0 12px;
  color: #003f3d;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}

.petro-why-card-content p {
  margin: 0;
  color: #526c72;
  font-size: 14px;
  line-height: 1.7;
}

.petro-why-card::after {
  content: "";
  display: block;
  width: 100px;
  height: 4px;
  margin: 0 auto;
  border-radius: 8px 8px 0 0;
  background: #008c87;
}

/* ==========================================
   FINAL CTA BANNER
========================================== */

.petro-help-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  width: 100%;
  margin-top: 65px;
  padding: 38px 42px;
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(
    115deg,
    #004d4b 0%,
    #006b68 65%,
    #008c88 100%
  );
  color: #ffffff;
}

.petro-help-banner::after {
  content: "";
  position: absolute;
  right: -80px;
  bottom: -135px;
  width: 420px;
  height: 200px;
  border-radius: 50%;
  background: rgba(0, 200, 185, 0.12);
  transform: rotate(-12deg);
  pointer-events: none;
}

.petro-help-text {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
}

.petro-help-label {
  display: block;
  margin-bottom: 15px;
  color: #ffdf00;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2.5px;
}

.petro-help-text h2 {
  margin: 0 0 14px;
  color: #ffffff !important;
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 900;
  line-height: 1.3;
}

.petro-help-text p {
  margin: 0;
  color: #e3f5f3;
  font-size: 14px;
  line-height: 1.8;
}

/* ==========================================
   CTA BUTTONS
========================================== */

.petro-help-actions {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.petro-help-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 50px;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  transition:
    transform 0.25s ease,
    background 0.25s ease;
}

.petro-help-actions a:hover {
  transform: translateY(-3px);
}

.petro-help-whatsapp {
  background: #ffdf00;
  color: #003c39 !important;
  border: 2px solid #ffdf00;
}

.petro-help-whatsapp:hover {
  background: #ffffff;
  border-color: #ffffff;
}

.petro-help-call {
  background: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
}

.petro-help-call:hover {
  background: #ffffff;
  color: #005d5b !important;
}

.petro-help-actions .fa-whatsapp {
  font-size: 19px;
}

/* ==========================================
   TABLET RESPONSIVE
========================================== */

@media (max-width: 1100px) {
  .petro-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .petro-help-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .petro-help-actions {
    width: 100%;
    justify-content: flex-start;
    padding-left: 0;
    padding-top: 20px;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}

/* ==========================================
   MOBILE RESPONSIVE
========================================== */

@media (max-width: 600px) {
  .petro-why-section {
    padding: 45px 14px 55px;
  }

  .petro-why-heading {
    margin-bottom: 25px;
  }

  .petro-why-eyebrow {
    font-size: 10px;
    letter-spacing: 1.5px;
    gap: 9px;
  }

  .petro-why-eyebrow::before,
  .petro-why-eyebrow::after {
    width: 18px;
  }

  .petro-why-heading h2 {
    font-size: 27px;
  }

  .petro-why-heading p {
    font-size: 12px;
  }

  .petro-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .petro-why-card {
    border-radius: 13px;
  }

  .petro-why-image {
    aspect-ratio: 1 / 1;
  }

  .petro-why-card-content {
    min-height: 145px;
    padding: 25px 10px 18px;
  }

  .petro-why-icon {
    width: 40px;
    height: 40px;
    top: -20px;
    left: 10px;
    border-radius: 12px;
    font-size: 17px;
    border-width: 2px;
  }

  .petro-why-card-content h3 {
    font-size: 13px;
    line-height: 1.35;
    margin-bottom: 7px;
  }

  .petro-why-card-content p {
    font-size: 11px;
    line-height: 1.5;
  }

  .petro-why-card::after {
    width: 60px;
    height: 3px;
  }

  /* MOBILE CTA */

  .petro-help-banner {
    margin-top: 35px;
    padding: 25px 18px;
    border-radius: 18px;
    gap: 20px;
  }

  .petro-help-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
  }

  .petro-help-text h2 {
    font-size: 23px;
    line-height: 1.35;
  }

  .petro-help-text p {
    font-size: 12px;
  }

  .petro-help-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding-top: 18px;
  }

  .petro-help-actions a {
    width: 100%;
    min-height: 46px;
    font-size: 13px;
  }
}

/* VERY SMALL MOBILE */

@media (max-width: 360px) {
  .petro-why-grid {
    grid-template-columns: 1fr;
  }

  .petro-why-card-content h3 {
    font-size: 16px;
  }

  .petro-why-card-content p {
    font-size: 13px;
  }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
  .petro-why-card,
  .petro-why-image img,
  .petro-help-actions a {
    transition: none;
  }
}

/* ==========================================
   PETRO REVIEWS + FAQ - COMPLETE CSS
========================================== */

.petro-reviews-section,
.petro-faq-section {
  box-sizing: border-box;
  font-family: inherit;
}

.petro-reviews-section *,
.petro-faq-section *,
.petro-reviews-section *::before,
.petro-faq-section *::before,
.petro-reviews-section *::after,
.petro-faq-section *::after {
  box-sizing: border-box;
}

.petro-rf-container {
  width: min(1320px, calc(100% - 36px));
  margin: 0 auto;
}

/* REVIEWS SECTION */

.petro-reviews-section {
  padding: 70px 0 55px;
  background: #ffffff;
}

.petro-rf-heading {
  text-align: center;
  margin-bottom: 35px;
}

.petro-rf-eyebrow {
  display: inline-block;
  color: #006e6a;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2.5px;
  margin-bottom: 13px;
}

.petro-rf-heading h2 {
  margin: 0 0 12px;
  color: #005b58;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.2;
  font-weight: 900;
}

.petro-rf-heading p {
  margin: 0;
  color: #58737a;
  font-size: 15px;
}

.petro-review-slider {
  position: relative;
  width: 100%;
}

.petro-review-viewport {
  width: 100%;
  overflow: hidden;
  padding: 5px 2px 14px;
  touch-action: pan-y;
}

.petro-review-track {
  display: flex;
  gap: 18px;
  transition: transform .45s ease;
  will-change: transform;
}

.petro-review-card {
  flex: 0 0 calc((100% - 36px) / 3);
  min-width: 0;
  display: flex;
  align-items: stretch;
  gap: 15px;
  padding: 12px;
  border: 1px solid #e2eeec;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 5px 15px rgba(0, 65, 60, .07);
}

.petro-review-image {
  flex: 0 0 40%;
  min-width: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #e9f3f1;
}

.petro-review-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 165px;
  object-fit: cover;
}

.petro-review-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 0;
}

.petro-review-stars {
  display: flex;
  gap: 3px;
  color: #ffb900;
  font-size: 15px;
  margin-bottom: 10px;
}

.petro-review-text {
  margin: 0 0 14px;
  color: #253d42;
  font-size: 13px;
  line-height: 1.65;
}

.petro-review-person {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: auto;
}

.petro-review-avatar {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e6f6f4;
  color: #006b67;
  font-size: 15px;
}

.petro-review-person strong {
  display: block;
  color: #004d49;
  font-size: 12px;
  font-weight: 800;
}

.petro-review-person div > span {
  display: block;
  color: #6a8589;
  font-size: 10px;
  line-height: 1.5;
}

.petro-review-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.petro-review-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid #d7e8e5;
  border-radius: 50%;
  background: #ffffff;
  color: #006d68;
  cursor: pointer;
  transition: .2s ease;
}

.petro-review-arrow:hover:not(:disabled) {
  background: #006d68;
  color: #ffffff;
}

.petro-review-arrow:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.petro-review-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.petro-review-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #bed8d5;
  cursor: pointer;
  transition: .2s ease;
}

.petro-review-dot.active {
  width: 24px;
  border-radius: 20px;
  background: #007a74;
}

/* FAQ SECTION */

.petro-faq-section {
  padding: 45px 0 75px;
  background: #ffffff;
}

.petro-faq-layout {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 45px;
  align-items: center;
  padding: 38px;
  border-radius: 25px;
  background: #edf8f6;
}

.petro-faq-visual {
  width: 100%;
  height: 100%;
  min-height: 420px;
  overflow: hidden;
  border-radius: 20px;
}

.petro-faq-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.petro-faq-content {
  min-width: 0;
}

.petro-faq-content h2 {
  margin: 0 0 25px;
  color: #005c58;
  font-size: clamp(25px, 2.7vw, 38px);
  font-weight: 900;
  line-height: 1.25;
}

.petro-faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.petro-faq-item {
  border: 1px solid #e0eeeb;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 3px 9px rgba(0, 60, 55, .035);
}

.petro-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 15px 18px;
  color: #142b30;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.5;
  cursor: pointer;
  list-style: none;
}

.petro-faq-item summary::-webkit-details-marker {
  display: none;
}

.petro-faq-item summary i {
  flex-shrink: 0;
  color: #006c68;
  font-size: 15px;
  transition: transform .25s ease;
}

.petro-faq-item[open] summary i {
  transform: rotate(45deg);
}

.petro-faq-answer {
  padding: 0 18px 17px;
  color: #526d73;
  font-size: 13px;
  line-height: 1.8;
}

.petro-faq-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 22px;
  padding: 13px 20px;
  border-radius: 40px;
  background: #006d67;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  transition: .25s ease;
}

.petro-faq-whatsapp:hover {
  background: #004e4a;
  transform: translateY(-2px);
}

.petro-faq-whatsapp .fa-whatsapp {
  font-size: 18px;
}

/* TABLET */

@media (max-width: 1050px) {
  .petro-review-card {
    flex-basis: calc((100% - 18px) / 2);
  }

  .petro-faq-layout {
    gap: 25px;
    padding: 25px;
  }
}

/* MOBILE */

@media (max-width: 700px) {
  .petro-rf-container {
    width: calc(100% - 28px);
  }

  .petro-reviews-section {
    padding: 45px 0 30px;
  }

  .petro-rf-heading {
    margin-bottom: 25px;
  }

  .petro-rf-heading h2 {
    font-size: 27px;
  }

  .petro-rf-heading p {
    font-size: 12px;
    line-height: 1.6;
  }

  .petro-review-card {
    flex-basis: 100%;
    gap: 12px;
  }

  .petro-review-image {
    flex-basis: 38%;
  }

  .petro-review-image img {
    min-height: 160px;
  }

  .petro-review-text {
    font-size: 12px;
  }

  .petro-review-controls {
    margin-top: 12px;
  }

  .petro-faq-section {
    padding: 25px 0 50px;
  }

  .petro-faq-layout {
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 18px;
    border-radius: 18px;
  }

  .petro-faq-visual {
    min-height: 220px;
    height: 220px;
    border-radius: 13px;
  }

  .petro-faq-content h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .petro-faq-item summary {
    padding: 13px;
    font-size: 12px;
  }

  .petro-faq-answer {
    padding: 0 13px 14px;
    font-size: 12px;
  }

  .petro-faq-whatsapp {
    width: 100%;
    font-size: 12px;
  }
}

@media (max-width: 380px) {
  .petro-review-card {
    flex-direction: column;
  }

  .petro-review-image {
    flex-basis: auto;
    height: 155px;
  }

  .petro-review-image img {
    height: 155px;
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .petro-review-track,
  .petro-review-dot,
  .petro-review-arrow,
  .petro-faq-item summary i {
    transition: none;
  }
}