:root{

    --forest-dark:#081c15;
    --forest:#1b4332;
    --forest-light:#2d6a4f;

    --accent:#52b788;

    --background:#f5f7f6;
    --card:#ffffff;

    --border:#dde5e0;

    --text:#1f2937;
    --text-light:#6b7280;

    --success:#2d6a4f;
    --danger:#dc3545;
    --warning:#b8860b;

    --radius:14px;
}

/* ==================================================
   RESET
================================================== */

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    overflow-x:hidden;
}

body{

    margin:0;
    padding:0;

    overflow-x:hidden;

    font-family:'Inter',sans-serif;

    background:var(--background);

    color:var(--text);

    font-size:.92rem;

    line-height:1.6;
}

img{
    max-width:100%;
    height:auto;
}

a{
    text-decoration:none;
    color:inherit;
}

a:hover{
    color:var(--forest);
}

/* ==================================================
   NAVBAR
================================================== */

.doforest-navbar{

    background:var(--forest-dark);

    border-bottom:1px solid rgba(255,255,255,.08);

    min-height:68px;
}

.navbar-brand{

    color:#fff!important;

    font-size:1rem;

    font-weight:700;

    display:flex;

    align-items:center;

    gap:10px;
}

.navbar-brand i{

    color:var(--accent);
}

.nav-link{

    color:rgba(255,255,255,.85)!important;

    font-size:.88rem;

    padding:.75rem .9rem!important;
}

.nav-link:hover{

    color:#fff!important;
}

.nav-link i{

    margin-right:6px;
}

.navbar-toggler{

    border:none!important;

    box-shadow:none!important;
}

.navbar-toggler:focus{

    box-shadow:none!important;
}

@media(max-width:991px){

    .navbar-collapse{

        margin-top:15px;

        padding-top:15px;

        border-top:1px solid rgba(255,255,255,.08);
    }

    .nav-link{

        padding:10px 0!important;
    }
}

/* ==================================================
   HERO
================================================== */

.hero{

    background:
        linear-gradient(
            180deg,
            var(--forest-dark),
            var(--forest)
        );

    padding:90px 0 80px;
}

.hero-content{

    max-width:900px;

    margin:auto;

    text-align:center;
}

.hero-badge{

    display:inline-block;

    padding:8px 15px;

    border-radius:999px;

    background:rgba(255,255,255,.08);

    color:#fff;

    font-size:.8rem;

    margin-bottom:20px;
}

.hero h1{

    color:#fff;

    font-size:3.5rem;

    font-weight:700;

    line-height:1.1;

    margin-bottom:15px;
}

.hero p{

    color:rgba(255,255,255,.85);

    font-size:.95rem;

    margin-bottom:30px;
}

/* ==================================================
   SEARCH
================================================== */

.search-box{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:8px;

    max-width:900px;

    margin:auto;
}

.search-box .input-group-text{

    background:#fff;

    border:none;
}

.search-box .form-control{

    border:none;

    box-shadow:none;

    height:56px;

    font-size:.95rem;
}

.search-box .btn{

    height:56px;

    border-radius:12px;

    font-size:.9rem;

    font-weight:600;
}

.domain-prices{

    margin-top:20px;

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:10px;
}

.domain-prices span{

    background:#fff;

    border:1px solid var(--border);

    border-radius:999px;

    padding:7px 14px;

    font-size:.8rem;

    font-weight:600;
}

/* ==================================================
   SECTIONS
================================================== */

.section{

    padding:70px 0;
}

.section-title{

    text-align:center;

    margin-bottom:35px;
}

.section-title h2{

    font-size:1.7rem;

    font-weight:700;

    margin-bottom:10px;
}

.section-title p{

    color:var(--text-light);

    margin:0;
}

/* ==================================================
   CARDS
================================================== */

.card-modern,
.tld-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:16px;

    padding:24px;

    height:100%;
}

.card-modern i{

    color:var(--accent);

    font-size:1.4rem;

    margin-bottom:12px;
}

.card-modern h4{

    font-size:.95rem;

    margin-bottom:8px;
}

.card-modern p{

    color:var(--text-light);

    font-size:.88rem;

    margin:0;
}

/* ==================================================
   DOMAIN RESULTS
================================================== */

.domain-result{

    background:#fff;

    border:1px solid var(--border);

    border-radius:14px;

    padding:18px 20px;

    margin-bottom:12px;
}

.domain-result-name{

    font-size:1rem;

    font-weight:700;

    color:var(--forest);
}

.domain-result small{

    color:var(--text-light);
}

.domain-result-price{

    font-size:1.05rem;

    font-weight:700;
}

/* ==================================================
   TLD
================================================== */

.tld{

    font-size:1.7rem;

    font-weight:700;

    color:var(--forest);
}

.price{

    margin-top:10px;

    color:var(--accent);

    font-weight:600;
}

/* ==================================================
   FORMS
================================================== */

.form-control,
.form-select{

    min-height:46px;

    border:1px solid var(--border);

    font-size:.9rem;
}

.form-control:focus,
.form-select:focus{

    border-color:var(--forest-light);

    box-shadow:none;
}

/* ==================================================
   CHECKOUT
================================================== */

.checkout-page{

    padding:40px 0 80px;
}

.checkout-progress{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin-bottom:30px;
}

.checkout-progress div{

    background:#fff;

    border:1px solid var(--border);

    border-radius:999px;

    padding:8px 14px;

    font-size:.82rem;
}

.checkout-progress .active{

    background:var(--forest);

    color:#fff;

    border-color:var(--forest);
}

.checkout-header{

    margin-bottom:25px;
}

.checkout-header h1{

    font-size:1.9rem;

    margin-bottom:8px;
}

.checkout-header p{

    color:var(--text-light);
}

.checkout-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:14px;

    padding:24px;

    margin-bottom:18px;
}

.checkout-card h3{

    font-size:1rem;

    margin-bottom:18px;
}

.checkout-summary{

    position:sticky;

    top:90px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:14px;

    padding:24px;
}

.summary-domain{

    font-size:1.05rem;

    font-weight:700;

    color:var(--forest);

    margin-bottom:20px;
}

.summary-line,
.summary-total{

    display:flex;

    justify-content:space-between;
}

.summary-line{

    margin-bottom:10px;
}

.summary-total{

    font-weight:700;

    margin-top:15px;
}

/* ==================================================
   SUCCESS
================================================== */

.success-page{

    padding:80px 0;
}

.success-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:40px;
}

.success-icon{

    font-size:4rem;

    color:var(--success);

    margin-bottom:20px;

    text-align:center;
}

.success-card h1{

    text-align:center;

    margin-bottom:10px;
}

.success-subtitle{

    text-align:center;

    color:var(--text-light);

    margin-bottom:30px;
}

.order-box{

    border:1px solid var(--border);

    border-radius:12px;

    overflow:hidden;

    margin-bottom:30px;
}

.order-row{

    display:flex;

    justify-content:space-between;

    padding:14px 18px;

    border-bottom:1px solid var(--border);
}

.order-row:last-child{

    border-bottom:none;
}

.status-pending{

    color:var(--warning);

    font-weight:600;
}

.next-steps{

    margin-bottom:25px;
}

.next-steps h3{

    font-size:1rem;

    margin-bottom:15px;
}

/* ==================================================
   BUTTONS
================================================== */

.btn-success{

    background:var(--forest);

    border-color:var(--forest);
}

.btn-success:hover{

    background:var(--forest-light);

    border-color:var(--forest-light);
}

/* ==================================================
   FOOTER
================================================== */

.footer{

    background:#fff;

    border-top:1px solid var(--border);

    padding:55px 0 25px;
}

.footer h5,
.footer h6{

    font-size:.95rem;

    font-weight:700;

    margin-bottom:15px;
}

.footer a{

    display:block;

    color:var(--text-light);

    margin-bottom:8px;

    font-size:.88rem;
}

.footer-bottom{

    margin-top:30px;

    padding-top:20px;

    border-top:1px solid var(--border);

    text-align:center;

    color:var(--text-light);

    font-size:.82rem;
}

.payment-total{

    font-size:2.2rem;

    font-weight:700;

    color:var(--forest);

    text-align:center;

    margin:20px 0 25px;

}

.checkout-summary{

    position:sticky;

    top:90px;

}

.process-box{

    margin-top:25px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:16px;

    padding:25px;

}

.process-box h3{

    margin-bottom:20px;

    font-size:1.05rem;

    font-weight:700;

}

.process-step{

    display:flex;

    gap:15px;

    align-items:flex-start;

    padding:15px 0;

}

.process-step:not(:last-child){

    border-bottom:1px solid #edf1ee;

}

.process-icon{

    width:40px;

    height:40px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.process-step.completed .process-icon{

    background:#dff5ea;

    color:#2d6a4f;

}

.process-step.pending .process-icon{

    background:#fff4d6;

    color:#c68a00;

}

.process-step strong{

    display:block;

    margin-bottom:4px;

    font-size:.92rem;

}

.process-step div div{

    color:var(--text-light);

    font-size:.85rem;

}

.price-category{

    margin-bottom:60px;

}

.price-category-header{

    margin-bottom:25px;

}

.price-category-header h2{

    font-size:1.4rem;

    font-weight:700;

    color:var(--forest);

}

.price-category-header i{

    color:var(--accent);

    margin-right:8px;

}

.tld-price-card{

    transition:.2s;

}

.tld-price-card:hover{

    transform:translateY(-2px);

}

.result-section{

    margin-top:30px;

}

.domain-card{

    background:#fff;

    border-radius:18px;

    padding:24px;

    height:100%;

    transition:.2s;

}

.domain-card:hover{

    transform:translateY(-2px);

}

.domain-card.available{

    border:2px solid #52b788;

}

.domain-card.unavailable{

    border:2px solid #ef4444;

    opacity:.85;

}

.domain-header{

    font-size:1.15rem;

    font-weight:700;

    margin-bottom:10px;

}

.domain-status{

    color:var(--text-light);

    margin-bottom:15px;

}

.domain-price{

    font-size:1.6rem;

    font-weight:700;

    color:var(--forest);

    margin-bottom:20px;

}

.search-loading{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:30px;

    text-align:center;

    font-size:1rem;

    font-weight:600;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.search-stats{

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    padding:20px;

    margin-bottom:30px;

}

.search-stat{

    text-align:center;

}

.search-stat h3{

    font-size:1.8rem;

    font-weight:700;

    margin:0;

}

.featured-domain{

    background:linear-gradient(
        135deg,
        #1b4332,
        #2d6a4f
    );

    color:#fff;

    border-radius:24px;

    padding:35px;

    margin-bottom:30px;

    box-shadow:0 15px 35px rgba(27,67,50,.15);

}

.featured-domain h2{

    font-size:2rem;

    margin-bottom:10px;

}

.featured-price{

    font-size:2rem;

    font-weight:700;

    margin:15px 0;

}

.domain-grid-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    padding:24px;

    height:100%;

    transition:.2s;

}

.domain-grid-card:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.domain-grid-card.available{

    border-left:5px solid #52b788;

}

.domain-grid-card.unavailable{

    border-left:5px solid #dc3545;

    opacity:.85;

}

.domain-name{

    font-size:1.15rem;

    font-weight:700;

    margin-bottom:10px;

}

.domain-price{

    font-size:1.5rem;

    font-weight:700;

    color:var(--forest);

    margin-bottom:15px;

}

.alt-domains{

    margin-top:30px;

}

.alt-chip{

    display:inline-block;

    padding:10px 16px;

    background:#e9f7f0;

    border-radius:999px;

    margin:5px;

    font-size:.9rem;

    cursor:pointer;

    transition:.2s;

}

.alt-chip:hover{

    background:#52b788;

    color:#fff;

}

.taken-toggle{

    margin-top:40px;

}

.taken-domains{

    display:none;

}

.taken-domains.show{

    display:block;

}

.search-result-header{

    font-size:1.1rem;

    font-weight:700;

    margin-bottom:20px;

}

.domain-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:14px;

    padding:18px;

    transition:.2s;

    height:100%;

}

.domain-card:hover{

    border-color:var(--accent);

    transform:translateY(-2px);

}

.domain-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.domain-name{

    font-size:1rem;

    font-weight:700;

}

.domain-status{

    font-size:.85rem;

    color:#198754;

}

.domain-price{

    font-size:1.1rem;

    font-weight:700;

    color:var(--forest);

}

.search-loading{

    background:#fff;

    border:1px solid var(--border);

    border-radius:14px;

    padding:30px;

    text-align:center;

}

.order-domain-list{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.order-domain{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px;

    border:1px solid var(--border);

    border-radius:10px;

    background:#fafafa;

}

.payment-total{

    font-size:2rem;

    font-weight:700;

    color:var(--forest);

    text-align:center;

    margin:20px 0;

}

.process-box{

    margin-top:25px;

    border:1px solid var(--border);

    border-radius:16px;

    padding:25px;

    background:#fff;

}

.process-step{

    display:flex;

    gap:15px;

    margin-bottom:20px;

}

.process-step:last-child{

    margin-bottom:0;

}

.process-icon{

    width:40px;

    height:40px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

}

.process-step.completed .process-icon{

    background:#52b788;

    color:#fff;

}

.process-step.pending .process-icon{

    background:#e9ecef;

    color:#666;

}


.order-domain-list{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.order-domain{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 14px;

    background:#f8faf9;

    border:1px solid var(--border);

    border-radius:12px;

}

.payment-total{

    text-align:center;

    font-size:2rem;

    font-weight:700;

    color:var(--forest);

    margin:20px 0;

}

.checkout-summary{

    border:1px solid var(--border);

    border-radius:18px;

    padding:24px;

    background:#fff;

}

.checkout-domain-count{

    font-size:.9rem;

    color:#6c757d;

    margin-bottom:20px;

}

.checkout-domain-card{

    border:1px solid #e9ecef;

    border-radius:12px;

    padding:14px;

    margin-bottom:12px;

}

.checkout-price{

    font-size:1rem;

    font-weight:600;

    margin-top:6px;

}

.summary-total{

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:1.2rem;

}

.checkout-summary{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:18px;

    padding:24px;

}

.checkout-count{

    color:#6c757d;

    margin-bottom:20px;

}

.checkout-domain-card{

    border:1px solid #e9ecef;

    border-radius:12px;

    padding:14px;

    margin-bottom:12px;

}

.checkout-domain-name{

    font-weight:600;

    margin-bottom:4px;

}

.checkout-domain-price{

    color:#198754;

    font-weight:700;

}

.summary-total{

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:1.2rem;

    margin-bottom:20px;

}

.checkout-info{

    padding:10px 0;

    border-top:1px solid #f1f3f5;

}

.checkout-info i{

    width:24px;

    color:#198754;

}

.checkout-total-box{

    background:linear-gradient(
        135deg,
        #1b4332,
        #2d6a4f
    );

    color:#fff;

    border-radius:18px;

    padding:20px;

    text-align:center;

    margin:20px 0;
}

.checkout-total-price{

    font-size:2rem;

    font-weight:700;

    margin-top:8px;
}

.checkout-ccp-preview{

    margin-top:20px;

    padding:20px;

    border:1px solid #e9ecef;

    border-radius:18px;

    background:#fafafa;
}

.checkout-ccp-preview ul{

    margin:0;

    padding-left:18px;
}

.ccp-icon{

    width:50px;

    height:50px;

    border-radius:12px;

    background:#198754;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.2rem;

    margin-bottom:15px;
}

.payment-options{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.payment-card{

    cursor:pointer;

    margin:0;

}

.payment-card input{

    display:none;

}

.payment-card-content{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px;

    border:2px solid #e9ecef;

    border-radius:14px;

    transition:.2s;
}

.payment-card input:checked
+ .payment-card-content{

    border-color:#198754;

    background:#f6fff8;

}

.payment-icon{

    width:48px;

    height:48px;

    border-radius:12px;

    background:#198754;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.2rem;
}

.payment-icon.paypal{

    background:#0070ba;
}

.payment-info{

    flex:1;
}

.payment-info strong{

    display:block;

    margin-bottom:4px;
}

.payment-info small{

    color:#6c757d;
}

.payment-badge{

    background:#198754;

    color:#fff;

    padding:4px 10px;

    border-radius:999px;

    font-size:.75rem;
}

.customer-switch{

    display:flex;

    gap:12px;

    margin-bottom:20px;

}

.customer-card{

    flex:1;

    border:2px solid #e9ecef;

    border-radius:14px;

    padding:15px;

    text-align:center;

    cursor:pointer;

    transition:.2s;

}

.customer-card:hover{

    border-color:#198754;

}

.customer-card input{

    display:none;

}

.customer-card.active{

    border-color:#198754;

    background:#f6fff8;

}

.customer-card i{

    display:block;

    font-size:1.2rem;

    margin-bottom:8px;

    color:#198754;

}

.checkout-login-hint{

    margin-top:15px;

    padding:12px;

    background:#f8f9fa;

    border-radius:10px;

    font-size:.9rem;

}

.checkout-card-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.checkout-total-box{

    background:linear-gradient(
        135deg,
        #1b4332,
        #2d6a4f
    );

    color:#fff;

    text-align:center;

    border-radius:16px;

    padding:20px;

    margin:20px 0;
}

.checkout-total-price{

    font-size:2rem;

    font-weight:700;

    margin-top:5px;
}

.checkout-brand{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:20px;
}

.brand-icon{

    width:50px;

    height:50px;

    border-radius:14px;

    background:#1b4332;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.4rem;
}

.checkout-total-subtitle{

    opacity:.85;

    margin-top:5px;
}

.domain-top{

    margin-bottom:8px;
}

.domain-bottom{

    display:flex;

    justify-content:space-between;

    font-size:.9rem;

    color:#6c757d;
}

.checkout-trust{

    margin:20px 0;

    display:flex;

    flex-direction:column;

    gap:10px;

    font-size:.95rem;
}

.checkout-trust i{

    width:22px;

    color:#198754;
}

.checkout-portal{

    border:1px solid #e9ecef;

    border-radius:14px;

    padding:18px;

    margin:20px 0;

    background:#fafafa;
}

.portal-header{

    font-weight:600;

    margin-bottom:10px;
}

.portal-header i{

    color:#198754;

    margin-right:8px;
}
.checkout-brand{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:25px;

}

.brand-icon{

    width:48px;

    height:48px;

    border-radius:12px;

    background:#1b4332;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.2rem;

}

.checkout-domain-card{

    border:1px solid #e9ecef;

    border-radius:12px;

    padding:14px;

    margin-bottom:12px;

}

.domain-top{

    margin-bottom:6px;

}

.domain-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:.9rem;

    color:#6c757d;

}

.summary-total{

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:1.15rem;

    font-weight:600;

    margin:20px 0;

}

.checkout-trust{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin:20px 0;

    font-size:.95rem;

}

.checkout-trust i{

    width:22px;

    color:#198754;

}

.customer-account-card{

    border:1px solid #e9ecef;

    margin-bottom:20px;

}

.customer-account-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:15px;

}

.customer-account-info{

    margin-top:15px;

    padding-top:15px;

    border-top:1px solid #eee;

    font-size:.95rem;

}

.customer-account-info div{

    margin-bottom:5px;

}

.customer-account-card{

    margin-bottom:20px;

}

.customer-account-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:15px;

}

