/*
Theme Name: Divi Child
Template: Divi
Version: 1.0
*/

/*---------------------------------
買取商品(中身)：縦長画像を全体表示
---------------------------------*/
.single-product .et_pb_wc_gallery .woocommerce-product-gallery__image,
.single-product .et_pb_wc_gallery .woocommerce-product-gallery__image a{
    aspect-ratio: 1 / 1;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

.single-product .et_pb_wc_gallery .woocommerce-product-gallery__image img{
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

/* タブレット幅：見切れ対策 */
@media (min-width: 768px) and (max-width: 980px){

    .single-product .et_pb_wc_gallery .woocommerce-product-gallery__image,
    .single-product .et_pb_wc_gallery .woocommerce-product-gallery__image a{
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .single-product .et_pb_wc_gallery .woocommerce-product-gallery__image img{
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transform: none !important;
    }
}

/*---------------------------------
WooCommerce 共通
---------------------------------*/

/* 商品一覧 */
.woocommerce ul.products{
    display:flex;
    flex-wrap:wrap;
}

/* 商品カード */
.woocommerce ul.products li.product{
    display:flex;
}

/* 商品リンク全体 */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link{
    display:flex !important;
    flex-direction:column;
    width:100%;
    height:100%;
}

/* 商品タイトルを伸ばして価格を下へ */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    flex:1;
}

/* 価格位置を揃える */
.woocommerce ul.products li.product .price{
    margin-top:auto !important;
    display:block;
}

/* 商品画像の枠 */
.woocommerce ul.products li.product .et_shop_image{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:180px;
    overflow:hidden;
    text-align:center;
}

/* 商品画像 */
.woocommerce ul.products li.product .et_shop_image img{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:180px !important;
    margin:0 auto !important;
    object-fit:contain !important;
    float:none !important;
}

/*---------------------------------
検索結果ページ ページネーション
---------------------------------*/
.search-pagination{
    margin:50px 0 0;
    text-align:center;
}

.search-pagination .page-numbers{
    display:inline-block;
    margin:0 0 0 -1px;
    padding:.5em;
    min-width:1em;
    border:1px solid #d9d9d9;
    background:#fff;
    color:#222;
    text-decoration:none;
    line-height:1;
    font-size:1em;
    font-weight:400;
    transition:all .2s ease;
}

/* 現在ページ */
.search-pagination .page-numbers.current{
    background:#efedf8;
    color:#555;
}

/* ホバー */
.search-pagination a.page-numbers:hover{
    background:#efedf8;
    color:#222;
}

/* フォント */
.search-pagination .prev,
.search-pagination .next{
    font-size:1em;
}

/* 角丸なし */
.search-pagination .page-numbers{
    border-radius:0;
}


/*---------------------------------
WooCommerce 商品ページ
---------------------------------*/

/* カート追加の通知バー */
.woocommerce-message{
    background:#fff !important;
    color:#000 !important;
}

/* 通知バー内ボタン */
.woocommerce-message .button{
    border:1px solid #665a4d !important;
}

.woocommerce-message a.button.wc-forward{
    color:#000 !important;
}


/*---------------------------------
WooCommerce 買取申し込みページ
---------------------------------*/

/* ログインボタンを100%表示 */
form.woocommerce-form-login button.woocommerce-form-login__submit{
    width:100%;
}

/* ログイントグル案内を非表示 */
.woocommerce-form-login-toggle{
    display:none;
}

/* ログインフォームを常に表示 */
form.woocommerce-form-login{
    display:block !important;
}



/* 見出しデザイン統一 */
.woocommerce-checkout .applicant-heading,
.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-billing-fields__field-wrapper > h2,
.woocommerce-billing-fields__field-wrapper .thwcfd-field-heading h2,
.woocommerce-notices-wrapper + h2{
    font-size:20px;
    font-weight:700;
    margin:40px 0 20px;
    padding-left:12px;
    padding-bottom:0;
    border-left:5px solid #333;
    line-height:1.4;
}


/*---------------------------------
FE Advanced Search 検索結果ページ
---------------------------------*/

/* コンテンツ幅 */
body.search-results #content-area,
body.search-results #left-area{
    width:100% !important;
    padding-right:0 !important;
}

body.search-results #sidebar{
    display:none !important;
}

/* 商品一覧 */
.search-product-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:36px 28px;
}

/* 商品カード */
.search-product-card{
    display:flex;
    flex-direction:column;
    width:100%;
}

/* 商品画像 */
.search-product-image{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:180px;
    margin-bottom:12px;
    overflow:hidden;
}

.search-product-image img{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:180px !important;
    object-fit:contain !important;
}

/* 商品タイトル */
.search-product-title{
    flex:1;
    margin:0 0 15px;
    padding:0;
    font-size:15px;
    font-weight:700;
    line-height:1.6;
}

.search-product-title a{
    display:block;
    color:#111;
    text-decoration:none;
    transition:.2s;
}

.search-product-title a:hover{
    color:#1CA5CC;
}

/* 価格 */
.search-product-price{
    margin-top:auto;
    text-align:center;
}

.search-product-price .amount{
    display:inline-block;
    color:#d11d44 !important;
    font-size:24px;
    font-weight:700;
    line-height:1.2;
}

.search-product-price ins{
    text-decoration:none;
}

.search-product-price del{
    color:#999;
    font-size:16px;
    margin-right:8px;
}

