/** * Universal Store Clean Child 3.8.0 * Minimal, responsive WooCommerce checkout UI. */ :root{ --usg-checkout-radius:24px; --usg-checkout-gap:clamp(16px,2.4vw,30px); } body.usg-theme.woocommerce-checkout, body.usg-theme.woocommerce-checkout *{ box-sizing:border-box; } body.usg-theme.woocommerce-checkout .site-content, body.usg-theme.woocommerce-checkout .inside-article, body.usg-theme.woocommerce-checkout .entry-content{ max-width:100%!important; overflow-x:hidden!important; } body.usg-theme.woocommerce-checkout .woocommerce{ width:min(1180px,calc(100% - 32px))!important; max-width:1180px!important; margin-inline:auto!important; overflow:visible!important; } body.usg-theme.woocommerce-checkout form.checkout{ display:grid!important; grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr)!important; grid-template-areas: "notice notice" "customer review"!important; align-items:start!important; gap:var(--usg-checkout-gap)!important; width:100%!important; max-width:100%!important; margin:0!important; } body.usg-theme.woocommerce-checkout .usg-checkout-trust, body.usg-theme.woocommerce-checkout .usg-checkout-address-notice{ grid-column:1/-1!important; margin:0 0 4px!important; border-radius:20px!important; border:1px solid color-mix(in srgb,var(--usg-primary,#2563eb) 18%,transparent)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--usg-primary,#2563eb) 8%,transparent),color-mix(in srgb,var(--usg-accent,#06b6d4) 7%,transparent))!important; padding:14px 16px!important; color:var(--usg-text,#0f172a)!important; } body.usg-theme.woocommerce-checkout .usg-checkout-address-notice{ display:grid!important; gap:4px!important; margin-bottom:14px!important; } body.usg-theme.woocommerce-checkout .usg-checkout-address-notice span{ color:var(--usg-muted,#64748b)!important; font-size:13px!important; line-height:1.8!important; } body.usg-theme.woocommerce-checkout #customer_details, body.usg-theme.woocommerce-checkout .col2-set{ grid-area:customer!important; display:grid!important; grid-template-columns:1fr!important; gap:18px!important; width:100%!important; min-width:0!important; float:none!important; } body.usg-theme.woocommerce-checkout .col2-set .col-1, body.usg-theme.woocommerce-checkout .col2-set .col-2, body.usg-theme.woocommerce-checkout .woocommerce-billing-fields, body.usg-theme.woocommerce-checkout .woocommerce-shipping-fields, body.usg-theme.woocommerce-checkout .woocommerce-additional-fields, body.usg-theme.woocommerce-checkout #order_review{ float:none!important; width:100%!important; min-width:0!important; max-width:100%!important; border:1px solid var(--usg-border,rgba(15,23,42,.10))!important; border-radius:var(--usg-checkout-radius)!important; background:var(--usg-surface,#fff)!important; box-shadow:0 18px 45px rgba(15,23,42,.07)!important; padding:clamp(16px,2.6vw,28px)!important; overflow:hidden!important; } body.usg-theme.woocommerce-checkout #order_review_heading{ grid-area:review!important; align-self:start!important; margin:0!important; padding:0 4px!important; font-size:19px!important; line-height:1.7!important; font-weight:950!important; } body.usg-theme.woocommerce-checkout #order_review{ grid-column:2!important; grid-row:3!important; position:sticky!important; top:calc(var(--usg-header-height,86px) + 18px)!important; } body.usg-theme.woocommerce-checkout .woocommerce-billing-fields h3, body.usg-theme.woocommerce-checkout .woocommerce-shipping-fields h3, body.usg-theme.woocommerce-checkout .woocommerce-additional-fields h3{ margin:0 0 16px!important; font-size:20px!important; font-weight:950!important; letter-spacing:-.02em!important; } body.usg-theme.woocommerce-checkout .woocommerce-billing-fields__field-wrapper, body.usg-theme.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper, body.usg-theme.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px 16px!important; width:100%!important; min-width:0!important; } body.usg-theme.woocommerce-checkout .form-row, body.usg-theme.woocommerce-checkout .form-row-first, body.usg-theme.woocommerce-checkout .form-row-last, body.usg-theme.woocommerce-checkout .form-row-wide{ float:none!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } body.usg-theme.woocommerce-checkout .form-row-wide, body.usg-theme.woocommerce-checkout #billing_phone_field, body.usg-theme.woocommerce-checkout #billing_email_field, body.usg-theme.woocommerce-checkout #billing_address_1_field, body.usg-theme.woocommerce-checkout #shipping_address_1_field, body.usg-theme.woocommerce-checkout #order_comments_field{ grid-column:1/-1!important; } body.usg-theme.woocommerce-checkout #billing_country_field, body.usg-theme.woocommerce-checkout #billing_state_field, body.usg-theme.woocommerce-checkout #billing_city_field, body.usg-theme.woocommerce-checkout #shipping_country_field, body.usg-theme.woocommerce-checkout #shipping_state_field, body.usg-theme.woocommerce-checkout #shipping_city_field, body.usg-theme.woocommerce-checkout #billing_company_field, body.usg-theme.woocommerce-checkout #shipping_company_field, body.usg-theme.woocommerce-checkout .usg-hidden-checkout-field{ display:none!important; } body.usg-theme.woocommerce-checkout .form-row label{ display:flex!important; align-items:center!important; gap:6px!important; margin:0 0 8px!important; font-size:13px!important; font-weight:950!important; line-height:1.7!important; color:var(--usg-text,#0f172a)!important; } body.usg-theme.woocommerce-checkout .form-row .required{ color:#ef4444!important; text-decoration:none!important; } body.usg-theme.woocommerce-checkout .form-row .optional{ color:var(--usg-muted,#64748b)!important; font-size:12px!important; font-weight:800!important; } body.usg-theme.woocommerce-checkout input.input-text, body.usg-theme.woocommerce-checkout textarea, body.usg-theme.woocommerce-checkout select, body.usg-theme.woocommerce-checkout .select2-container .select2-selection--single{ width:100%!important; max-width:100%!important; min-height:54px!important; border:1px solid var(--usg-border,rgba(15,23,42,.12))!important; border-radius:17px!important; background:var(--usg-bg,#fff)!important; color:var(--usg-text,#0f172a)!important; box-shadow:0 1px 0 rgba(15,23,42,.02)!important; padding:0 15px!important; font-size:15px!important; line-height:1.7!important; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important; } body.usg-theme.woocommerce-checkout textarea{ min-height:108px!important; resize:vertical!important; padding-block:13px!important; } body.usg-theme.woocommerce-checkout input.input-text:focus, body.usg-theme.woocommerce-checkout textarea:focus, body.usg-theme.woocommerce-checkout select:focus, body.usg-theme.woocommerce-checkout .select2-container--open .select2-selection--single{ outline:none!important; border-color:color-mix(in srgb,var(--usg-primary,#2563eb) 62%,#fff)!important; box-shadow:0 0 0 4px color-mix(in srgb,var(--usg-primary,#2563eb) 16%,transparent)!important; } body.usg-theme.woocommerce-checkout .select2-container{ width:100%!important; max-width:100%!important; } body.usg-theme.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{ color:var(--usg-text,#0f172a)!important; line-height:54px!important; padding-inline:14px 34px!important; } body.usg-theme.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{ height:54px!important; left:12px!important; right:auto!important; } body.usg-theme.woocommerce-checkout .woocommerce-checkout-review-order-table{ margin:0!important; border-collapse:separate!important; border-spacing:0 8px!important; } body.usg-theme.woocommerce-checkout .woocommerce-checkout-review-order-table th, body.usg-theme.woocommerce-checkout .woocommerce-checkout-review-order-table td{ border:0!important; padding:10px 0!important; line-height:1.75!important; } body.usg-theme.woocommerce-checkout #payment, body.usg-theme.woocommerce-checkout .woocommerce-checkout-payment{ margin-top:16px!important; border-radius:22px!important; overflow:hidden!important; background:color-mix(in srgb,var(--usg-surface,#fff) 96%,var(--usg-primary,#2563eb))!important; border:1px solid var(--usg-border,rgba(15,23,42,.10))!important; } body.usg-theme.woocommerce-checkout #place_order{ width:100%!important; min-height:56px!important; border-radius:18px!important; font-size:16px!important; font-weight:950!important; display:flex!important; align-items:center!important; justify-content:center!important; } body.usg-theme.woocommerce-checkout .woocommerce-error, body.usg-theme.woocommerce-checkout .woocommerce-info, body.usg-theme.woocommerce-checkout .woocommerce-message{ width:100%!important; margin-inline:0!important; border-radius:18px!important; line-height:1.8!important; } @media (max-width:940px){ body.usg-theme.woocommerce-checkout .woocommerce{ width:calc(100% - 22px)!important; max-width:100%!important; } body.usg-theme.woocommerce-checkout form.checkout{ grid-template-columns:1fr!important; grid-template-areas: "notice" "customer" "review"!important; gap:16px!important; } body.usg-theme.woocommerce-checkout #customer_details, body.usg-theme.woocommerce-checkout .col2-set, body.usg-theme.woocommerce-checkout #order_review_heading, body.usg-theme.woocommerce-checkout #order_review{ grid-column:1!important; grid-row:auto!important; position:static!important; width:100%!important; } body.usg-theme.woocommerce-checkout .woocommerce-billing-fields__field-wrapper, body.usg-theme.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper, body.usg-theme.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{ grid-template-columns:1fr!important; gap:13px!important; } body.usg-theme.woocommerce-checkout .form-row, body.usg-theme.woocommerce-checkout .form-row-first, body.usg-theme.woocommerce-checkout .form-row-last, body.usg-theme.woocommerce-checkout .form-row-wide{ grid-column:1!important; } body.usg-theme.woocommerce-checkout .col2-set .col-1, body.usg-theme.woocommerce-checkout .col2-set .col-2, body.usg-theme.woocommerce-checkout .woocommerce-billing-fields, body.usg-theme.woocommerce-checkout .woocommerce-shipping-fields, body.usg-theme.woocommerce-checkout .woocommerce-additional-fields, body.usg-theme.woocommerce-checkout #order_review{ border-radius:20px!important; padding:16px!important; } body.usg-theme.woocommerce-checkout input.input-text, body.usg-theme.woocommerce-checkout textarea, body.usg-theme.woocommerce-checkout select, body.usg-theme.woocommerce-checkout .select2-container .select2-selection--single{ min-height:52px!important; border-radius:15px!important; font-size:16px!important; } body.usg-theme.woocommerce-checkout textarea{ min-height:118px!important; } } @media (prefers-reduced-motion:reduce){ body.usg-theme.woocommerce-checkout *{ transition:none!important; animation:none!important; } }