.customer-account-info{

    margin-top:20px;

    border-top:1px solid #e9ecef;

    padding-top:15px;

}

.account-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:8px 0;

    border-bottom:1px solid #f1f3f5;

}

.account-row:last-child{

    border-bottom:none;

}

.customer-type-selector{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

    margin-bottom:25px;

}

.customer-type-card{

    border:1px solid #dee2e6;

    border-radius:12px;

    padding:15px;

    cursor:pointer;

    display:flex;

    gap:12px;

    align-items:flex-start;

}

.customer-type-card input{

    margin-top:5px;

}

.customer-type-card:hover{

    border-color:#198754;

}

.customer-type-card strong{

    display:block;

}

.customer-type-card small{

    color:#6c757d;

}

.checkout-note{

    margin-top:15px;

    padding:12px 15px;

    background:#f8f9fa;

    border-radius:10px;

    font-size:.9rem;

    color:#6c757d;

}

.checkout-note i{

    color:#198754;

    margin-right:8px;

}

.payment-selector{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.payment-card{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px;

    border:1px solid #dee2e6;

    border-radius:14px;

    cursor:pointer;

    transition:.2s;

}

.payment-card:hover{

    border-color:#198754;

    background:#fafdfb;

}

.payment-card input{

    margin-top:0;

}

.payment-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:12px;

    font-size:1.2rem;

}

