/* Desktop-only corner-radius system.
   Scope is intentionally limited to border-radius so layout, spacing,
   color, typography, and mobile styling remain unchanged. */
@media (min-width: 901px) {
  :root {
    --comu-radius-small: 8px;
    --comu-radius-regular: 16px;
    --comu-radius-standard: 20px;
    --comu-radius-feature: 24px;
    --comu-radius-pill: 9999px;
  }

  /* Small internal elements: thumbnails, compact panels, table/cart internals. */
  .support-dropdown-menu,
  .np-warranty-card-inner,
  .price-breakdown,
  .cart-tiered-promo,
  .cart-trust-badges,
  .quote-notes,
  .bento-bottom-img,
  .payment-badge {
    border-radius: var(--comu-radius-small) !important;
  }

  /* Regular content cards: timeline and ordinary purchase cards. */
  .about-timeline-card,
  .mobile-product-card,
  .np-warranty-addon,
  .np-care-plan-card,
  .google-one-tap {
    border-radius: var(--comu-radius-regular) !important;
  }

  /* Standard primary cards: compliance, purchase options, and promotion cards. */
  .compliance-card,
  .np-promo-card,
  .np-bundle-card,
  .np-benefits-accordion,
  .np-whats-included,
  .comparison-table-wrap,
  .story-image-wrap,
  .video-wrapper,
  .features-content,
  .kol-card,
  .custom-video-card,
  .app-feature-carousel,
  .scenario-image,
  .np-main-media,
  .audience-visual,
  .audience-visual-image,
  .about-cta-carousel-img,
  .ckm-slide,
  .ckm-slide img,
  .bento-grid-masonry .bento-card {
    border-radius: var(--comu-radius-standard) !important;
  }

  /* Large feature cards: main products, hero media, and brand focus modules. */
  .product-card-immersive,
  .beliefs-container,
  .morph-banner,
  .about-cta-card,
  .video-modal-content,
  .benefits-modal-content,
  .quote-modal {
    border-radius: var(--comu-radius-feature) !important;
  }

  /* Directional quote card keeps its square leading edge at the regular tier. */
  .about-quote-card {
    border-radius: 0 var(--comu-radius-regular) var(--comu-radius-regular) 0 !important;
  }

  /* Text buttons and status labels use a full pill. Icon-only circles are omitted. */
  .btn,
  .btn-pill,
  .nav-cta,
  .footer-follow-btn,
  .about-btn-dark,
  .about-btn-light,
  .np-btn-add-to-cart,
  .np-btn-shop-pay,
  .np-sticky-add,
  .np-sticky-buy,
  .btn-checkout,
  .btn-checkout-primary,
  .btn-view-cart,
  .btn-quote-secondary,
  .btn-quote-submit,
  .button-row button,
  .badge-new,
  .audience-role-badge,
  .cart-sales-badge,
  .np-discount-badge,
  .np-pa-discount-badge,
  .np-promo-badge,
  .np-save-badge {
    border-radius: var(--comu-radius-pill) !important;
  }

  .ckm-command {
    border-radius: var(--comu-radius-pill) !important;
  }
}

/* Mobile-only radius system. */
@media (max-width: 900px) {
  :root {
    --comu-mobile-radius-small: 8px;
    --comu-mobile-radius-compact: 12px;
    --comu-mobile-radius-standard: 16px;
    --comu-mobile-radius-feature: 20px;
  }

  /* Small internal blocks. */
  .support-dropdown-menu,
  .price-breakdown,
  .cart-tiered-promo,
  .cart-trust-badges,
  .quote-notes,
  .bento-bottom-img,
  .payment-badge {
    border-radius: var(--comu-mobile-radius-small) !important;
  }

  /* Compact option rows. */
  .np-warranty-card-inner {
    border-radius: var(--comu-mobile-radius-compact) !important;
  }

  /* Ordinary content, purchase, and short landscape cards. */
  .about-timeline-card,
  .mobile-product-card,
  .np-warranty-addon,
  .np-care-plan-card,
  .compliance-card,
  .np-promo-card,
  .np-bundle-card,
  .np-benefits-accordion,
  .np-whats-included,
  .comparison-table-wrap,
  .story-image-wrap,
  .app-feature-carousel,
  .ckm-slide,
  .ckm-slide img,
  .bento-grid-masonry .bento-card,
  .subscribe-card {
    border-radius: var(--comu-mobile-radius-standard) !important;
  }

  /* Large media and focal cards. */
  .video-wrapper,
  .features-content,
  .kol-card,
  .custom-video-card,
  .scenario-image,
  .np-main-media,
  .audience-visual,
  .audience-visual-image,
  .about-cta-carousel,
  .about-cta-carousel-img,
  .product-card-immersive,
  .beliefs-container,
  .morph-banner,
  .about-cta-card,
  .video-modal-content,
  .benefits-modal-content,
  .quote-modal,
  .modal-card {
    border-radius: var(--comu-mobile-radius-feature) !important;
  }

  .about-quote-card {
    border-radius: 0 var(--comu-mobile-radius-standard) var(--comu-mobile-radius-standard) 0 !important;
  }

  /* Mobile Google One Tap bottom sheet */
  .google-one-tap {
    border-radius: 18px 18px 0 0 !important;
  }
}