diff --git a/2026-04-04_20-17-14.png b/2026-04-04_20-17-14.png
new file mode 100644
index 00000000..9bf1732e
Binary files /dev/null and b/2026-04-04_20-17-14.png differ
diff --git a/wp-content/themes/twentytwentyfour/assets/css/test1-checkout.css b/wp-content/themes/twentytwentyfour/assets/css/test1-checkout.css
index 55f5e249..577af3ef 100644
--- a/wp-content/themes/twentytwentyfour/assets/css/test1-checkout.css
+++ b/wp-content/themes/twentytwentyfour/assets/css/test1-checkout.css
@@ -390,6 +390,87 @@ h2 {
   border: 1px solid var(--premium-line);
   background: rgba(255, 255, 255, 0.92);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
+  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-combobox {
+  margin-bottom: 12px;
+  border-radius: 18px;
+  border: 1px solid rgba(13, 79, 214, 0.18);
+  background: rgba(255, 255, 255, 0.92);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input:focus-within,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea:focus-within,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-combobox:focus-within {
+  border-color: rgba(13, 79, 214, 0.58);
+  box-shadow: 0 0 0 4px rgba(13, 79, 214, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.62);
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea,
+:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input,
+:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input {
+  border: 0 !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  color: var(--text) !important;
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input::placeholder,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea::placeholder,
+:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input::placeholder,
+:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input::placeholder {
+  color: rgba(18, 48, 89, 0.5);
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input:hover,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select:hover,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea:hover,
+:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input:hover,
+:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input:hover {
+  border-color: transparent !important;
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input:focus,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input:focus-visible,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select:focus,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select:focus-visible,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea:focus,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea:focus-visible,
+:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input:focus,
+:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input:focus-visible,
+:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input:focus,
+:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input:focus-visible,
+:is(.test1-checkout-page, .test1-cart-page) .coupon #coupon_code:focus,
+:is(.test1-checkout-page, .test1-cart-page) .coupon #coupon_code:focus-visible {
+  outline: none;
+  border-color: rgba(13, 79, 214, 0.58) !important;
+  box-shadow: 0 0 0 4px rgba(13, 79, 214, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input label,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea label {
+  color: rgba(18, 48, 89, 0.72);
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-address-card,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-address-form,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control__option,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control-accordion-option {
+  border-radius: 18px;
+  border: 1px solid rgba(13, 79, 214, 0.16);
+  background: rgba(255, 255, 255, 0.78);
+}
+
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control__option--checked,
+:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control-accordion-option.is-active {
+  border-color: rgba(13, 79, 214, 0.45);
+  box-shadow: 0 0 0 3px rgba(13, 79, 214, 0.1);
 }
 
 :is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea,