/* Chivale design system — tokens + utility classes for hosting/domains/cart/checkout flow */
:root{
--chiv-primary:#1d3a6e;
--chiv-primary-light:#2d5ba0;
--chiv-hero-dark:#0d2540;
--chiv-popular-from:#f59e0b;
--chiv-popular-to:#ef4444;
--chiv-best-from:#3b82f6;
--chiv-best-to:#8b5cf6;
--chiv-promo-from:#dc2626;
--chiv-promo-to:#f59e0b;
--chiv-success:#16a34a;
--chiv-info:#0ea5e9;
--chiv-warning:#f59e0b;
--chiv-danger:#dc2626;
--chiv-muted:#94a3b8;
--chiv-bg-soft:#f8fafc;
--chiv-bg-tint:#f9fbff;
--chiv-border:#e2e8f0;
--chiv-grad-hero:linear-gradient(135deg,var(--chiv-hero-dark) 0%,var(--chiv-primary) 100%);
--chiv-grad-popular:linear-gradient(135deg,var(--chiv-popular-from) 0%,var(--chiv-popular-to) 100%);
--chiv-grad-best:linear-gradient(135deg,var(--chiv-best-from) 0%,var(--chiv-best-to) 100%);
--chiv-grad-promo:linear-gradient(135deg,var(--chiv-promo-from) 0%,var(--chiv-promo-to) 100%);
--chiv-grad-btn-primary:linear-gradient(135deg,var(--chiv-primary) 0%,var(--chiv-primary-light) 100%);
--chiv-r-card:14px;
--chiv-r-pill:30px;
--chiv-r-btn:8px;
--chiv-r-small:4px;
--chiv-t-ease:.2s ease;
--chiv-t-fast:.15s ease;
--chiv-shadow-card:0 4px 16px rgba(15,23,42,.06);
--chiv-shadow-card-hover:0 8px 24px rgba(29,58,110,.18);
--chiv-shadow-card-pop:0 8px 30px rgba(245,158,11,.22);
--chiv-shadow-card-best:0 8px 30px rgba(139,92,246,.22);
--chiv-shadow-pill-pop:0 6px 18px rgba(245,158,11,.45);
--chiv-shadow-pill-best:0 6px 18px rgba(139,92,246,.45);
--chiv-shadow-btn-primary:0 4px 12px rgba(29,58,110,.3);
}
.chiv-hero{background:var(--chiv-grad-hero);color:#fff;padding:80px 0 60px;}
.chiv-hero h1{font-weight:700;}
.chiv-ribbon{color:#fff;padding:8px 22px;border-radius:var(--chiv-r-pill);font-size:.78rem;font-weight:700;letter-spacing:.6px;white-space:nowrap;display:inline-block;}
.chiv-ribbon-pop{background:var(--chiv-grad-popular);box-shadow:var(--chiv-shadow-pill-pop);}
.chiv-ribbon-best{background:var(--chiv-grad-best);box-shadow:var(--chiv-shadow-pill-best);}
.chiv-promo-strip{background:var(--chiv-grad-promo);color:#fff;padding:6px 12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 8px rgba(220,38,38,.3);border-radius:var(--chiv-r-small) 0 0 var(--chiv-r-small);}
.chiv-btn-grad-primary{background:var(--chiv-grad-btn-primary) !important;border:none !important;box-shadow:var(--chiv-shadow-btn-primary);color:#fff !important;}
.chiv-btn-grad-primary:hover{box-shadow:0 6px 18px rgba(29,58,110,.4);transform:translateY(-1px);}
.popular-price.pricing-new-wrapper,.pricing-new-wrapper.single-pricing-pack,.special-offer-card{border-radius:var(--chiv-r-card);transition:transform var(--chiv-t-ease),box-shadow var(--chiv-t-ease);overflow:visible !important;}
.popular-price.pricing-new-wrapper:hover,.pricing-new-wrapper.single-pricing-pack:hover{transform:translateY(-3px);box-shadow:var(--chiv-shadow-card-hover) !important;}
.popular-price.pricing-new-wrapper.is-most-popular,.popular-price.pricing-new-wrapper.is-featured-plan{border:2px solid var(--chiv-popular-from) !important;box-shadow:var(--chiv-shadow-card-pop) !important;}
.pricing-new-wrapper.is-featured-plan{border:2px solid var(--chiv-popular-from) !important;box-shadow:var(--chiv-shadow-card-pop) !important;}
.plan-select-btn{transition:transform var(--chiv-t-fast),box-shadow var(--chiv-t-fast);}
.plan-select-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,58,110,.25);}
.addons-block button.btn-link{transition:color var(--chiv-t-fast);}
.addons-block button.btn-link:hover{color:var(--chiv-primary-light) !important;}
.addons-block .toggle-icon{transition:transform var(--chiv-t-ease);}
.addon-row{transition:background var(--chiv-t-fast);}
.addon-row:hover{background:var(--chiv-bg-tint);}
.co-item-card{border-radius:var(--chiv-r-card);transition:box-shadow var(--chiv-t-ease);}
.co-item-card:hover{box-shadow:0 4px 16px rgba(15,23,42,.08);}
.co-summary-card{border-radius:var(--chiv-r-card);}
.special-offer-card .so-ribbon{background:var(--chiv-grad-promo) !important;}
.domain-result-card.is-primary{box-shadow:var(--chiv-shadow-card-pop);}
.ma-table tbody tr{transition:background var(--chiv-t-fast);}
.ma-pill{transition:opacity var(--chiv-t-fast);}
/* Mobile responsive fixes for hosting/domains/cart/checkout flow */
@media (max-width:768px){
.hosting-hero{padding:50px 16px 30px !important;}
.hosting-hero h1{font-size:1.7rem !important;line-height:1.25;}
.hosting-hero p{font-size:.95rem !important;line-height:1.4;}
.hosting-hero .badge{font-size:.72rem !important;padding:6px 10px !important;}
.checkout-hero{padding:50px 16px 30px !important;}
.checkout-hero h1{font-size:1.6rem !important;}
.popular-price.pricing-new-wrapper,.popular-price.pricing-new-wrapper.is-featured-plan{padding:32px 18px !important;}
.is-featured-plan>div[style*="top:-18px"]{padding:6px 14px !important;font-size:.65rem !important;letter-spacing:.4px !important;top:-14px !important;}
.special-offer-card{padding:20px 16px !important;}
.compare-pricing-table{overflow-x:auto;}
.compare-pricing-table table{min-width:560px;}
.compare-pricing-table thead{box-shadow:none !important;position:static !important;}
.compare-pricing-table .h2.font-weight-bold{font-size:1.3rem !important;}
.compare-pricing-table .info .btn{font-size:.75rem;padding:6px 12px;}
section.checkout-hero+section .col-lg-8,section.checkout-hero+section .col-lg-4{margin-bottom:16px;}
.co-summary-card{position:static !important;top:auto !important;margin-top:20px;}
.co-item-card{padding:18px !important;}
.co-item-card .h4{font-size:1.05rem !important;}
.co-item-card .row.g-3>div{margin-bottom:8px;}
.ma-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ma-table{min-width:560px;}
.ma-pill{white-space:nowrap;}
.ma-toolbar{flex-wrap:wrap;gap:10px;}
.ma-toolbar-actions{flex-wrap:wrap;}
.special-offer-card .so-ribbon{font-size:.7rem;padding:4px 10px;}
.addons-block{padding:8px !important;}
.addons-block .addon-row{flex-wrap:wrap;}
.addons-block .addon-qty{width:65px !important;}
.plan-select-btn{font-size:.9rem;}
.subheader.gradient-bg{padding:40px 0 !important;}
.subheader.gradient-bg h1{font-size:1.6rem !important;}
section[id="pricing"]{padding:40px 0 !important;}
section.ptb-100{padding-top:50px !important;padding-bottom:50px !important;}
section.ptb-80{padding-top:40px !important;padding-bottom:40px !important;}
.vps-pricing-row td{font-size:.8rem;padding:8px 6px !important;}
.vps-hosting-pricing-table{min-width:600px;}
}
@media (max-width:480px){
.hosting-hero h1{font-size:1.4rem !important;}
.hosting-hero .badge{font-size:.65rem !important;padding:5px 8px !important;}
.is-featured-plan>div[style*="top:-18px"]{padding:5px 12px !important;font-size:.6rem !important;top:-12px !important;}
.checkout-hero h1{font-size:1.35rem !important;}
.popular-price.pricing-new-wrapper{padding:28px 14px !important;}
.compare-pricing-table table{min-width:500px;font-size:.78rem;}
.ma-h3,.ma-card-head h3{font-size:1.05rem !important;}
}
.popular-price.pricing-new-wrapper,.popular-price.pricing-new-wrapper.is-featured-plan,.pricing-new-wrapper.single-pricing-pack{overflow:visible !important;}