/* ページネーション */
.pagination{
    margin-top:50px;
    text-align:center;
}

@media (max-width:980px){
    .search-product-grid{
        grid-template-columns:repeat(3, 1fr);
        gap:30px 20px;
    }
}

@media (max-width:767px){
    .search-product-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:24px 16px;
    }

    .search-product-image{
        height:150px;
    }

    .search-product-image img{
        max-height:150px !important;
    }

    .search-product-title{
        font-size:13px;
    }

    .search-product-price .amount{
        font-size:20px;
    }
}


/*---------------------------------
WooCommerce マイページ
---------------------------------*/

/* 全体2カラム */
.woocommerce-account .woocommerce{
    display:flex;
    gap:30px;
    align-items:flex-start;
}

/* 左メニュー */
.woocommerce-MyAccount-navigation{
    width:260px;
    flex-shrink:0;
}

.woocommerce-MyAccount-navigation ul{
    list-style:none !important;
    margin:0;
    padding:8px !important;
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:14px;
    overflow:hidden;
}

.woocommerce-MyAccount-navigation li{
    list-style:none !important;
    margin:0;
    padding:0;
    border-bottom:none;
}

.woocommerce-MyAccount-navigation li::marker{
    content:"" !important;
}

.woocommerce-MyAccount-navigation a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px;
    color:#111;
    font-weight:700;
    font-size:14px;
    text-decoration:none;
    border-radius:8px;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation a:hover{
    background:#eaf5ff;
    color:#0073c8;
}

/* アイコン共通 */
.woocommerce-MyAccount-navigation a::before{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    font-size:17px;
    line-height:1;
    color:#333;
}

.woocommerce-MyAccount-navigation li.is-active a::before,
.woocommerce-MyAccount-navigation a:hover::before{
    color:#0073c8;
}

/* 各メニューアイコン */
.woocommerce-MyAccount-navigation-link--dashboard a::before{
    content:"⌂";
}

.woocommerce-MyAccount-navigation-link--orders a::before{
    content:"▣";
}

.woocommerce-MyAccount-navigation-link--downloads a::before{
    content:"▤";
}

.woocommerce-MyAccount-navigation-link--edit-address a::before{
    content:"▧";
}

.woocommerce-MyAccount-navigation-link--edit-account a::before{
    content:"⚙";
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before{
    content:"↪";
}

/* 右コンテンツ */
.woocommerce-MyAccount-content{
    flex:1;
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:12px;
    padding:28px;
    box-shadow:0 4px 16px rgba(0,0,0,.04);
}

/* あいさつカード */
.hd-my-welcome{
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:12px;
    padding:24px;
    margin-bottom:24px;
}

.hd-my-label{
    color:#0073c8;
    font-size:13px;
    font-weight:700;
    margin:0 0 6px;
}

.hd-my-welcome h2{
    font-size:22px;
    margin:0 0 8px;
    line-height:1.4;
}

/* セクション見出し */
.hd-my-section-title{
    font-size:18px;
    font-weight:700;
    margin:28px 0 14px;
    padding-left:12px;
    border-left:4px solid #1CA5CC;
}

/* 状況カード */
.hd-status-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
}

.hd-status-card{
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:12px;
    padding:20px;
    text-align:center;
    box-shadow:0 3px 12px rgba(0,0,0,.04);
}

.hd-status-card span{
    display:block;
    font-size:13px;
    font-weight:700;
    color:#555;
    margin-bottom:8px;
}

.hd-status-card strong{
    font-size:30px;
    color:#111;
    line-height:1;
}

.hd-status-card em{
    font-style:normal;
    font-size:14px;
    margin-left:3px;
}

/* 最近の注文 */
.hd-order-list{
    border:1px solid #e5eaf0;
    border-radius:12px;
    overflow:hidden;
}

.hd-order-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid #eef2f6;
}

.hd-order-item:last-child{
    border-bottom:none;
}

.hd-order-item strong{
    font-size:14px;
}

.hd-order-item p{
    margin:4px 0 0;
    font-size:13px;
    color:#777;
}

.hd-order-item span{
    display:inline-block;
    min-width:90px;
    text-align:center;
    padding:6px 10px;
    background:#eef7ff;
    color:#0073c8;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

/* お問い合わせカード */
.hd-my-contact{
    margin-top:28px;
    padding:22px;
    background:#f5fbff;
    border:1px solid #cfe8f8;
    border-radius:12px;
}

.hd-my-contact strong{
    display:block;
    color:#0073c8;
    font-size:17px;
    margin-bottom:8px;
}

.hd-my-contact p{
    margin:0 0 14px;
}

.hd-my-contact a{
    display:inline-block;
    padding:10px 22px;
    background:#0073c8;
    color:#fff !important;
    border-radius:6px;
    font-weight:700;
    text-decoration:none;
}


/*---------------------------------
WooCommerce 登録情報ページ
---------------------------------*/

/* ヘッダー */
.hd-reg-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:30px;
}

.hd-reg-head h2{
    margin:0 0 8px;
    font-size:28px;
    line-height:1.4;
}

.hd-reg-head p{
    margin:0;
    color:#666;
    font-size:14px;
    line-height:1.8;
}