.payment-content{

    display:flex;

    flex-direction:column;

}

.payment-content strong{

    margin-bottom:3px;

}

.payment-content small{

    color:#6c757d;

}

.payment-info{

    margin-top:18px;

    padding:15px;

    background:#f8f9fa;

    border-radius:12px;

    font-size:.9rem;

    color:#6c757d;

}

.payment-info i{

    color:#198754;

    margin-right:8px;

}

.success-hero{

    text-align:center;

    margin-bottom:30px;

}

.success-hero-icon{

    width:90px;
    height:90px;

    margin:auto;

    border-radius:50%;

    background:#198754;

    color:#fff;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:34px;

    margin-bottom:20px;

}

.success-account{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:14px;

    padding:18px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.success-card{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:14px;

    padding:25px;

}

.success-card-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.domain-success-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 0;

    border-bottom:1px solid #f1f3f5;

}

.domain-success-item:last-child{

    border-bottom:none;

}

.domain-success-item small{

    display:block;

    color:#6c757d;

}

.timeline{

    margin-top:20px;

}

.timeline-item{

    padding:12px 15px;

    margin-bottom:10px;

    border-radius:10px;

    background:#f8f9fa;

}

.timeline-item.done{

    background:#e8fff0;

}

.timeline-item.current{

    background:#fff3cd;

}

.timeline-item i{

    width:25px;

}

.payment-card{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:14px;

    padding:25px;

    position:sticky;

    top:100px;

}

.payment-total{

    font-size:32px;

    font-weight:700;

}

.payment-info-row{

    display:flex;

    justify-content:space-between;

    margin-bottom:12px;

}

.payment-qr{

    max-width:220px;

}

.payment-bank-data{

    margin-top:20px;

    font-size:.95rem;

}

/* ==================================================
   SUCCESS V2
================================================== */

.success-page{

    padding:60px 0;

}

.success-hero{

    text-align:center;

    margin-bottom:35px;

}

.success-hero-icon{

    width:90px;
    height:90px;

    margin:auto;

    border-radius:50%;

    background:#198754;

    color:#fff;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:36px;

    margin-bottom:20px;

    box-shadow:0 10px 30px rgba(25,135,84,.25);

}

.success-hero h1{

    font-size:2.2rem;

    font-weight:700;

    margin-bottom:10px;

}

.success-hero p{

    color:#6c757d;

    max-width:700px;

    margin:auto;

}

.success-account{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:16px;

    padding:18px 22px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.success-card{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:18px;

    padding:25px;

    box-shadow:0 5px 20px rgba(0,0,0,.03);

}

.success-card-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.domain-success-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px 0;

    border-bottom:1px solid #f1f3f5;

}

