.gift-card{}

/** Common **/
.gift-card .card-mini-item{border: 1px solid #ddd; border-radius: 16px; padding: 16px;}
.gift-card .card-mini-item .title{padding-bottom: 16px;}
.gift-card .card-mini-item .title .img{display: inline-block; vertical-align: middle;}
.gift-card .card-mini-item .title .img img{margin-right: 16px; width: 164px;}
.gift-card .card-mini-item .title .txt{display: inline-block; padding: 10px 0; vertical-align: middle;}
.gift-card .card-mini-item .charges{}
.gift-card .card-mini-item .charges .box{border-top: 1px solid #ededed; padding: 10px 0;}
.gift-card .card-mini-item .charges .box .amount-text{}
.gift-card .card-mini-item .charges .box .amount-text.total{font-weight: bold;}
.gift-card .card-mini-item .charges .box .amount{text-align: right;}
.gift-card .card-mini-item .charges .box .amount.total{font-weight: bold;}


/** PAGE: giftCard/customize **/
.gift-card.customize{}
@media screen and (min-width: 1200px){
    .gift-card.customize{
        background: linear-gradient(90deg, #fff 53%, #f6f6f6 53%);
    }
}
.gift-card.customize .main{}
.gift-card.customize .main .box{padding: 20px 0 30px;}
.gift-card.customize .main .box + .box{border-top: 1px solid #ddd;}

.gift-card.customize .main .box.design{}
.gift-card.customize .main .box.design .items{display: flex; justify-content: space-between;}
.gift-card.customize .main .box.design .items .item{
    background-color: #f6f6f6;
    border-radius: 16px;
    cursor: pointer;
    padding: 8px;
    text-align: center;
    width: 32%;
}
.gift-card.customize .main .box.design .items .item img{border-radius: 14px; margin-bottom: 16px; width: 100%;}

.gift-card.customize .main .box.amount{}
.gift-card.customize .main .box.amount .items{
    background-color: #f6f6f6;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 2px;
}
.gift-card.customize .main .box.amount .items .item{
    display: inline-block;
    margin: 0;
    position: relative;
    text-align: center;
    width:25%;
}
.gift-card.customize .main .box.amount .items .item input{display: none;}
.gift-card.customize .main .box.amount .items .item div{
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
}
.gift-card.customize .main .box.amount .items .item input:checked + div{background-color: #fff;}
.gift-card.customize .main .box.amount input[type="text"]{
    font-size: 16px;
    height: auto;
    padding: 16px;
    width: 100%;
}

.gift-card.customize .main .box.info{}
.gift-card.customize .main .box.info label{font-size: 13px; font-weight: 500; padding: 8px 16px 0;}
.gift-card.customize .main .box.info textarea,
.gift-card.customize .main .box.info input[type="text"]{
    font-size: 16px;
    height: auto;
    padding: 16px;
    width: 100%;
}
.gift-card.customize .main .box.info .counter{font-size: 12px;}

.gift-card.customize .main .card-preview{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.06);
    font-size: 0;
    margin-bottom: 40px;
}
.gift-card.customize .main .card-preview p{word-break: break-word;}
.gift-card.customize .main .card-preview img{border-radius: 20px 20px 0 0; width: 100%;}
.gift-card.customize .main .card-preview .txt{font-size: 14px; padding: 24px 36px 48px;}
.gift-card.customize .main .card-preview .txt .amount{color: #002d78; font-size: 36px; font-weight: 600;}


/** PAGE: giftCard/pay **/
.gift-card.payment{}
.gift-card.payment .btn-back{display: block; font-size: 16px; margin-left: 20px; padding: 0 10px;}
.gift-card.payment .btn-back span{font-size: 18px; font-weight: 600;}


/** PAGE: giftCard/success_payment **/
.gift-card.success{}
.gift-card.success .share{}
.gift-card.success .share .social-pages{margin-left: -10px;}
.gift-card.success .share .social-pages>a:first-child{}
.gift-card.success .share .social-pages .container-picture{background-color: #1e7eee; height: 48px; width: 48px;}
.gift-card.success .share .social-pages .container-picture.link{background-color: #fff;}

.errorMessage {
    color: #e43d4c;
}