.elementor-11077 .elementor-element.elementor-element-15ccf40{--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-11077 .elementor-element.elementor-element-2c2b0fc{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-11077 .elementor-element.elementor-element-c9c2cdb{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-11077 .elementor-element.elementor-element-2c2b0fc{--content-width:1200px;}.elementor-11077 .elementor-element.elementor-element-c9c2cdb{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-2c2b0fc *//* ==========================================
   COA PAGE – SECTION 2: INTRO BLOCK
   ========================================== */

.pp-coa-intro{
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(40px, 5vw, 70px) 16px;
}

.pp-coa-intro__title{
  font-weight: 800;
  font-size: clamp(24px, 3vw, 32px);
  margin: 0 0 14px;
  color: #0f172a;
}

.pp-coa-intro__body{
  font-size: 16px;
  line-height: 1.7;
  color: #334155;
  margin: 0;
}

.pp-coa-intro__body p{
  margin: 0 0 14px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-863e6de *//* ==========================================
   COA PAGE – SECTION 4: FILTER BAR
   ========================================== */

.pp-coa-filter{
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(16px, 3vw, 32px) 16px;
}

.pp-coa-filter-bar{
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

/* Dropdown + Search */
.pp-coa-filter-item select,
.pp-coa-filter-item input{
  padding: 10px 14px;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  font-size: 15px;
  min-width: 220px;
  outline: none;
  transition: 0.15s ease;
  background: #fff;
}

.pp-coa-filter-item select:focus,
.pp-coa-filter-item input:focus{
  border-color: #204aa0;
  box-shadow: 0 0 0 3px rgba(32,74,160,0.15);
}

/* Mobile */
@media(max-width: 600px){
  .pp-coa-filter-bar{
    flex-direction: column;
    align-items: stretch;
  }
  .pp-coa-filter-item{
    width: 100%;
  }
  .pp-coa-filter-item select,
  .pp-coa-filter-item input{
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-82ece4b *//* ==========================================================
   POWER PEPTIDES – COMPLETE COA SYSTEM (FILTERS + TABLE)
   ========================================================== */

/* Filter Bar */
.pp-coa-filters{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.pp-coa-filters select,
.pp-coa-filters input{
  padding:10px 14px;
  border:1px solid #d0d7e2;
  border-radius:12px;
  font-size:15px;
  min-width:200px;
  background:#fff;
  transition:.15s;
}

.pp-coa-filters select:focus,
.pp-coa-filters input:focus{
  border-color:#204aa0;
  box-shadow:0 0 0 3px rgba(32,74,160,.15);
}

/* Table */
.pp-coa-table{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
}

.pp-coa-table thead{
  background:#f1f5f9;
}

.pp-coa-table th,
.pp-coa-table td{
  padding:14px 16px;
  border-bottom:1px solid #e2e8f0;
}

.pp-coa-table th{
  font-weight:800;
  color:#0f172a;
  cursor:pointer;
}

.pp-coa-table tr:hover td{
  background:#f8fafc;
}

/* COA button */
.pp-coa-download{
  background:#204aa0;
  color:#fff;
  padding:8px 14px;
  border-radius:10px;
  text-decoration:none;
  font-weight:700;
  transition:.15s;
}
.pp-coa-download:hover{
  background:#143578;
  transform:translateY(-1px);
}

/* Mobile collapse */
@media(max-width:700px){
  .pp-coa-table thead{
    display:none;
  }

  .pp-coa-table tr{
    display:block;
    margin-bottom:12px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
  }

  .pp-coa-table td{
    display:flex;
    justify-content:space-between;
    padding:10px 14px;
  }

  .pp-coa-table td:before{
    content:attr(data-label);
    font-weight:700;
    color:#0f172a;
  }
}/* End custom CSS */