.domain-success-item:last-child{

    border-bottom:none;

}

.domain-success-item strong{

    display:block;

}

.domain-success-item small{

    color:#6c757d;

}

.timeline{

    margin-top:20px;

}

.timeline-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px;

    border-radius:12px;

    margin-bottom:10px;

    background:#f8f9fa;

}

.timeline-item.done{

    background:#e8fff0;

}

.timeline-item.current{

    background:#fff3cd;

}

.timeline-item i{

    width:24px;

    text-align:center;

}

.success-payment-card{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:18px;

    padding:25px;

    position:sticky;

    top:90px;

}

.success-payment-total{

    text-align:center;

    font-size:2.4rem;

    font-weight:700;

    color:#1b4332;

    margin-bottom:5px;

}

.success-payment-subtitle{

    text-align:center;

    color:#6c757d;

    margin-bottom:25px;

}

.success-payment-row{

    display:flex;

    justify-content:space-between;

    margin-bottom:12px;

}

.success-payment-row strong{

    font-weight:600;

}

.success-qr{

    text-align:center;

    margin:25px 0;

}

.success-qr img{

    max-width:220px;

}

.success-bank-box{

    background:#f8f9fa;

    border-radius:12px;

    padding:15px;

}

.success-bank-box div{

    margin-bottom:10px;

}

.success-bank-box div:last-child{

    margin-bottom:0;

}