/* 編集ボタン */
.hd-reg-edit-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:170px;
    height:48px;
    padding:0 20px;
    border:2px solid #0073c8;
    border-radius:8px;
    color:#0073c8 !important;
    font-weight:700;
    text-decoration:none;
    transition:.25s;
}

.hd-reg-edit-btn:hover{
    background:#0073c8;
    color:#fff !important;
}

/* 2カラム */
.hd-reg-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
}

/* カード */
.hd-reg-card{
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:12px;
    padding:28px;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
    min-width:0;
}

.hd-reg-card h3{
    margin:0 0 24px;
    font-size:20px;
    line-height:1.4;
}

/* 定義リスト */
.hd-reg-card dl{
    display:grid;
    grid-template-columns:130px 1fr;
    column-gap:20px;
    row-gap:18px;
    margin:0;
}

.hd-reg-card dt{
    margin:0;
    font-weight:700;
    color:#111;
}

.hd-reg-card dd{
    margin:0;
    color:#333;
    line-height:1.8;
    word-break:break-word;
}

/* 注意ボックス */
.hd-reg-note{
    margin-top:30px;
    padding:24px 28px;
    background:#f5fbff;
    border:1px solid #cfe8f8;
    border-radius:12px;
}

.hd-reg-note h3{
    margin:0 0 15px;
    color:#0073c8;
    font-size:18px;
}

.hd-reg-note ul{
    margin:0;
    padding-left:20px;
}

.hd-reg-note li{
    margin-bottom:8px;
    line-height:1.8;
}


/*---------------------------------
WooCommerce アカウント設定ページ
---------------------------------*/
.woocommerce-account form.edit-account{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    column-gap:24px;
    row-gap:18px;
}

.woocommerce-account form.edit-account .form-row{
    width:100% !important;
    float:none !important;
    clear:none !important;
    margin:0 0 18px !important;
}

.woocommerce-account form.edit-account label{
    display:block;
    font-weight:700;
    margin-bottom:8px;
}

