@charset "UTF-8";
/* Max width 767px */
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
  .blue-checkout-area {
    padding: 70px 0;
  }
  .blue-checkout-area p {
    font-size: 14px;
  }
  .blue-checkout-area .blue-section-title h2 {
    font-size: 36px;
  }
  .blue-checkout-area .blue-tabs-info {
    margin-bottom: 25px;
  }
  .blue-checkout-area .blue-tabs-info .nav {
    margin-bottom: 30px;
  }
  .blue-checkout-area .blue-tabs-info .nav .nav-item {
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .blue-checkout-area .blue-tabs-info .nav .nav-item::before {
    display: none;
  }
  .blue-checkout-area .blue-tabs-info .nav .nav-item .nav-link strong {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item {
    padding: 15px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item .title {
    font-size: 14px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li {
    margin: 0;
    border-right: none;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support {
    padding: 16px 20px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support h5 {
    font-size: 13px;
    margin-bottom: 14px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support h5 img {
    width: 20px;
    height: 16px;
    margin-right: 7px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.support h5 span {
    margin-left: 8px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group {
    margin-bottom: 15px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form .form-group .form-control {
    height: 45px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.form button {
    padding: 9px 20px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker h3 {
    font-size: 15px;
    max-width: 160px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker h2 {
    font-size: 18px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item p a {
    margin-left: 5px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item p a i {
    font-size: 20px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker .price-item span {
    font-size: 14px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker.style-2 {
    margin-top: 40px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info form .form-group {
    margin-bottom: 10px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info form .form-group .form-label {
    font-size: 16px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-payment .payment-item {
    padding: 10px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-payment .payment-item h5 {
    font-size: 13px;
  }
  .blue-checkout-area .blue-tabs-info .tab-down-info h2 {
    font-size: 27px;
  }
  .blue-checkout-area .blue-tabs-info .tab-down-info .form-check {
    margin-bottom: 10px;
  }
  .blue-checkout-area .blue-tabs-info .tab-down-info .form-check .form-check-input {
    width: 18px;
    height: 18px;
  }
  .blue-checkout-area .blue-tabs-info .tab-down-info .form-check .form-check-label {
    font-size: 14px;
  }
  .blue-checkout-area .blue-tabs-info .tab-down-info .continue {
    margin-top: 10px;
    padding: 10px 20px;
  }
  .blue-checkout-area .blue-footer-section .list {
    margin-top: 40px;
    margin-bottom: 15px;
  }
  .blue-checkout-area .blue-footer-section .list li {
    margin-right: 10px;
    margin-bottom: 5px;
  }
}
/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blue-header-info .single-blue-logo {
    margin-bottom: 0;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul {
    margin-bottom: 15px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item.tradelocker h3 {
    max-width: 200px;
  }
  .blue-checkout-area .blue-footer-section .form-check .form-check-input {
    margin-right: 10px;
    margin-bottom: 2px;
  }
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 14px;
  }
  .blue-checkout-area .blue-section-title h2 {
    font-size: 44px;
  }
  .blue-checkout-area .blue-tabs-info .nav .nav-item::before {
    width: 70px;
    right: -85px;
  }
  .blue-checkout-area .blue-tabs-info .tab-content-info .content-item ul li button {
    padding: 8px 27px;
  }
  .blue-checkout-area .blue-tabs-info .tab-down-info .continue {
    margin-top: 15px;
  }
  .blue-checkout-area .blue-footer-section .list {
    margin-top: 60px;
  }
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  body {
    font-size: 14px;
  }
  .blue-checkout-area .blue-section-title h2 {
    font-size: 48px;
  }
}
/* ==================== NEW CHECKOUT LAYOUT — RESPONSIVE ==================== */
/* Tablet & down: collapse the two-column grid into one column */
@media only screen and (max-width: 991px) {
  .checkout-layout-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 24px;
  }
  .checkout-right-col {
    position: static;
    top: auto;
  }
  .blue-checkout-area .blue-section-title h2 {
    font-size: 44px;
  }
}
/* Phones */
@media only screen and (max-width: 767px) {
  .header-promo-banner {
    padding: 8px 12px;
  }
  .header-promo-banner .banner-content {
    gap: 8px;
    row-gap: 6px;
  }
  .header-promo-banner .promo-text {
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  .checkout-content-wrap {
    padding: 0;
  }
  .checkout-layout-grid {
    gap: 18px;
    margin-top: 18px;
  }
  .checkout-left-col,
  .checkout-right-col {
    gap: 18px;
  }
  /* Card paddings */
  .checkout-layout-grid .section-header {
    padding: 16px;
  }
  .checkout-layout-grid .section-header h3 {
    font-size: 17px !important;
  }
  .checkout-layout-grid .section-body {
    padding: 16px;
  }
  .product-summary-display {
    padding: 16px;
    gap: 12px;
  }
  .summary-label,
  .summary-value {
    font-size: 14px;
  }
  .product-edit-panel {
    padding: 0 16px 16px;
  }
  .product-edit-panel .edit-panel-body {
    gap: 16px;
    padding-top: 16px;
  }
  .product-edit-panel .edit-panel-label {
    font-size: 15px;
  }
  /* Selection pills wrap on mobile */
  .product-edit-panel .edit-panel-options {
    gap: 8px;
  }
  .product-edit-panel .blg-market li {
    min-width: calc(50% - 4px);
    flex: 1 1 calc(50% - 4px);
  }
  .product-edit-panel .edit-panel-options li button {
    width: 100%;
    min-width: 0;
    padding: 8px 12px;
    font-size: 13px;
  }
  /* Billing fields stack full width */
  .woocommerce-billing-fields__field-wrapper {
    gap: 12px;
  }
  .woocommerce-billing-fields__field-wrapper .form-row {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  /* Add-ons */
  .checkout-addons .addons-item {
    padding: 16px !important;
  }
  .checkout-addons .addons-item .addon-left {
    gap: 12px;
  }
  /* Quantity stepper wraps neatly */
  .quantity-selector-section {
    flex-wrap: wrap;
    gap: 12px;
  }
  /* Footer */
  .footer-logos-wrrapper {
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
  }
}
/* Small phones */
@media only screen and (max-width: 480px) {
  .blue-checkout-area .blue-section-title h2 {
    font-size: 32px;
  }
  .header-promo-banner .promo-badge {
    font-size: 11px;
    padding: 3px 8px;
  }
  .checkout-addons .addons-item .addon-desc {
    font-size: 13px;
  }
  .bundle-discount-section .bundle-row {
    padding: 10px 12px;
  }
  .bundle-discount-section .bundle-row .bundle-desc,
  .bundle-discount-section .bundle-row .bundle-name {
    font-size: 13px;
  }
}

/* ==================== THANK YOU PAGE — RESPONSIVE ==================== */
@media only screen and (max-width: 767px) {
  .thankyou-page .thankyou-success-icon {
    width: 64px;
    height: 64px;
  }
  .thankyou-page .thankyou-success-icon svg {
    width: 32px;
    height: 32px;
  }
  .thankyou-page .blue-section-title.thankyou-title {
    margin-bottom: 32px;
  }
  .thankyou-page .thankyou-section .section-header {
    padding: 16px;
  }
  .thankyou-page .thankyou-section .section-body {
    padding: 16px;
  }
  .thankyou-page .thankyou-cta .btn-primary-cta,
  .thankyou-page .thankyou-cta .btn-secondary-cta {
    display: block;
    margin: 0 0 12px 0;
    text-align: center;
  }
}

/*# sourceMappingURL=responsive.css.map */