.giftcard-container {
  /*max-width: 440px;*/
  margin: 48px auto 36px auto;
  padding: 36px 36px 30px 36px;
  background: #fff;
  border-radius: 18px;
  /*box-shadow: 0 6px 32px rgba(0,0,0,0.11);*/
  font-family:"Inter", Sans-serif;
  display: flex;
  justify-content:center;
}

.giftcard-image {
  text-align: center;
  margin-bottom: 26px;
    flex: 1;
}
.giftcard-image img {
  width: 75%;
  border-radius: 6px;
  border: 1.5px solid #f3e0ea;
}
.giftcard-leftWrapper{
     flex: 1;
}
.giftcard-form{
    width: 90%;
}
.giftcard-title {
  font-size: 2.2rem;
  margin: 0 0 2px 0;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.5px;
  color: #1e1625;
}
.giftcard-desc {
  text-align: left;
  color: #5d2949;
  font-size: 1.08rem;
  margin-bottom: 20px;
}
.giftcard-amount-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  letter-spacing: 0.04em;
  color: #a13e68;
  font-size: 1.02rem;
}
.giftcard-amount-options {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 14px;
}
.amount-btn {
  padding: 9px 18px;
  border: 1.6px solid #bc4a7e;
  background: #fff;
  border-radius: 5px;
  color: #bc4a7e;
  font-weight: 500;
  font-size: 1.07rem;
  cursor: pointer;
  outline: none;
  transition: 
    color 0.17s, 
    background 0.17s, 
    border 0.15s,
    box-shadow 0.13s;
  box-shadow: none;
}
.amount-btn.selected, .amount-btn:hover {
  background: #bc4a7e;
  color: #fff;
  border-color: #bc4a7e;
  box-shadow: 0 2px 7px rgba(188,74,126,0.13);
}
.amount-input {
  width: 110px;
  border: 1.5px solid #bc4a7e;
  border-radius: 5px;
  padding: 9px 9px;
  font-size: 1rem;
  margin-left: 2px;
}
.giftcard-fields label {
  display: block;
  margin-bottom: 2px;
  font-size: 1.01rem;
  color: #a13e68;
  margin-top: 13px;
  font-weight: 500;
}
.giftcard-fields input,
.giftcard-fields textarea {
  width: 100%;
  padding: 8px 11px;
  border: 1.3px solid #bc4a7e;
  border-radius: 4px;
  margin-bottom: 7px;
  font-size: 1.06rem;
  background: #fff;
  color: #2e1d28;
  transition: border 0.16s;
}
/*.giftcard-fields input:focus,*/
/*.giftcard-fields textarea:focus {*/
/*  border-color: #9e3968;*/
/*  outline: none;*/
/*}*/
.giftcard-actions {
  /*text-align: right;*/
  margin-top: 18px;
}
#giftcard-pay-btn {
  padding: 11px;
  border-radius: 6px;
  border: none;
  background: #bc4a7e;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 3px 15px rgba(188,74,126,0.12);
  transition: background 0.18s, box-shadow 0.18s;
  width: 100%;
}
#giftcard-pay-btn:hover {
  background: #a13e68;
  box-shadow: 0 7px 26px rgba(188,74,126,0.16);
}
.giftcard-feedback {
  margin-top: 12px;
  color: #d12c1c;
  text-align: center;
  font-size: 1.07rem;
}
@media (max-width: 600px) {
  .giftcard-container { padding: 10px 2vw; }
  .giftcard-image img { max-width: 98vw; }
}
.giftcard-qty-controls {
    display:flex;
    align-items:center;
    margin-top:3px;
    border: 1.4px solid #bc4a7e;
    border-radius: 8px;
    width: 200px;
}
.giftcard-qty-controls .qty-btn {

  width: 38px;
  font-size: 1.32rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.14s, color 0.15s, border 0.15s;
  box-shadow: none;
  outline: none;
  user-select: none;
}
.giftcard-qty-controls .qty-btn:hover, .giftcard-qty-controls .qty-btn:focus {
  background: #bc4a7e;
  color: #fff;
  border-color: #bc4a7e;
}
.giftcard-default-price {
  font-size: 1.32rem;
  font-weight: 600;
  color: #bc4a7e;
  margin-bottom: 8px;
  letter-spacing: 0.01em;
}

input:focus-visible + label {
    outline: none !important;
    border-radius: 3px;
}

/* Hide number input arrows */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}