.woocommerce-account form.edit-account input,
.woocommerce-account form.edit-account select{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 16px !important;
    border:1px solid #dfe7ef !important;
    border-radius:8px !important;
    background:#f7f9fb !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

.woocommerce-account form.edit-account input:focus,
.woocommerce-account form.edit-account select:focus{
    background:#fff !important;
    border-color:#0073c8 !important;
    outline:none !important;
}

/* 表示順 */
.woocommerce-account form.edit-account p:has(#account_last_name){
    grid-column:1 / 2;
    order:1;
}

.woocommerce-account form.edit-account p:has(#account_first_name){
    grid-column:2 / 3;
    order:2;
}

.woocommerce-account form.edit-account p:has(#billing_phone){
    grid-column:1 / -1;
    order:3;
}

.woocommerce-account form.edit-account p:has(#billing_postcode){
    grid-column:1 / -1;
    order:4;
}

.woocommerce-account form.edit-account p:has(#billing_state){
    grid-column:1 / -1;
    order:5;
}

.woocommerce-account form.edit-account p:has(#billing_city){
    grid-column:1 / -1;
    order:6;
}

.woocommerce-account form.edit-account p:has(#billing_address_1){
    grid-column:1 / -1;
    order:7;
}

.woocommerce-account form.edit-account p:has(#billing_address_2){
    grid-column:1 / -1;
    order:8;
}

.woocommerce-account form.edit-account p:has(#account_email){
    grid-column:1 / -1;
    order:9;
}

.woocommerce-account form.edit-account .hd-bank-fields{
    grid-column:1 / -1;
    order:10;
}

/* 表示名非表示 */
.woocommerce-account form.edit-account p:has(#account_display_name),
.woocommerce-account form.edit-account p:has(#account_display_name) + span{
    display:none !important;
}

/* 銀行口座情報 */
.woocommerce-account form.edit-account .hd-bank-fields{
    width:100%;
    margin:28px 0 0;
    padding:32px 24px 24px;
    border:1px solid #d9e2ef;
    border-radius:12px;
    background:#fff;
}

.woocommerce-account form.edit-account .hd-bank-fields legend{
    padding:0 12px;
    font-size:18px;
    font-weight:700;
}

/* パスワード変更 */
.woocommerce-account form.edit-account fieldset:not(.hd-bank-fields){
    grid-column:1 / -1;
    order:11;
    width:100%;
    margin:28px 0 0;
    padding:32px 24px 24px;
    border:1px solid #e5eaf0;
    border-radius:12px;
    background:#fff;
}

/* 保存ボタン */
.woocommerce-account form.edit-account > p:last-child{
    grid-column:1 / -1;
    order:12;
}

@media screen and (max-width:767px){
    .woocommerce-account form.edit-account{
        grid-template-columns:1fr;
    }

    .woocommerce-account form.edit-account p:has(#account_last_name),
    .woocommerce-account form.edit-account p:has(#account_first_name){
        grid-column:1 / -1;
    }
}


/*---------------------------------
WooCommerce 注文一覧・ボタン
---------------------------------*/

.woocommerce-account table.shop_table{
    border:1px solid #e5eaf0;
    border-radius:12px;
    overflow:hidden;
}

.woocommerce-account table.shop_table th{
    background:#f5f9fc;
    font-weight:700;
}

/* 表示ボタン */
.woocommerce-account table.shop_table .button,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:82px;
    height:44px;
    padding:0 18px !important;
    background:#0073c8 !important;
    color:#fff !important;
    border:2px solid #0073c8 !important;
    border-radius:8px !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-shadow:0 4px 10px rgba(0,115,200,.16);
    transition:.25s ease;
}

.woocommerce-account table.shop_table .button:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover{
    background:#fff !important;
    color:#0073c8 !important;
    transform:translateY(-2px);
}

/* 次・前ページボタン */
.woocommerce-account .woocommerce-pagination .button,
.woocommerce-account .woocommerce-pagination a{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:54px;
    height:44px;
    padding:0 18px !important;
    background:#0073c8 !important;
    color:#fff !important;
    border:2px solid #0073c8 !important;
    border-radius:8px !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transition:.25s ease;
}

.woocommerce-account .woocommerce-pagination .button:hover,
.woocommerce-account .woocommerce-pagination a:hover{
    background:#fff !important;
    color:#0073c8 !important;
    transform:translateY(-2px);
}


/*---------------------------------
WooCommerce レスポンシブ
---------------------------------*/

@media (max-width:980px){
    .woocommerce-account .woocommerce{
        display:block;
    }

    .woocommerce-MyAccount-navigation{
        width:100%;
        margin-bottom:24px;
    }

    .woocommerce-MyAccount-content{
        padding:22px;
    }

    .hd-status-grid{
        grid-template-columns:1fr;
    }

    .hd-order-item{
        display:block;
    }

    .hd-order-item span{
        margin-top:10px;
    }

    .hd-reg-head{
        display:block;
    }

    .hd-reg-edit-btn{
        margin-top:20px;
    }

    .hd-reg-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:767px){
    .woocommerce-account form.edit-account{
        grid-template-columns:1fr;
    }

    .woocommerce-account form.edit-account p:has(#account_last_name),
    .woocommerce-account form.edit-account p:has(#account_first_name){
        grid-column:1 / -1;
    }

    .hd-reg-card{
        padding:20px;
    }

    .hd-reg-card dl{
        grid-template-columns:1fr;
        row-gap:8px;
    }

    .hd-reg-card dt{
        margin-top:12px;
    }

    .hd-reg-card dt:first-child{
        margin-top:0;
    }
}

/* WooCommerceマイページ内ボタンのDivi矢印を消す */
.woocommerce-account .button::after,
.woocommerce-account .woocommerce-Button::after,
.woocommerce-account a.button::after,
.woocommerce-account button.button::after {
  display: none !important;
  content: none !important;
}

/* 矢印分の余白もリセット */
.woocommerce-account .button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account a.button,
.woocommerce-account button.button {
  padding-right: 18px !important;
}

/*---------------------------------
WooCommerce ログインページ
---------------------------------*/

.hd-login-page{
    max-width:720px;
    margin:0 auto;
}

.hd-login-box{
    text-align:center;
}

.hd-login-box h2{
    font-size:26px;
    font-weight:700;
    margin:0 0 20px;
}

.hd-login-lead{
    margin:0 0 28px;
    font-size:16px;
}

.hd-login-box form.login{
    max-width:500px;
    margin:0 auto;
    border:none !important;
    padding:0 !important;
}

.hd-login-box .form-row{
    margin:0 0 14px !important;
    padding:0 !important;
}

.hd-login-box input.input-text{
    width:100%;
    height:60px;
    padding:0 18px;
    border:1px solid #d8d0ca;
    background:#fff;
    font-size:16px;
}

.hd-login-submit{
    width:100%;
    height:60px;
    margin-top:6px !important;
    background:#1CA5CC !important;
    color:#fff !important;
    border:none !important;
    border-radius:0 !important;
    font-size:18px !important;
    font-weight:700 !important;
}

.hd-login-submit::after{
    display:none !important;
}

.hd-login-links{
    max-width:500px;
    margin:28px auto 0;
}

.hd-login-link-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:16px;
    text-align:left;
}

.hd-outline-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:210px;
    height:48px;
    padding:0 18px;
    border:1px solid #1CA5CC;
    color:#1CA5CC !important;
    background:#fff;
    text-decoration:none;
    font-weight:500;
}

.hd-outline-btn:hover{
    background:#1CA5CC;
    color:#fff !important;
}

@media (max-width:767px){
    .hd-login-link-row{
        display:block;
        text-align:center;
    }

    .hd-login-link-row span{
        display:block;
        margin-bottom:10px;
    }

    .hd-outline-btn{
        width:100%;
    }
}

/*---------------------------------
新規会員登録ページ
---------------------------------*/

.hd-register-page{
    max-width:900px;
    margin:0 auto;
}

.hd-register-box{
    background:#fff;
    border:1px solid #e6ebf2;
    border-radius:14px;
    padding:50px;
    box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.hd-register-box h2{
    text-align:center;
    font-size:34px;
    font-weight:700;
    margin:0 0 40px;
}

.hd-register-box h3{
    font-size:24px;
    margin:50px 0 25px;
    padding-left:14px;
    border-left:5px solid #0a7ddf;
}

.hd-register-form{
    border:none !important;
    padding:0 !important;
    margin:0 !important;
}

.hd-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.hd-register-form p{
    margin:0 0 22px !important;
}

.hd-register-form label{
    display:block;
    margin-bottom:8px;
    font-weight:700;
    font-size:15px;
}

.hd-register-form label span{
    color:#e53935;
}

.hd-register-form input,
.hd-register-form select{
    width:100%;
    height:56px;
    padding:0 16px;
    border:1px solid #d7dee8;
    border-radius:8px;
    background:#fafbfd;
    font-size:15px;
    transition:.25s;
    box-sizing:border-box;
}

.hd-register-form textarea{
    width:100%;
    min-height:120px;
    padding:16px;
    border:1px solid #d7dee8;
    border-radius:8px;
    background:#fafbfd;
    font-size:15px;
    box-sizing:border-box;
}

.hd-register-form input:focus,
.hd-register-form select:focus,
.hd-register-form textarea:focus{
    border-color:#0a7ddf;
    outline:none;
    background:#fff;
    box-shadow:0 0 0 3px rgba(10,125,223,.12);
}

.hd-register-form input[type="checkbox"]{
    width:auto;
    height:auto;
    margin-right:10px;
    transform:scale(1.2);
}

.hd-register-submit{
    display:block;
    width:100%;
    height:60px;
    margin-top:30px;
    background:#0a7ddf !important;
    color:#fff !important;
    border:none !important;
    border-radius:10px !important;
    font-size:18px !important;
    font-weight:700;
    cursor:pointer;
    transition:.25s;
}

.hd-register-submit:hover{
    background:#0866b5 !important;
}

.hd-register-submit::after{
    display:none !important;
}

.hd-register-box .woocommerce-password-strength,
.hd-register-box .woocommerce-password-hint{
    margin-top:10px;
}

@media(max-width:767px){

    .hd-register-box{
        padding:30px 20px;
    }

    .hd-register-box h2{
        font-size:28px;
    }

    .hd-register-box h3{
        font-size:20px;
    }

    .hd-form-grid{
        grid-template-columns:1fr;
        gap:0;
    }

}


/*---------------------------------
買取申し込みページ
---------------------------------*/

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100%;
}

.hd-purchase-page{
    max-width:960px;
    margin:0 auto;
}

.hd-purchase-head{
    text-align:center;
    margin-bottom:35px;
}

.hd-purchase-head h2{
    font-size:30px;
    margin:0 0 10px;
}

.hd-purchase-head p{
    margin:0;
    line-height:1.8;
}

/* チェックアウト全体 */
.hd-purchase-page .woocommerce-checkout{
    display:block;
}

/* ① お客様情報 */
.hd-purchase-page .woocommerce-billing-fields{
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:12px;
    padding:28px;
    margin-bottom:28px;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
}

.hd-purchase-page .woocommerce-billing-fields > h3{
    font-size:20px;
    margin:0 0 22px;
    padding-left:12px;
    border-left:4px solid #1CA5CC;
}

/* 追加情報・注文メモはCSSでも非表示 */
.hd-purchase-page .woocommerce-additional-fields,
.hd-purchase-page .woocommerce-additional-fields__field-wrapper,
.hd-purchase-page #order_comments_field{
    display:none !important;
}

/* 入力欄 */
.hd-purchase-page .woocommerce form .form-row{
    margin-bottom:18px;
}

.hd-purchase-page .woocommerce form .form-row label{
    font-weight:700;
    margin-bottom:8px;
}

.hd-purchase-page .woocommerce form .input-text,
.hd-purchase-page .woocommerce form select{
    width:100%;
    height:56px;
    padding:0 16px;
    border:1px solid #dfe7ef;
    border-radius:8px;
    background:#f7f9fb;
    font-size:15px;
}

.hd-purchase-page .woocommerce form textarea.input-text{
    height:120px;
    padding:14px 16px;
}

/* ② 査定商品一覧 */
.hd-purchase-page #order_review_heading{
    font-size:20px;
    margin:35px 0 22px;
    padding-left:12px;
    border-left:4px solid #1CA5CC;
}

.hd-purchase-page #order_review{
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:12px;
    padding:28px;
    margin-bottom:28px;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
}

.hd-purchase-page table.shop_table{
    border:1px solid #e5eaf0;
    border-radius:12px;
    overflow:hidden;
}

.hd-purchase-page table.shop_table th{
    background:#f5f9fc;
    font-weight:700;
}

/* ③ 振込先口座 */
.hd-checkout-bank{
    margin:35px 0 25px;
    padding:28px;
    border:1px solid #e5eaf0;
    border-radius:12px;
    background:#fff;
}

.hd-checkout-bank h3{
    font-size:20px;
    margin:0 0 22px;
    padding-left:12px;
    border-left:4px solid #1CA5CC;
}

.hd-checkout-bank dl{
    display:grid;
    grid-template-columns:140px 1fr;
    gap:14px 20px;
    margin:0;
}

.hd-checkout-bank dt{
    font-weight:700;
}

.hd-checkout-bank dd{
    margin:0;
    line-height:1.8;
}

.hd-checkout-bank p{
    margin:22px 0 0;
    padding:16px;
    background:#f5fbff;
    border:1px solid #cfe8f8;
    border-radius:8px;
    line-height:1.8;
}

.hd-purchase-sub-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    padding:10px 22px;
    border:2px solid #0073c8;
    border-radius:8px;
    color:#0073c8 !important;
    font-weight:700;
    text-decoration:none;
}

.hd-purchase-sub-btn:hover{
    background:#0073c8;
    color:#fff !important;
}

