.tsc-flow{ --tsc-navy: #000080; --tsc-navy-ink: #12212e; --tsc-orange: #c43a00; --tsc-orange-dark: #9a2d00; --tsc-green: #138808; --tsc-wa: #25d366; --tsc-line: #e3e7ed; --tsc-soft: #f7f9fb; --tsc-muted: #616b76; --tsc-radius: 6px} .tsc-flow .inner-page-wrap .row > .sidebar-col, .tsc-flow .inner-page-wrap .row > aside, .tsc-flow.woocommerce-cart #secondary, .tsc-flow.woocommerce-checkout #secondary{ display: none} .tsc-flow .inner-page-wrap .row > .content-col, .tsc-flow .inner-page-wrap .row > [class*="col-desktop-8"]{ flex: 0 0 100%; max-width: 100%; width: 100%} .tsc-flow .inner-entry{ padding-top: 28px; padding-bottom: 40px} .tsc-flow .woocommerce-notices-wrapper .woocommerce-message, .tsc-flow .woocommerce-notices-wrapper .woocommerce-info, .tsc-flow .woocommerce-notices-wrapper .woocommerce-error{ margin-bottom: 20px} .tsc-flow .os-woocommerce-cart-form-and-cart-totals-wrapper.col2-set{ display: grid; grid-template-columns: minmax(0,1fr) 360px; column-gap: 32px; align-items: start; margin: 0 0 32px} .tsc-cart-heading{ display: flex; align-items: baseline; gap: 12px; font-size: 22px; font-weight: 700; color: var(--tsc-navy-ink); margin: 0 0 16px; text-transform: none} .tsc-cart-heading__count{ font-size: 14px; font-weight: 500; color: var(--tsc-muted)} .tsc-flow .woocommerce-cart-form{ background: #fff; border: 1px solid var(--tsc-line); border-radius: var(--tsc-radius); padding: 0} .tsc-flow table.shop_table.cart{ border: 0; margin: 0; border-collapse: collapse} .tsc-flow table.shop_table.cart thead th{ background: var(--tsc-soft); border: 0; border-bottom: 1px solid var(--tsc-line); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--tsc-muted); padding: 12px 14px} .tsc-flow table.shop_table.cart td{ border: 0; border-bottom: 1px solid var(--tsc-line); padding: 16px 14px; vertical-align: middle} .tsc-flow table.shop_table.cart td.product-thumbnail img{ width: 72px; height: 72px; object-fit: contain; border: 1px solid var(--tsc-line); border-radius: 4px; background: #fff} .tsc-flow table.shop_table.cart td.product-name a{ color: var(--tsc-navy-ink); font-weight: 600; line-height: 1.35} .tsc-cart-item-meta{ display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 6px; font-size: 13px; color: var(--tsc-muted)} .tsc-cart-item-stock.in-stock{ color: var(--tsc-green); font-weight: 600} .tsc-cart-item-stock.out-of-stock{ color: #b32d2e; font-weight: 600} .tsc-flow table.shop_table.cart td.product-price, .tsc-flow table.shop_table.cart td.product-subtotal{ white-space: nowrap; font-weight: 600; color: var(--tsc-navy-ink)} .tsc-flow table.shop_table.cart .quantity{ display: inline-flex; align-items: stretch; border: 1px solid #c6d0d9; border-radius: 4px; overflow: hidden} .tsc-flow table.shop_table.cart .quantity .qty{ width: 52px; height: 38px; border: 0; text-align: center; font-weight: 600; -moz-appearance: textfield} .tsc-flow table.shop_table.cart .quantity .qty::-webkit-outer-spin-button, .tsc-flow table.shop_table.cart .quantity .qty::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0} .tsc-flow .tsc-qty-btn{ width: 34px; border: 0; background: var(--tsc-soft); color: var(--tsc-navy-ink); font-size: 18px; line-height: 1; cursor: pointer; padding: 0} .tsc-flow .tsc-qty-btn:hover{ background: #e6ebef} .tsc-flow table.shop_table.cart td.product-remove{ width: 1%; white-space: nowrap} .tsc-flow table.shop_table.cart a.remove{ display: inline-flex; align-items: center; gap: 4px; width: auto; height: auto; border-radius: 4px; padding: 4px 8px; font-size: 13px; font-weight: 400; color: var(--tsc-muted) !important; background: transparent; text-decoration: none} .tsc-flow table.shop_table.cart a.remove:hover{ background: #fbeeea; color: #b32d2e !important} .tsc-flow table.shop_table.cart a.remove span[aria-hidden]{ font-size: 18px; line-height: 1} .tsc-flow table.shop_table.cart td.actions{ background: var(--tsc-soft); border-bottom: 0; padding: 12px 14px; text-align: right} .tsc-flow table.shop_table.cart td.actions .button{ background: #fff; color: var(--tsc-navy-ink); border: 1px solid #c6d0d9; font-size: 13px; padding: 9px 16px; text-transform: none; letter-spacing: 0; border-radius: 4px} .tsc-flow table.shop_table.cart td.actions .button:disabled{ opacity: .5} .tsc-cart-under{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 24px; padding: 16px 2px 0} .tsc-continue{ color: var(--tsc-orange); font-weight: 600; text-decoration: none} .tsc-continue:hover{ text-decoration: underline} .tsc-shipping-note{ margin: 0; font-size: 13px; color: var(--tsc-muted); max-width: 520px} .tsc-flow .os-cart-totals-wrapper{ position: sticky; top: 24px} .tsc-flow .cart_totals{ width: 100%; background: #fff; border: 1px solid var(--tsc-line); border-radius: var(--tsc-radius); padding: 20px} .tsc-flow .cart_totals h2{ font-size: 18px; margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid var(--tsc-line); color: var(--tsc-navy-ink); text-transform: none} .tsc-flow .cart_totals table.shop_table{ border: 0; margin: 0} .tsc-flow .cart_totals table.shop_table th, .tsc-flow .cart_totals table.shop_table td{ border: 0; border-bottom: 1px solid var(--tsc-line); padding: 11px 0; font-size: 15px; vertical-align: top} .tsc-flow .cart_totals table.shop_table th{ font-weight: 500; color: var(--tsc-muted); width: 42%} .tsc-flow .cart_totals table.shop_table td{ text-align: right; color: var(--tsc-navy-ink)} .tsc-flow .cart_totals .woocommerce-shipping-totals td{ text-align: left} .tsc-flow .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination{ font-size: 13px; color: var(--tsc-muted); margin: 4px 0 0} .tsc-flow .cart_totals .shipping-calculator-button{ display: inline-block; margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--tsc-orange); text-transform: none} .tsc-flow .cart_totals .shipping-calculator-form{ margin-top: 10px} .tsc-flow .cart_totals .shipping-calculator-form .button{ background: var(--tsc-navy-ink); color: #fff; font-size: 13px; padding: 9px 14px} .tsc-flow .cart_totals table.shop_table tr.order-total th, .tsc-flow .cart_totals table.shop_table tr.order-total td{ border-bottom: 0; padding-top: 14px; font-size: 18px; font-weight: 700; color: var(--tsc-navy-ink)} .tsc-flow .cart_totals table.shop_table tr.order-total td small{ display: block; font-size: 12px; font-weight: 400; color: var(--tsc-muted)} .tsc-flow .wc-proceed-to-checkout{ padding: 16px 0 0; margin: 0} .tsc-flow .wc-proceed-to-checkout a.checkout-button{ display: block; width: 100%; margin: 0; padding: 15px 18px; font-size: 16px; font-weight: 700; text-align: center; background: var(--tsc-orange); color: #fff; border-radius: 4px; text-transform: none; letter-spacing: 0} .tsc-flow .wc-proceed-to-checkout a.checkout-button:hover{ background: var(--tsc-orange-dark); color: #fff} .tsc-flow .os-cart-cross-sell-wrapper .cross-sells > h2{ font-size: 20px; margin: 8px 0 16px} .tsc-badges{ list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; font-size: 13px; color: var(--tsc-navy-ink)} .tsc-badges li{ position: relative; padding-left: 20px; line-height: 1.35} .tsc-badges li::before{ content: "\2713"; position: absolute; left: 0; top: 0; color: var(--tsc-green); font-weight: 700} .tsc-help{ margin: 16px 0 0; padding: 18px; background: var(--tsc-soft); border: 1px solid var(--tsc-line); border-left: 4px solid var(--tsc-navy); border-radius: var(--tsc-radius)} .tsc-help h3, .tsc-help h2{ font-size: 16px; margin: 0 0 8px; color: var(--tsc-navy-ink); text-transform: none} .tsc-help p{ margin: 0 0 12px; font-size: 14px; line-height: 1.5; color: var(--tsc-muted)} .tsc-help__actions{ display: flex; flex-wrap: wrap; gap: 8px} .tsc-help__actions a, .tsc-help__links a{ display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 4px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: 1.2} .tsc-help__whatsapp{ background: var(--tsc-wa); color: #fff !important} .tsc-help__whatsapp::before{ content: ""; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><path d='M17.5 14.4c-.3-.1-1.8-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.5.3-.5c.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5 2.5 1 3 .8 3.6.8.6-.1 1.8-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.7-.4zM12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2z'/></svg>") center/contain no-repeat} .tsc-help__quote{ background: #fff; color: var(--tsc-navy-ink) !important; border: 1px solid #c6d0d9} .tsc-help__phone, .tsc-help__email{ background: #fff; color: var(--tsc-navy-ink) !important; border: 1px solid #c6d0d9} .tsc-help__phone-line{ margin: 12px 0 0; font-size: 14px} .tsc-help__phone-line a{ color: var(--tsc-navy-ink); font-weight: 700} .tsc-help__links{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px} .tsc-flow form.checkout .col2-set{ display: grid; grid-template-columns: minmax(0,1fr) 400px; column-gap: 32px; align-items: start; width: 100%} .tsc-flow form.checkout .col2-set .col-1, .tsc-flow form.checkout .col2-set .col-2{ float: none; width: 100%; max-width: 100%; padding: 0; margin: 0} .tsc-checkout-intro{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 18px; padding: 10px 14px; background: #f4fbf3; border: 1px solid #cfe8cc; border-radius: var(--tsc-radius); font-size: 14px; color: var(--tsc-navy-ink)} .tsc-checkout-intro__lock{ font-size: 15px} .tsc-checkout-intro__back{ margin-left: auto; color: var(--tsc-orange); font-weight: 600; text-decoration: none} .tsc-flow #customer_details .woocommerce-billing-fields, .tsc-flow #customer_details .woocommerce-shipping-fields, .tsc-flow #customer_details .woocommerce-additional-fields{ background: #fff; border: 1px solid var(--tsc-line); border-radius: var(--tsc-radius); padding: 22px 22px 8px; margin: 0 0 20px} .tsc-flow #customer_details h3{ font-size: 18px; margin: 0 0 16px; padding: 0 0 12px; border-bottom: 1px solid var(--tsc-line); color: var(--tsc-navy-ink); text-transform: none} .tsc-flow #customer_details h3 label{ display: inline-flex; align-items: center; gap: 8px; font-size: 15px; text-transform: none} .tsc-flow form.checkout .form-row{ flex: 0 0 100%; width: 100%; margin: 0 0 14px; padding: 0} .tsc-flow form.checkout .woocommerce-billing-fields__field-wrapper, .tsc-flow form.checkout .woocommerce-shipping-fields__field-wrapper, .tsc-flow form.checkout .woocommerce-additional-fields__field-wrapper{ display: flex; flex-wrap: wrap; column-gap: 16px} .tsc-flow form.checkout .form-row-wide{ flex: 0 0 100%; width: 100%} .tsc-flow form.checkout .form-row-first, .tsc-flow form.checkout .form-row-last{ flex: 0 0 calc(50% - 8px); width: calc(50% - 8px); float: none; clear: none} .tsc-flow form.checkout .form-row label{ display: block; font-size: 13px; font-weight: 600; color: var(--tsc-navy-ink); margin: 0 0 5px; line-height: 1.3} .tsc-flow form.checkout .form-row label .required{ color: var(--tsc-orange); text-decoration: none} .tsc-flow form.checkout .form-row label .optional{ font-weight: 400; color: var(--tsc-muted)} .tsc-flow form.checkout .form-row .input-text, .tsc-flow form.checkout .form-row select, .tsc-flow form.checkout .form-row textarea, .tsc-flow form.checkout .select2-container--default .select2-selection--single{ width: 100%; height: 44px; padding: 0 12px; border: 1px solid #c6d0d9; border-radius: 4px; background: #fff; font-size: 15px; color: var(--tsc-navy-ink); box-shadow: none; transition: border-color .15s,box-shadow .15s} .tsc-flow form.checkout .form-row textarea{ height: auto; min-height: 90px; padding: 10px 12px} .tsc-flow form.checkout .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 42px; padding-left: 0; color: var(--tsc-navy-ink)} .tsc-flow form.checkout .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 42px} .tsc-flow form.checkout .form-row .input-text:focus, .tsc-flow form.checkout .form-row select:focus, .tsc-flow form.checkout .form-row textarea:focus, .tsc-flow form.checkout .select2-container--default.select2-container--focus .select2-selection--single, .tsc-flow form.checkout .select2-container--default.select2-container--open .select2-selection--single{ border-color: var(--tsc-navy); box-shadow: 0 0 0 3px rgba(0,0,128,.12); outline: none} .tsc-flow form.checkout .form-row.woocommerce-invalid .input-text, .tsc-flow form.checkout .form-row.woocommerce-invalid select, .tsc-flow form.checkout .form-row.woocommerce-invalid .select2-selection--single{ border-color: #b32d2e; box-shadow: none} .tsc-flow form.checkout .form-row.woocommerce-validated .input-text, .tsc-flow form.checkout .form-row.woocommerce-validated select{ border-color: #6bb86a} .tsc-flow form.checkout .form-row .checkout-inline-error-message{ font-size: 12px; color: #b32d2e; margin-top: 4px} .tsc-flow form.checkout .col-2{ position: sticky; top: 24px} .tsc-flow #order_review_heading{ font-size: 18px; margin: 0; padding: 18px 20px 0; background: #fff; border: 1px solid var(--tsc-line); border-bottom: 0; border-radius: var(--tsc-radius) var(--tsc-radius) 0 0; color: var(--tsc-navy-ink); text-transform: none} .tsc-flow #order_review{ background: #fff; border: 1px solid var(--tsc-line); border-top: 0; border-radius: 0 0 var(--tsc-radius) var(--tsc-radius); padding: 12px 20px 20px} .tsc-flow #order_review table.shop_table{ border: 0; margin: 0 0 16px; width: 100%} .tsc-flow #order_review table.shop_table th, .tsc-flow #order_review table.shop_table td{ border: 0; border-bottom: 1px solid var(--tsc-line); padding: 10px 0; font-size: 14px; vertical-align: top} .tsc-flow #order_review table.shop_table thead th{ font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--tsc-muted); font-weight: 600} .tsc-flow #order_review table.shop_table td.product-name{ color: var(--tsc-navy-ink); padding-right: 12px} .tsc-flow #order_review table.shop_table .product-quantity{ font-weight: 700; color: var(--tsc-muted)} .tsc-flow #order_review table.shop_table td.product-total, .tsc-flow #order_review table.shop_table tfoot td{ text-align: right; white-space: nowrap; color: var(--tsc-navy-ink)} .tsc-flow #order_review table.shop_table tfoot th{ font-weight: 500; color: var(--tsc-muted)} .tsc-flow #order_review table.shop_table tfoot .woocommerce-shipping-totals td{ text-align: left; white-space: normal} .tsc-flow #order_review table.shop_table tfoot tr.order-total th, .tsc-flow #order_review table.shop_table tfoot tr.order-total td{ border-bottom: 0; padding-top: 14px; font-size: 18px; font-weight: 700; color: var(--tsc-navy-ink)} .tsc-flow #order_review table.shop_table tfoot tr.order-total td small{ display: block; font-size: 12px; font-weight: 400; color: var(--tsc-muted)} .tsc-flow #payment{ background: transparent; border-radius: 0} .tsc-flow #payment ul.payment_methods{ border-bottom: 0; padding: 0; margin: 0 0 12px} .tsc-flow #payment ul.payment_methods li{ border: 1px solid var(--tsc-line); border-radius: 4px; margin: 0 0 8px; padding: 12px 14px; background: #fff; line-height: 1.4} .tsc-flow #payment ul.payment_methods li label{ font-weight: 600; color: var(--tsc-navy-ink); display: inline} .tsc-flow #payment ul.payment_methods li .payment_box, .tsc-flow #payment ul.payment_methods li .payment_box p{ background: var(--tsc-soft); color: var(--tsc-navy-ink); margin: 10px 0 0; padding: 10px 12px; font-size: 13px; border-radius: 4px} .tsc-flow #payment ul.payment_methods li .payment_box p{ background: transparent; margin: 0; padding: 0} .tsc-flow #payment ul.payment_methods li label img{ max-height: 28px; width: auto; vertical-align: middle; margin-left: 6px} .tsc-flow #payment .tsc-help h3, .tsc-flow .cart_totals .tsc-help h3{ text-transform: none; letter-spacing: 0; font-size: 16px} .tsc-flow form.checkout .form-row textarea.input-text, .tsc-flow form.checkout #order_comments{ width: 100% !important; min-height: 90px} .tsc-flow #payment ul.payment_methods li .payment_box::before{ display: none} .tsc-flow #payment .place-order{ padding: 0; margin: 0} .tsc-flow #payment .woocommerce-terms-and-conditions-wrapper{ font-size: 13px; color: var(--tsc-muted); margin-bottom: 12px} .tsc-flow #payment .woocommerce-privacy-policy-text p{ margin: 0 0 10px} .tsc-flow #payment #place_order{ display: block; width: 100%; float: none; padding: 15px 18px; font-size: 16px; font-weight: 700; background: var(--tsc-orange); color: #fff; border-radius: 4px; text-transform: none; letter-spacing: 0; border: 0} .tsc-flow #payment #place_order:hover{ background: var(--tsc-orange-dark)} .tsc-flow #order_review .tsc-help{ margin-top: 18px} .tsc-badges--checkout{ margin: 16px 0 0; padding: 16px 20px; background: #fff; border: 1px solid var(--tsc-line); border-radius: var(--tsc-radius)} .tsc-flow .woocommerce-order .woocommerce-notice--success{ font-size: 20px; font-weight: 700; color: var(--tsc-navy-ink); margin: 0 0 18px} .tsc-flow ul.woocommerce-order-overview{ display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 12px; margin: 0 0 24px; padding: 0; list-style: none} .tsc-flow ul.woocommerce-order-overview li{ border: 1px solid var(--tsc-line); border-radius: var(--tsc-radius); padding: 12px 14px; margin: 0; font-size: 13px; color: var(--tsc-muted); float: none; width: auto} .tsc-flow ul.woocommerce-order-overview li strong{ display: block; font-size: 15px; color: var(--tsc-navy-ink); margin-top: 4px} .tsc-flow .woocommerce-order-details, .tsc-flow .woocommerce-customer-details{ background: #fff; border: 1px solid var(--tsc-line); border-radius: var(--tsc-radius); padding: 20px; margin: 0 0 20px} .tsc-flow .woocommerce-order-details h2, .tsc-flow .woocommerce-customer-details h2{ font-size: 18px; margin: 0 0 12px; color: var(--tsc-navy-ink); text-transform: none} .tsc-flow .woocommerce-order-details table.shop_table{ border: 0; margin: 0} .tsc-flow .woocommerce-order-details table.shop_table th, .tsc-flow .woocommerce-order-details table.shop_table td{ border: 0; border-bottom: 1px solid var(--tsc-line); padding: 10px 0; font-size: 14px} .tsc-flow .woocommerce-order-details table.shop_table tfoot tr:last-child th, .tsc-flow .woocommerce-order-details table.shop_table tfoot tr:last-child td{ border-bottom: 0; font-size: 17px; font-weight: 700} .tsc-help--thankyou{ margin: 0 0 24px} @media (max-width: 1024px){ .tsc-flow .os-woocommerce-cart-form-and-cart-totals-wrapper.col2-set, .tsc-flow form.checkout .col2-set{ grid-template-columns: minmax(0,1fr) 320px; column-gap: 20px} } @media (max-width: 860px){ .tsc-flow .os-woocommerce-cart-form-and-cart-totals-wrapper.col2-set, .tsc-flow form.checkout .col2-set{ grid-template-columns: minmax(0,1fr); row-gap: 20px} .tsc-flow .os-cart-totals-wrapper, .tsc-flow form.checkout .col-2{ position: static} } @media (max-width: 767px){ .tsc-flow .inner-entry{ padding-top: 16px} .tsc-flow table.shop_table_responsive.cart thead{ display: none} .tsc-flow table.shop_table_responsive.cart tr.cart_item{ display: grid; grid-template-columns: 84px minmax(0,1fr); grid-template-areas: "thumb name" "thumb price" "thumb qty" "remove subtotal"; column-gap: 12px; row-gap: 6px; padding: 14px; border-bottom: 1px solid var(--tsc-line)} .tsc-flow table.shop_table_responsive.cart tr.cart_item td{ display: block; border: 0; padding: 0; text-align: left !important; background: transparent} .tsc-flow table.shop_table_responsive.cart tr.cart_item td.product-name a{ font-size: 15px} .tsc-flow table.shop_table_responsive.cart tr.cart_item td::before{ display: none} .tsc-flow.woocommerce-page table.cart td.product-thumbnail, .tsc-flow table.shop_table_responsive.cart td.product-thumbnail{grid-area: thumb;display: block !important} .tsc-flow table.shop_table_responsive.cart td.product-name{grid-area: name} .tsc-flow table.shop_table_responsive.cart td.product-price{grid-area: price;font-weight: 500} .tsc-flow table.shop_table_responsive.cart td.product-quantity{grid-area: qty} .tsc-flow table.shop_table_responsive.cart td.product-remove{grid-area: remove;align-self: center} .tsc-flow table.shop_table_responsive.cart td.product-subtotal{ grid-area: subtotal; text-align: right !important; align-self: center} .tsc-flow table.shop_table_responsive.cart tr.cart_item td.product-subtotal::before{ display: inline; content: "Subtotal: "; font-weight: 400; color: var(--tsc-muted); float: none} .tsc-flow table.shop_table_responsive.cart td.product-thumbnail img{ width: 84px; height: 84px} .tsc-flow table.shop_table_responsive.cart td.actions{ display: block; text-align: center} .tsc-flow table.shop_table_responsive.cart td.actions .button{ width: 100%} .tsc-cart-under{ flex-direction: column} .tsc-flow .cart_totals{ padding: 16px} .tsc-badges{ grid-template-columns: 1fr} .tsc-flow form.checkout .form-row-first, .tsc-flow form.checkout .form-row-last{ flex: 0 0 100%; width: 100%} .tsc-flow #customer_details .woocommerce-billing-fields, .tsc-flow #customer_details .woocommerce-shipping-fields, .tsc-flow #customer_details .woocommerce-additional-fields{ padding: 16px 16px 4px} .tsc-flow form.checkout .form-row .input-text, .tsc-flow form.checkout .form-row select{ height: 46px; font-size: 16px} .tsc-flow #order_review{ padding: 10px 16px 16px} .tsc-flow #order_review_heading{ padding: 16px 16px 0} .tsc-checkout-intro__back{ margin-left: 0} .tsc-help__actions a, .tsc-help__links a{ flex: 1 1 auto; justify-content: center} } @media (max-width: 400px){ .tsc-flow table.shop_table_responsive.cart tr.cart_item{ grid-template-columns: 68px minmax(0,1fr)} .tsc-flow table.shop_table_responsive.cart td.product-thumbnail img{ width: 68px; height: 68px} }