.success-info-box{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.success-info-item{
    padding-bottom:15px;
    border-bottom:1px solid #edf2f7;
}

.success-info-item:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.success-info-label{
    display:block;
    font-size:.8rem;
    color:#6b7280;
    margin-bottom:4px;
}

.success-info-value{
    font-size:1rem;
    font-weight:600;
    color:#1f2937;
}

/* ==========================================
   CHECKOUT PAYMENT
========================================== */

.payment-selector{

    display:flex;
    flex-direction:column;
    gap:12px;

}

.checkout-payment-card{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px;

    border:1px solid #e5e7eb;

    border-radius:14px;

    cursor:pointer;

    transition:.2s;

    background:#fff;

}

.checkout-payment-card input{

    margin-top:0;

}

.checkout-payment-card:has(input:checked){

    border-color:#198754;

    background:#eefaf3;

}

.checkout-payment-icon{

    width:48px;

    height:48px;

    border-radius:12px;

    background:#1b4332;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    flex-shrink:0;

}

.checkout-payment-content{

    display:flex;

    flex-direction:column;

}

.checkout-payment-content strong{

    font-size:.95rem;

    margin-bottom:2px;

}

.checkout-payment-content small{

    color:#6b7280;

    font-size:.82rem;

}

.payment-info{

    margin-top:15px;

    padding:12px 14px;

    border-radius:12px;

    background:#f8fafc;

    border:1px solid #e5e7eb;

    font-size:.85rem;

    color:#475569;

}

.payment-info i{

    color:#198754;

    margin-right:6px;

}

/* ==================================
   CHECKOUT PAYMENT
================================== */

.checkout-payment-selector{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.checkout-payment-option{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px;

    border:1px solid #e9ecef;

    border-radius:14px;

    cursor:pointer;

    transition:.25s;

    background:#fff;

    position:relative;

}

.checkout-payment-option:hover{

    border-color:#198754;

    transform:translateY(-1px);

}

.checkout-payment-option.active{

    border-color:#198754;

    background:#f6fff8;

    box-shadow:0 0 0 3px rgba(
        25,
        135,
        84,
        .08
    );

}

.checkout-payment-option input{

    display:none;

}

.checkout-payment-icon{

    width:50px;

    height:50px;

    border-radius:12px;

    background:#198754;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    flex-shrink:0;

}

.checkout-payment-icon.paypal{

    background:#0070ba;

}

.checkout-payment-text{

    flex:1;

    display:flex;

    flex-direction:column;

}

.checkout-payment-text strong{

    font-size:.95rem;

    margin-bottom:3px;

}

.checkout-payment-text small{

    color:#6c757d;

    font-size:.83rem;

}

.checkout-payment-check{

    color:#198754;

    font-size:20px;

    opacity:0;

    transition:.2s;

}

.checkout-payment-option.active
.checkout-payment-check{

    opacity:1;

}

.checkout-payment-info{

    margin-top:18px;

    padding:15px 18px;

    border-radius:12px;

    background:#f8f9fa;

    border:1px solid #e9ecef;

    color:#6c757d;

    font-size:.88rem;

}

.checkout-payment-info i{

    color:#198754;

    margin-right:8px;

}

.checkout-badge{

    background:#e8fff0;

    color:#198754;

    font-size:.75rem;

    padding:5px 10px;

    border-radius:999px;

    font-weight:600;

}

/* ==================================
   SUCCESS V2
================================== */

.success-page{
    padding:40px 0 70px;
}

.success-hero{
    text-align:center;
    margin-bottom:30px;
}

.success-hero-icon{
    width:70px;
    height:70px;
    margin:0 auto 15px;
    border-radius:50%;
    background:#198754;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.success-hero h1{
    font-size:1.8rem;
    font-weight:700;
    margin-bottom:8px;
}

.success-hero p{
    font-size:.9rem;
    color:#6c757d;
    max-width:700px;
    margin:auto;
}

.success-account{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:12px;
    padding:15px 18px;
    margin-bottom:20px;

    display:flex;
    justify-content:space-between;
    align-items:center;
}

.success-card{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:14px;

    padding:20px;

}

.success-card-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.success-card-header h3{

    font-size:1rem;

    margin:0;

}

.domain-success-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 0;

    border-bottom:1px solid #f1f3f5;

}

.domain-success-item:last-child{

    border-bottom:none;

}

.domain-success-item strong{

    font-size:.9rem;

}

.domain-success-item small{

    font-size:.75rem;

    color:#6c757d;

}

.timeline{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:15px;

}

.timeline-item{

    padding:12px 14px;

    border-radius:10px;

    font-size:.85rem;

}

.timeline-item.done{

    background:#edf9f1;

    color:#146c43;

}

.timeline-item.current{

    background:#fff8e1;

    color:#997404;

}

.timeline-item:not(.done):not(.current){

    background:#f8f9fa;

    color:#6c757d;

}

/* ==================================
   PAYMENT BOX
================================== */

.success-payment-card{

    background:#fff;

    border:1px solid #e9ecef;

    border-radius:14px;

    padding:20px;

    position:sticky;

    top:90px;

}

.success-payment-total{

    text-align:center;

    font-size:2rem;

    font-weight:700;

    color:#1b4332;

    margin-bottom:5px;

}

.success-payment-subtitle{

    text-align:center;

    font-size:.8rem;

    color:#6c757d;

    margin-bottom:20px;

}

.success-payment-row{

    display:flex;

    justify-content:space-between;

    padding:10px 0;

    border-bottom:1px solid #f1f3f5;

    font-size:.85rem;

}

.success-payment-row:last-child{

    border-bottom:none;

}

.success-bank-box{

    margin-top:20px;

    padding:15px;

    border-radius:12px;

    background:#f8f9fa;

}

.success-bank-box strong{

    display:block;

    margin-bottom:4px;

    font-size:.82rem;

}

.success-bank-box div{

    font-size:.85rem;

}

.payment-qr{

    max-width:220px;

    margin:auto;

    display:block;

}

@media(max-width:991px){

    .success-payment-card{

        position:relative;

        top:auto;

    }

}

/* ==================================================
   MOBILE
================================================== */

@media(max-width:991px){

    .checkout-summary{

        position:relative;

        top:auto;
    }
}

@media(max-width:768px){

    .hero{

        padding:70px 0;
    }

    .hero h1{

        font-size:2.3rem;
    }

    .search-box .btn{

        margin-top:8px;
    }

    .order-row{

        flex-direction:column;

        gap:5px;
    }
}