.pcc-wrap, .pcc-wrap * { box-sizing: border-box; }

.pcc-wrap{max-width:720px;margin:0 auto;padding:18px;font-family:inherit;}
.pcc-tabs{display:flex;gap:8px;background:#eef2f7;padding:8px;border-radius:14px;margin:14px 0;}
.pcc-tab{flex:1;border:0;border-radius:10px;padding:10px 8px;background:transparent;font-weight:700;cursor:pointer;}
.pcc-tab.is-active{background:#4f8df7;color:#fff;}

.pcc-label{display:block;margin:14px 0 6px;font-weight:700;}
.pcc-label span{color:#ef4444;}
.pcc-input{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px;font-size:16px;background:#fff;}
.pcc-subtitle{margin-top:18px;font-weight:800;}

.pcc-panel{display:none;}
.pcc-panel.is-active{display:block;}

.pcc-step{display:flex;justify-content:space-between;align-items:center;border:1px solid #eef2f7;border-radius:14px;padding:12px;margin-top:10px;background:#fff;}
.pcc-step__label{font-weight:700;}
.pcc-stepper{display:flex;align-items:center;gap:10px;}
.pcc-minus,.pcc-plus{width:44px;height:44px;border:1px solid #e5e7eb;background:#fff;border-radius:12px;font-size:22px;cursor:pointer;}
.pcc-qty{width:70px;text-align:center;border:1px solid #e5e7eb;border-radius:12px;height:44px;font-size:16px;}

.pcc-check{display:flex;gap:10px;align-items:center;margin-top:10px;}
.pcc-submit{width:100%;margin-top:16px;height:52px;border:0;border-radius:14px;background:#f5c400;font-weight:900;font-size:16px;cursor:pointer;}
.pcc-note{margin-top:8px;text-align:center;color:#6b7280;}
.pcc-msg{margin-top:10px;font-weight:700;}

/* ===========================
   Adam-style: fixed full-width sticky bar
   =========================== */
.pcc-sticky{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  background:#fff;
  border-top:1px solid #eef2f7;
  padding:12px 16px;
  z-index:999999;
  box-shadow:0 -8px 20px rgba(0,0,0,.06);
}

.pcc-sticky__line{display:flex;justify-content:space-between;margin-bottom:6px;}
.pcc-sticky__btn{width:100%;height:50px;border:0;border-radius:14px;background:#f5c400;font-weight:900;cursor:pointer;}

/* Prevent the fixed bar covering content */
body { padding-bottom: 110px; }

@media (min-width: 992px){
  .pcc-sticky{
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* ===========================
   FAQ (Adam-style)
   =========================== */
.pcc-faq{
  margin-top: 34px;
  padding-top: 10px;
}

.pcc-faq__title{
  font-size: 34px;
  line-height: 1.15;
  margin: 0;
  font-weight: 900;
  text-align: center;
}

.pcc-faq__subtitle{
  margin: 10px 0 18px;
  text-align: center;
  color: #6b7280;
  font-size: 16px;
}

.pcc-faq__item{
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  margin-top: 12px;
  overflow: hidden;
}

.pcc-faq__q{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 16px 18px;
  border: 0;
  background: #fff;
  cursor: pointer;

  font-weight: 800;
  font-size: 16px;
  text-align: left;
}

.pcc-faq__chev{
  font-size: 16px;
  transform: rotate(0deg);
  transition: transform .2s ease;
}

.pcc-faq__q[aria-expanded="true"] .pcc-faq__chev{
  transform: rotate(180deg);
}

.pcc-faq__a{
  display: none;
  padding: 0 18px 16px;
  color: #111827;
  font-size: 15px;
  line-height: 1.6;
}

.pcc-faq__a.is-open{
  display: block;
}

.pcc-faq__a a{
  text-decoration: underline;
}