.elementor-11071 .elementor-element.elementor-element-9523513{--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-11071 .elementor-element.elementor-element-e4efa3a{--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-11071 .elementor-element.elementor-element-2797179{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-15a9781 *//* ===========================================
   POWER PEPTIDES – FAQ PAGE HERO
   =========================================== */

.pp-faq-hero {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  background: linear-gradient(160deg, #204aa0 0%, #195a78 55%, #d473a6 100%);
  color: #fff;
  padding: clamp(70px, 10vw, 140px) 16px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* Animated Hex Pattern */
.pp-faq-hero::before {
  content: "";
  position: absolute;
  inset: -15% -10%;
  opacity: .08;
  pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='white' stroke-opacity='0.7' stroke-width='1'>\
<defs><pattern id='hex' width='20' height='17.32' patternUnits='userSpaceOnUse'><path d='M5 0 L15 0 L20 8.66 L15 17.32 L5 17.32 L0 8.66 Z'/></pattern></defs>\
<rect width='100%' height='100%' fill='url(%23hex)'/></svg>");
  background-size: 260px 260px;
  animation: pp-faq-pan 50s linear infinite alternate;
  z-index: 0;
}

@keyframes pp-faq-pan {
  from { background-position: 0 0; }
  to   { background-position: -500px -300px; }
}

/* Inner Container */
.pp-faq-hero__inner {
  max-width: 900px;
  margin: 0 auto;
  padding-inline: clamp(12px, 3vw, 24px);
  position: relative;
  z-index: 2;
}

/* Title */
.pp-faq-hero__title {
  font-weight: 900;
  font-size: clamp(32px, 5vw, 52px);
  margin: 0 0 12px;
}

/* Subtitle */
.pp-faq-hero__sub {
  font-size: clamp(16px, 2vw, 20px);
  color: #eef2ff;
  line-height: 1.65;
  max-width: 800px;
  margin: 0 auto;
}

@media (prefers-reduced-motion: reduce) {
  .pp-faq-hero::before {
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a07d82 *//* ============================================================
   POWER PEPTIDES – FAQ PAGE (SECTION 2 ACCORDION)
   ============================================================ */

.pp-faq{
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(60px, 8vw, 120px) 20px;
}

.pp-faq__item{
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    margin-bottom: 18px;
    overflow: hidden;
    background: #fff;
    transition: 0.25s ease;
}

.pp-faq__item:hover{
    box-shadow: 0 12px 28px rgba(0,0,0,0.04);
}

/* Question button */
.pp-faq__question{
    width: 100%;
    text-align: left;
    background: #ffffff;
    color: #0f172a;
    padding: 18px 22px;
    font-size: 18px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    position: relative;
}

.pp-faq__question::after{
    content: "+";
    font-size: 24px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: #204aa0;
    transition: 0.25s ease;
}

.pp-faq__item.active .pp-faq__question::after{
    content: "–";
    transform: translateY(-50%);
}

/* Answer area */
.pp-faq__answer{
    display: none;
    padding: 0 22px 18px;
    color: #475569;
    font-size: 16px;
    line-height: 1.6;
}

.pp-faq__item.active .pp-faq__answer{
    display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa3540f *//* ================================
   POWER PEPTIDES – STILL NEED HELP CTA
   ================================ */

.pp-help-cta{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  background: linear-gradient(160deg, #204aa0 0%, #195a78 55%, #d473a6 100%);
  color:#fff;
  padding: clamp(70px, 10vw, 140px) 16px;
  text-align:center;
  position:relative;
  overflow:hidden;
}

/* hex overlay */
.pp-help-cta::before{
  content:"";
  position:absolute;
  inset:-15% -10%;
  opacity:.08;
  pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='white' stroke-opacity='0.7' stroke-width='1'>\
<defs><pattern id='hex' width='20' height='17.32' patternUnits='userSpaceOnUse'><path d='M5 0 L15 0 L20 8.66 L15 17.32 L5 17.32 L0 8.66 Z'/></pattern></defs>\
<rect width='100%' height='100%' fill='url(%23hex)'/></svg>");
  background-size:260px 260px;
  animation:pp-help-pan 50s linear infinite alternate;
  z-index:0;
}

@keyframes pp-help-pan{
  from{background-position:0 0;}
  to{background-position:-500px -300px;}
}

.pp-help-cta__inner{
  max-width:900px;
  margin:0 auto;
  padding-inline:clamp(12px,3vw,24px);
  position:relative;
  z-index:2;
}

.pp-help-cta__title{
  font-weight:900;
  font-size:clamp(30px,4.5vw,40px);
  margin:0 0 14px;
}

.pp-help-cta__sub{
  font-size:clamp(16px,2vw,19px);
  color:#eef2ff;
  line-height:1.6;
  max-width:760px;
  margin:0 auto 32px;
}

/* buttons row */
.pp-help-cta__buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
}

/* base button */
.pp-help-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 30px;
  border-radius:999px;
  font-weight:800;
  font-size:15px;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

/* primary (white pill) */
.pp-help-cta__btn--primary{
  background:#ffffff;
  color:#204aa0;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  border:1px solid transparent;
}
.pp-help-cta__btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(0,0,0,.25);
}

/* secondary (outline) */
.pp-help-cta__btn--ghost{
  border:1px solid #ffffff;
  color:#ffffff;
  background:transparent;
}
.pp-help-cta__btn--ghost:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-2px);
}

@media (prefers-reduced-motion:reduce){
  .pp-help-cta::before{
    animation:none;
  }
}

@media(max-width:600px){
  .pp-help-cta__btn{
    width:100%;
    max-width:260px;
  }
}/* End custom CSS */