/* 利用規約・プライバシー */
.hd-purchase-page .woocommerce-terms-and-conditions-wrapper{
    border-top:1px solid #e5eaf0;
}

/* 申し込みボタン */
.hd-purchase-page #place_order{
    width:100%;
    padding:16px 24px !important;
    background:#0073c8 !important;
    color:#fff !important;
    border:2px solid #0073c8 !important;
    border-radius:8px !important;
    font-size:18px !important;
    font-weight:700 !important;
    box-shadow:0 6px 14px rgba(0,115,200,.18);
    transition:.25s ease;
}

.hd-purchase-page #place_order:hover{
    background:#fff !important;
    color:#0073c8 !important;
    transform:translateY(-2px);
}

.hd-purchase-page #place_order::after{
    display:none !important;
}

/* クーポン表示が残った場合の保険 */
.hd-purchase-page .woocommerce-form-coupon-toggle,
.hd-purchase-page .checkout_coupon{
    display:none !important;
}

/* スマホ */
@media (max-width:767px){

    .hd-purchase-page .woocommerce-billing-fields,
    .hd-purchase-page #order_review,
    .hd-checkout-bank{
        padding:20px;
    }

    .hd-checkout-bank dl{
        grid-template-columns:1fr;
        gap:6px;
    }

    .hd-checkout-bank dt{
        margin-top:12px;
    }

    .hd-purchase-head h2{
        font-size:24px;
    }
}

/*---------------------------------
査定リスト：カート空ver
---------------------------------*/

/* 親の6カラム指定を無効化 */
.wc-block-grid.has-6-columns .wc-block-grid__products,
.wc-block-grid__products{
    display:grid !important;
    grid-template-columns:repeat(6, 1fr) !important;
    gap:28px !important;
    margin:0 !important;
    padding:0 !important;
}

/* 商品カード */
.wc-block-grid__product{
    width:auto !important;
    max-width:none !important;
    flex:none !important;
    display:flex !important;
    flex-direction:column;
    margin:0 !important;
    padding:0 !important;
    text-align:left;
}

/* 商品リンク */
.wc-block-grid__product-link{
    display:flex !important;
    flex-direction:column;
    width:100%;
    height:100%;
    text-decoration:none;
}

/* 画像枠 */
.wc-block-grid__product-image{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:100%;
    aspect-ratio:1 / 1;
    margin:0 0 12px !important;
    overflow:hidden;
    background:#fff;
}

/* 画像 */
.wc-block-grid__product-image img{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
}

/* タイトル */
.wc-block-grid__product-title{
    font-size:14px !important;
    font-weight:700;
    line-height:1.6;
    color:#111;
    margin:0 0 12px !important;
    padding:0 !important;
    text-align:left;
}

/* 価格 */
.wc-block-grid__product-price{
    margin-top:auto;
    margin-bottom:14px;
    padding:0 !important;
    text-align:center;
}

.wc-block-grid__product-price .amount{
    color:#d11d44 !important;
    font-size:22px;
    font-weight:700;
}


/* Diviの矢印を消す */
.wc-block-grid__product-add-to-cart .wp-block-button__link::after{
    display:none !important;
    content:none !important;
}


/* PC：5列 */
.wc-block-grid.has-6-columns .wc-block-grid__products,
.wc-block-grid__products{
    grid-template-columns:repeat(5, 1fr) !important;
}

/* カートに追加・続きを読むボタン非表示 */
.wc-block-grid__product-add-to-cart{
    display:none !important;
}

/* タブレット：3列 */
@media(max-width:980px){
    .wc-block-grid.has-6-columns .wc-block-grid__products,
    .wc-block-grid__products{
        grid-template-columns:repeat(3, 1fr) !important;
    }
}

/* スマホ：2列 */
@media(max-width:767px){
    .wc-block-grid.has-6-columns .wc-block-grid__products,
    .wc-block-grid__products{
        grid-template-columns:repeat(2, 1fr) !important;
    }
}



/* =========================================================
最終修正：買取申し込みページ
・買取をお申込いただく方のレイアウト修正
・上側の銀行口座情報を非表示
・下側の銀行口座情報だけ表示
========================================================= */

/* 買取をお申込いただく方：2カラム */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:24px !important;
    row-gap:18px !important;
}

/* float解除 */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row{
    width:100% !important;
    float:none !important;
    clear:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.hd-purchase-page .woocommerce-billing-fields__field-wrapper label{
    display:block !important;
    margin-bottom:8px !important;
    font-weight:700 !important;
}

.hd-purchase-page .woocommerce-billing-fields__field-wrapper input,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper select{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 16px !important;
    border:1px solid #dfe7ef !important;
    border-radius:8px !important;
    background:#f7f9fb !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

/* 姓・名 */
.hd-purchase-page #billing_last_name_field{ grid-column:1 / 2 !important; }
.hd-purchase-page #billing_first_name_field{ grid-column:2 / 3 !important; }

/* セイ・メイ */
.hd-purchase-page #billing_last_name_kana_field,
.hd-purchase-page #billing_yomigana_last_name_field{ grid-column:1 / 2 !important; }

.hd-purchase-page #billing_first_name_kana_field,
.hd-purchase-page #billing_yomigana_first_name_field{ grid-column:2 / 3 !important; }

/* 郵便番号・都道府県 */
.hd-purchase-page #billing_postcode_field{ grid-column:1 / 2 !important; }
.hd-purchase-page #billing_state_field{ grid-column:2 / 3 !important; }

/* 電話番号・メール・住所系 */
.hd-purchase-page #billing_phone_field,
.hd-purchase-page #billing_email_field,
.hd-purchase-page #billing_city_field,
.hd-purchase-page #billing_address_1_field,
.hd-purchase-page #billing_address_2_field{
    grid-column:1 / -1 !important;
}

/* 上側に混ざって出る銀行口座情報を非表示 */
.hd-purchase-page #bank_name_field,
.hd-purchase-page #bank_branch_field,
.hd-purchase-page #bank_account_type_field,
.hd-purchase-page #bank_account_number_field,
.hd-purchase-page #bank_account_kana_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(#bank_name),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(#bank_branch),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(#bank_account_type),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(#bank_account_number),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(#bank_account_kana){
    display:none !important;
}

