/* FabHippo HostShop CSS */
.hs-wrap{font-family:Helvetica,Arial,sans-serif;max-width:1100px;margin:0 auto;padding:20px;color:#333}
.hs-header{text-align:center;margin-bottom:35px}
.hs-title{color:#1073a9;font-size:2em;margin:0 0 8px}
.hs-subtitle{color:#777;margin:0}
.hs-back{color:#1073a9;text-decoration:none}
.hs-back:hover{text-decoration:underline}

/* Plans */
.hs-plans{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:35px}
.hs-plan{background:#fff;border:2px solid #ddd;border-radius:8px;padding:30px 25px;text-align:center;flex:1;min-width:250px;max-width:320px;position:relative;transition:transform .2s,box-shadow .2s}
.hs-plan:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(16,115,169,.15)}
.hs-plan--featured{border-color:#1073a9;border-width:3px;box-shadow:0 4px 20px rgba(16,115,169,.2)}
.hs-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#1073a9;color:#fff;padding:4px 16px;border-radius:20px;font-size:.78em;font-weight:bold;white-space:nowrap}
.hs-plan-name{color:#1073a9;font-size:.95em;font-weight:bold;text-transform:uppercase;letter-spacing:.05em;margin:0 0 15px}
.hs-plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}
.hs-currency{font-size:1.4em;color:#1073a9;font-weight:bold}
.hs-amount{font-size:3.5em;color:#1073a9;font-weight:bold;line-height:1}
.hs-period{font-size:1.2em;color:#1073a9}
.hs-yearly{color:#777;font-size:.82em;margin-bottom:18px}
.hs-features{list-style:none;padding:0;margin:0 0 22px;text-align:left}
.hs-features li{padding:5px 0;font-size:.87em;border-bottom:1px solid #f0f0f0}
.hs-check{color:#1073a9;font-weight:bold;margin-right:6px}

/* Buttons */
.hs-btn{display:inline-block;background:#1073a9;color:#fff!important;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:bold;font-size:.92em;letter-spacing:.04em;border:none;cursor:pointer;transition:background .2s}
.hs-btn:hover{background:#0a5a87;color:#fff!important;text-decoration:none}
.hs-btn--featured{box-shadow:0 4px 14px rgba(16,115,169,.4)}
.hs-btn--full{width:100%;display:block;text-align:center;padding:15px;border-radius:6px;margin-top:20px;font-size:1em}

/* Trust bar */
.hs-trust{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:18px;background:#e8f4fa;border-radius:8px}
.hs-trust-item{color:#1073a9;font-size:.9em;font-weight:bold}

/* Checkout */
.hs-checkout{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}
.hs-summary{background:#e8f4fa;border:2px solid #1073a9;border-radius:8px;padding:22px;flex:0 0 270px;min-width:230px}
.hs-summary-title{color:#1073a9;margin:0 0 10px;font-size:1.05em}
.hs-summary-product{font-size:1.05em;margin-bottom:6px}
.hs-summary-amount{color:#1073a9;font-size:1.6em;font-weight:bold}
.hs-summary-yearly{color:#777;font-size:.82em;margin-bottom:12px}
.hs-summary-features{list-style:none;padding:0;margin:0}
.hs-summary-features li{font-size:.82em;padding:3px 0;color:#333}
.hs-form-wrap{flex:1;min-width:280px}
.hs-section-title{color:#1073a9;border-bottom:2px solid #1073a9;padding-bottom:5px;margin:22px 0 14px;font-size:1em}
.hs-field{margin-bottom:14px}
.hs-field label{display:block;font-weight:bold;font-size:.87em;margin-bottom:4px}
.hs-req{color:#d9534f}
.hs-input{width:100%;padding:9px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95em;box-sizing:border-box;font-family:inherit}
.hs-input:focus{border-color:#1073a9;outline:none;box-shadow:0 0 0 2px rgba(16,115,169,.15)}
.hs-payment-options{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.hs-payment-opt{flex:1;min-width:130px;border:2px solid #ddd;border-radius:6px;padding:14px;cursor:pointer;transition:border-color .2s}
.hs-payment-opt input[type=radio]{display:none}
.hs-active{border-color:#1073a9;background:#e8f4fa}
.hs-pay-sub{color:#777;font-size:.78em;margin-top:3px}
.hs-bank-box{background:#fffef0;border:1px solid #f0c36d;border-radius:6px;padding:16px;margin-bottom:14px}
.hs-bank-tbl{width:100%;border-collapse:collapse;font-size:.88em;margin-top:8px}
.hs-bank-tbl tr:nth-child(even){background:rgba(0,0,0,.03)}
.hs-bank-tbl td{padding:6px 8px}
.hs-bank-tbl td:first-child{color:#777;width:45%}
.hs-paypal-box{background:#f0f8ff;border:1px solid #b0d4ee;border-radius:6px;padding:14px;margin-bottom:14px;font-size:.92em;color:#0a5a87}
.hs-secure{text-align:center;font-size:.78em;color:#999;margin-top:10px}

/* Thank you */
.hs-thankyou{text-align:center;max-width:600px;margin:0 auto;padding:20px}
.hs-tick{width:70px;height:70px;background:#5cb85c;color:#fff;border-radius:50%;font-size:2.5em;line-height:70px;margin:0 auto 18px}
.hs-ty-title{color:#1073a9;font-size:2em;margin:0 0 8px}
.hs-ty-sub{color:#777;margin-bottom:22px}
.hs-order-box{background:#e8f4fa;border:2px solid #1073a9;border-radius:8px;padding:18px;text-align:left;margin-bottom:18px}
.hs-order-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ddd;font-size:.92em}
.hs-order-row:last-child{border-bottom:none}
.hs-order-row span{color:#777}
.hs-contact-box{background:#f5f5f5;border-radius:6px;padding:14px;font-size:.87em;line-height:1.9;margin-top:18px}

/* Responsive */
@media(max-width:700px){
    .hs-plans,.hs-checkout{flex-direction:column;align-items:center}
    .hs-plan{max-width:100%}
    .hs-summary{flex:none;width:100%;box-sizing:border-box}
    .hs-payment-options{flex-direction:column}
    .hs-trust{gap:12px}
}

/* Domain options */
.hs-domain-options{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.hs-domain-btn{flex:1;min-width:180px;padding:14px 16px;border:2px solid #1073a9;border-radius:6px;background:#fff;color:#1073a9;font-weight:bold;font-size:.9em;cursor:pointer;transition:background .2s,color .2s}
.hs-domain-btn:hover{background:#e8f4fa}
.hs-domain-btn--active{background:#1073a9;color:#fff}
.hs-domain-note{background:#e8f4fa;border-left:3px solid #1073a9;padding:12px 15px;border-radius:0 4px 4px 0;font-size:.88em;color:#1073a9;margin-bottom:14px}
.hs-yearly-note{background:#fff3cd;border:1px solid #f0c36d;border-radius:4px;padding:10px 14px;font-size:.88em;color:#856404;margin-bottom:14px}