/* THWCFD等で上側に出る銀行口座用見出しを非表示 */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .thwcfd-field-heading:has(+ #bank_name_field),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .thwcfd-field-heading:has(+ .form-row #bank_name),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper h3:has(+ #bank_name_field),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper h2:has(+ #bank_name_field){
    display:none !important;
}

/* 下側の銀行口座情報だけ表示 */
.hd-purchase-page .hd-checkout-bank{
    display:block !important;
    margin:35px 0 25px !important;
}

.hd-purchase-page .hd-checkout-bank h3{
    font-size:20px !important;
    margin:0 0 22px !important;
    padding-left:12px !important;
    border-left:4px solid #1CA5CC !important;
    font-weight:700 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row{
    width:100% !important;
    float:none !important;
    clear:both !important;
    margin:0 0 18px !important;
    padding:0 !important;
}

.hd-purchase-page .hd-checkout-bank label{
    display:block !important;
    margin-bottom:8px !important;
    font-weight:700 !important;
}

.hd-purchase-page .hd-checkout-bank input,
.hd-purchase-page .hd-checkout-bank select{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 16px !important;
    border:1px solid #dfe7ef !important;
    border-radius:8px !important;
    background:#f7f9fb !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

/* オプション表記を非表示 */
.hd-purchase-page .optional{
    display:none !important;
}

/* スマホ */
@media screen and (max-width:767px){

    .hd-purchase-page .woocommerce-billing-fields__field-wrapper{
        grid-template-columns:1fr !important;
        column-gap:0 !important;
    }

    .hd-purchase-page #billing_last_name_field,
    .hd-purchase-page #billing_first_name_field,
    .hd-purchase-page #billing_last_name_kana_field,
    .hd-purchase-page #billing_first_name_kana_field,
    .hd-purchase-page #billing_yomigana_last_name_field,
    .hd-purchase-page #billing_yomigana_first_name_field,
    .hd-purchase-page #billing_postcode_field,
    .hd-purchase-page #billing_state_field,
    .hd-purchase-page #billing_city_field,
    .hd-purchase-page #billing_address_1_field,
    .hd-purchase-page #billing_address_2_field,
    .hd-purchase-page #billing_phone_field,
    .hd-purchase-page #billing_email_field{
        grid-column:1 / -1 !important;
    }

    .hd-purchase-page .woocommerce-billing-fields,
    .hd-purchase-page #order_review,
    .hd-purchase-page .hd-checkout-bank{
        padding:20px !important;
    }
}



/* =========================================================
最終修正：上側の「買取代金のお受取り情報」を完全非表示
※下側の .hd-checkout-bank は表示
========================================================= */

/* WooCommerce/プラグイン側で上部に出る銀行項目を非表示 */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #bank_name_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #bank_branch_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #bank_account_type_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #bank_account_number_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #bank_account_kana_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #billing_bank_name_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #billing_bank_branch_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #billing_bank_account_type_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #billing_bank_account_number_field,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper #billing_bank_account_kana_field{
    display:none !important;
}

/* name属性で上部の銀行項目を非表示 */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="bank_name"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="bank_branch"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="bank_account_type"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="bank_account_number"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="bank_account_kana"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="billing_bank_name"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="billing_bank_branch"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="billing_bank_account_type"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="billing_bank_account_number"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has([name="billing_bank_account_kana"]){
    display:none !important;
}

/* 上部の銀行用見出しを非表示 */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .thwcfd-field-heading:has(+ .form-row [name="bank_name"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .thwcfd-field-heading:has(+ .form-row [name="billing_bank_name"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .thwcfd-field-wrapper:has([name="bank_name"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .thwcfd-field-wrapper:has([name="billing_bank_name"]){
    display:none !important;
}

/* 万が一、上側見出しだけ残る場合の保険 */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper > .thwcfd-field-heading{
    display:none !important;
}

/* 下側の銀行口座情報は必ず表示 */
.hd-purchase-page .hd-checkout-bank,
.hd-purchase-page .hd-checkout-bank .form-row{
    display:block !important;
}



/* =========================================================
最終調整：銀行口座情報の重複削除・下側デザイン統一
========================================================= */

/*---------------------------------
上側に残る銀行口座情報をCSSでも非表示
---------------------------------*/
.hd-purchase-page .woocommerce-billing-fields__field-wrapper h2,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper h3,
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .thwcfd-field-heading{
    display:none !important;
}

/* ただし「買取をお申込いただく方」の見出しは残す */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .applicant-heading{
    display:block !important;
}

/* 上側の銀行項目をlabel文字から非表示 */
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(label[for*="bank"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(input[name*="bank"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(select[name*="bank"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(input[id*="bank"]),
.hd-purchase-page .woocommerce-billing-fields__field-wrapper .form-row:has(select[id*="bank"]){
    display:none !important;
}

/*---------------------------------
下側の「買取代金のお受取り情報」を
「買取をお申込いただく方」と同じカード風にする
---------------------------------*/
.hd-purchase-page .hd-checkout-bank{
    display:block !important;
    margin:28px 0 0 !important;
}

/* 見出し */
.hd-purchase-page .hd-checkout-bank h3{
    font-size:20px !important;
    margin:0 0 22px !important;
    padding-left:12px !important;
    border-left:4px solid #1CA5CC !important;
    font-weight:700 !important;
    line-height:1.4 !important;
}

/* 下側銀行欄を2カラム */
.hd-purchase-page .hd-checkout-bank{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:24px !important;
    row-gap:18px !important;
}

.hd-purchase-page .hd-checkout-bank h3{
    grid-column:1 / -1 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row{
    width:100% !important;
    float:none !important;
    clear:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

/* 銀行名・支店名は横並び */
.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(1){
    grid-column:1 / 2 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(2){
    grid-column:2 / 3 !important;
}

/* 口座種別・口座番号も横並び */
.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(3){
    grid-column:1 / 2 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(4){
    grid-column:2 / 3 !important;
}

/* 口座名義は1行 */
.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(5){
    grid-column:1 / -1 !important;
}

/* ラベル・入力欄 */
.hd-purchase-page .hd-checkout-bank label{
    display:block !important;
    margin-bottom:8px !important;
    font-weight:700 !important;
}

.hd-purchase-page .hd-checkout-bank input,
.hd-purchase-page .hd-checkout-bank select{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 16px !important;
    border:1px solid #dfe7ef !important;
    border-radius:8px !important;
    background:#f7f9fb !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

/* スマホ */
@media screen and (max-width:767px){

    .hd-purchase-page .hd-checkout-bank{
        grid-template-columns:1fr !important;
        padding:20px !important;
    }

    .hd-purchase-page .hd-checkout-bank .form-row{
        grid-column:1 / -1 !important;
    }

}


/* =========================================================
買取代金のお受取り情報
「買取をお申込いただく方」と同じ見た目
========================================================= */

.hd-checkout-bank{
    margin-top:30px !important;
    padding:0 !important;
    border:none !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;

    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:24px !important;
    row-gap:18px !important;
}

.hd-checkout-bank h3{
    grid-column:1 / -1 !important;
    margin:0 0 18px !important;
    padding:0 0 0 12px !important;
    border-left:3px solid #1CA5CC !important;
    background:none !important;
    font-size:18px !important;
    font-weight:700 !important;
}

.hd-checkout-bank .form-row{
    width:100% !important;
    margin:0 !important;
    float:none !important;
    clear:none !important;
}

.hd-checkout-bank .form-row:nth-of-type(1){grid-column:1;}
.hd-checkout-bank .form-row:nth-of-type(2){grid-column:2;}
.hd-checkout-bank .form-row:nth-of-type(3){grid-column:1;}
.hd-checkout-bank .form-row:nth-of-type(4){grid-column:2;}
.hd-checkout-bank .form-row:nth-of-type(5){grid-column:1 / -1;}

@media(max-width:767px){
    .hd-checkout-bank{
        grid-template-columns:1fr !important;
    }
    .hd-checkout-bank .form-row{
        grid-column:1 / -1 !important;
    }
}



/* =========================================================
最終修正：買取代金のお受取り情報のデザイン統一
「買取をお申込いただく方」と同じ見た目にする
========================================================= */

.hd-purchase-page .hd-checkout-bank{
    margin:30px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    column-gap:24px !important;
    row-gap:18px !important;
}

.hd-purchase-page .hd-checkout-bank h3{
    grid-column:1 / -1 !important;
    margin:0 0 18px !important;
    padding:0 0 0 12px !important;
    border-left:4px solid #1CA5CC !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:20px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row{
    width:100% !important;
    float:none !important;
    clear:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(1){
    grid-column:1 / 2 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(2){
    grid-column:2 / 3 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(3){
    grid-column:1 / 2 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(4){
    grid-column:2 / 3 !important;
}

.hd-purchase-page .hd-checkout-bank .form-row:nth-of-type(5){
    grid-column:1 / -1 !important;
}

.hd-purchase-page .hd-checkout-bank label{
    display:block !important;
    margin:0 0 8px !important;
    padding:0 !important;
    font-weight:700 !important;
}

.hd-purchase-page .hd-checkout-bank input,
.hd-purchase-page .hd-checkout-bank select{
    width:100% !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 16px !important;
    border:1px solid #dfe7ef !important;
    border-radius:8px !important;
    background:#f7f9fb !important;
    box-shadow:none !important;
    font-size:15px !important;
    box-sizing:border-box !important;
}

@media screen and (max-width:767px){

    .hd-purchase-page .hd-checkout-bank{
        grid-template-columns:1fr !important;
        column-gap:0 !important;
    }

    .hd-purchase-page .hd-checkout-bank .form-row{
        grid-column:1 / -1 !important;
    }
}