/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 02 2026 | 14:05:36 */
/* we4you.fi checkout "Lahjoitus" (page 280, /lahjoitus/): the same look as the donation boxes (2.11.2026).
   One column in the order: your donation, contact details, payment method, "Lahjoita".
   The same look on the "pay for order" page (form#order_review: Paytrail's cancel button and the failed-payment e-mail lead
   there), and a "Siirrytään maksamaan" screen on the short redirect page before the bank. The MobilePay add-on's hidden
   dialog form (#vippsdata) has the checkout class too and is left alone.
   Texts, the fast MobilePay / Apple Pay buttons and the payment-method order come from the script "Kassa: toiminnot". */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review){display:flex;flex-direction:column;max-width:640px;margin:0 auto 56px;
font-family:Montserrat,Arial,sans-serif;color:#2f3a2f}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #order_review{display:contents}
body.woocommerce-checkout .woocommerce-NoticeGroup{order:0}
body.woocommerce-checkout #order_review_heading{order:1}
body.woocommerce-checkout .woocommerce-checkout-review-order-table{order:2}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) fieldset.express{order:3}
body.woocommerce-checkout .w4y-express__or{order:4}
body.woocommerce-checkout #customer_details{order:5}
body.woocommerce-checkout .w4y-fast{order:6}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment{order:7}

/* headings */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) h3{margin:32px 0 12px!important;padding:0!important;
font:800 22px/1.3 Montserrat,Arial,sans-serif!important;color:#2f3a2f!important;text-transform:none!important;letter-spacing:0!important}
body.woocommerce-checkout #order_review_heading{margin-top:8px!important}

/* your donation: a card instead of the table */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table{width:100%;margin:0!important;border:0!important;border-radius:18px;
background:#eef1ec;border-collapse:separate;overflow:hidden}
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.cart-subtotal,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.recurring-totals,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.cart-subtotal.recurring-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-quantity,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table.w4y-monthly tfoot{display:none!important}
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name{padding-bottom:16px!important}
body.woocommerce-checkout .wcs-checkout-item-price{margin-top:4px;font-size:22px;font-weight:800}
body.woocommerce-checkout .wcs-checkout-item-price .subscription-details{font-size:16px;font-weight:600}
body.woocommerce-checkout .w4y-next{display:block;margin-top:2px;font:500 14px/1.5 Montserrat,Arial,sans-serif;color:#56615a}
body.woocommerce-checkout .w4y-next + br{display:none}
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td{padding:16px 22px!important;border:0!important;background:transparent!important;
font:500 16px/1.45 Montserrat,Arial,sans-serif!important;color:#2f3a2f!important;text-transform:none!important;vertical-align:middle}
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td{text-align:right}
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name{font-weight:700!important;font-size:18px!important}
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td{padding-top:6px!important;font-size:15px!important;color:#56615a!important;font-weight:500!important}
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td strong,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td .amount{font-size:22px;font-weight:800;color:#2f3a2f}
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total.recurring-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total.recurring-total td{padding-top:0!important;font-size:14px!important}
body.woocommerce-checkout .w4y-change{display:inline-block;margin-top:0;font:600 14px/1.4 Montserrat,Arial,sans-serif;color:#b24668!important;text-decoration:underline!important;text-underline-offset:3px}

/* "Pikalahjoitus MobilePaylla": the MobilePay add-on's Express Checkout button, no form needed */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) fieldset.express{display:block!important;align-self:stretch;box-sizing:border-box;width:100%!important;max-width:none!important;text-align:left!important;margin:24px 0 0!important;padding:4px 22px 22px!important;border:2px solid #dde2da!important;
border-radius:18px!important;background:#fff!important;min-width:0}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) fieldset.express.w4y-hide{display:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) fieldset.express legend{display:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) fieldset.express h3{margin:18px 0 4px!important}
body.woocommerce-checkout .w4y-express__lead{margin:0 0 14px!important;font:500 15px/1.5 Montserrat,Arial,sans-serif;color:#56615a}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) fieldset.express p{margin:0!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) fieldset.express a.vipps-express-checkout{display:block!important;width:100%;text-decoration:none!important;border:0!important;box-shadow:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) fieldset.express vipps-mobilepay-button{display:block!important;width:100%!important;border:0!important}
body.woocommerce-checkout .w4y-express__or{display:flex;align-items:center;gap:12px;margin:22px 0 0!important;font:600 14px/1.4 Montserrat,Arial,sans-serif;color:#56615a;text-align:center}
body.woocommerce-checkout .w4y-express__or::before,body.woocommerce-checkout .w4y-express__or::after{content:"";flex:1;height:1px;background:#dde2da}

/* "Muuta summaa": amount buttons and own amount inside the card */
body.woocommerce-checkout .w4y-amount{margin:14px 0 2px;font-weight:500}
body.woocommerce-checkout .w4y-amount__chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
body.woocommerce-checkout .w4y-amount button{min-height:46px;margin:0;padding:8px 10px;border:2px solid #dde2da;border-radius:12px;background:#fff;color:#2f3a2f;
font:700 16px/1.2 Montserrat,Arial,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none}
body.woocommerce-checkout .w4y-amount button:hover{border-color:#505d58}
body.woocommerce-checkout .w4y-amount button.is-on{border-color:#b24668;background:#b24668;color:#fff}
body.woocommerce-checkout .w4y-amount__label{display:block;margin:12px 0 6px;font:600 14px/1.4 Montserrat,Arial,sans-serif;color:#2f3a2f}
body.woocommerce-checkout .w4y-amount__own{display:flex;gap:8px}
body.woocommerce-checkout .w4y-amount__own input{flex:1;min-width:0;height:46px;box-sizing:border-box;padding:0 14px;border:1.5px solid #cfd6cc;border-radius:12px;background:#fff;
font:500 16px Montserrat,Arial,sans-serif;color:#2f3a2f}
body.woocommerce-checkout .w4y-amount__own input:focus{border-color:#505d58;outline:2px solid rgba(80,93,88,.25);outline-offset:1px}
body.woocommerce-checkout .w4y-amount button.w4y-amount__save{padding:8px 18px;border-color:#6b786b;background:#6b786b;color:#fff}
body.woocommerce-checkout .w4y-amount button.w4y-amount__save:hover{border-color:#505d58;background:#505d58}
body.woocommerce-checkout .w4y-amount__msg{min-height:0;margin:8px 0 0!important;font:600 14px/1.4 Montserrat,Arial,sans-serif;color:#8a2f4b}
body.woocommerce-checkout .w4y-amount.is-busy{opacity:.6}
body.woocommerce-checkout .w4y-amount.is-busy .w4y-amount__msg{color:#56615a}
@media(max-width:420px){body.woocommerce-checkout .w4y-amount__chips{grid-template-columns:repeat(2,1fr)}}

/* contact details */
body.woocommerce-checkout #customer_details.col2-set{display:block;width:100%;max-width:none}
body.woocommerce-checkout #customer_details .col-1,body.woocommerce-checkout #customer_details .col-2{float:none;width:100%;max-width:none;padding:0}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row{float:none;width:auto;margin:0 0 12px!important;padding:0!important}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-wide{grid-column:1/-1}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) .form-row label{margin:0 0 6px;font:600 15px/1.4 Montserrat,Arial,sans-serif!important;color:#2f3a2f!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) .form-row .required{color:#b24668;text-decoration:none}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) .form-row input.input-text{box-sizing:border-box;width:100%;height:52px;padding:0 16px;
border:1.5px solid #cfd6cc!important;border-radius:12px!important;background:#fff;font:500 16px Montserrat,Arial,sans-serif;color:#2f3a2f;box-shadow:none}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) .form-row input.input-text:focus{border-color:#505d58!important;outline:2px solid rgba(80,93,88,.25);outline-offset:1px}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) .form-row.woocommerce-invalid input.input-text{border-color:#b24668!important}
body.woocommerce-checkout .w4y-hint{grid-column:1/-1;margin:-4px 0 4px!important;font:400 14px/1.5 Montserrat,Arial,sans-serif;color:#56615a}

/* payment method: fast buttons first */
body.woocommerce-checkout .w4y-fast h3{margin-bottom:6px!important}
body.woocommerce-checkout .w4y-fast__lead,body.woocommerce-checkout .w4y-fast__or{margin:0 0 10px!important;font:500 15px/1.5 Montserrat,Arial,sans-serif;color:#56615a}
body.woocommerce-checkout .w4y-fast__or{margin:18px 0 0!important}
body.woocommerce-checkout .w4y-fast__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
body.woocommerce-checkout .w4y-tile{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:10px 16px;
border:2px solid #dde2da;border-radius:16px;background:#fff;color:#2f3a2f;font:700 17px/1.2 Montserrat,Arial,sans-serif;cursor:pointer;text-transform:none;letter-spacing:0}
body.woocommerce-checkout .w4y-tile img{height:28px;width:auto;max-width:90px;margin:0}
body.woocommerce-checkout .w4y-tile:hover{border-color:#505d58}
body.woocommerce-checkout .w4y-tile:focus-visible{outline:3px solid rgba(80,93,88,.35);outline-offset:2px}
body.woocommerce-checkout .w4y-tile.is-on{border-color:#505d58;background:#eef1ec;box-shadow:inset 0 0 0 1px #505d58}

/* Paytrail (banks, cards) and the rest */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment{margin-top:10px;padding:0!important;background:transparent!important;border-radius:0}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment ul.payment_methods{margin:0!important;padding:0!important;border:0!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment ul.payment_methods > li{margin:0!important;padding:0!important;list-style:none}
/* the separate MobilePay row is replaced by the fast button above; its radio stays in the form */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment li.payment_method_vipps{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* monthly: the only payment method (MobilePay add-on) as a chosen tile; its grey "Aktivoi…" note is said above instead */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment li.payment_method_vipps_recurring > input.input-radio{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment li.payment_method_vipps_recurring > label{display:flex!important;align-items:center;gap:12px;min-height:60px;margin:0!important;padding:10px 18px!important;
border:2px solid #505d58;border-radius:16px;background:#eef1ec;box-shadow:inset 0 0 0 1px #505d58;font:700 17px/1.2 Montserrat,Arial,sans-serif!important;color:#2f3a2f!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment li.payment_method_vipps_recurring > label img{height:32px;width:auto;margin:0!important;float:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment div.payment_box.payment_method_vipps_recurring{display:none!important}
/* Paytrail's own radio and name are hidden: its list is always open */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment li.payment_method_paytrail > input.input-radio,
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment li.payment_method_paytrail > label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment div.payment_box.payment_method_paytrail{display:flex!important;flex-direction:column;height:auto!important;overflow:visible!important;
margin:0!important;padding:0!important;background:transparent!important;opacity:1!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment div.payment_box.payment_method_paytrail::before{display:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .payment_method_paytrail .checkout-terms-link{order:20;margin:10px 2px 0;font-size:13px;color:#56615a}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .w4y-pt-mobile{order:1}body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment ul.w4y-pt-mobile{order:2}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .w4y-pt-bank{order:3}body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment ul.w4y-pt-bank{order:4}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .w4y-pt-card{order:5}body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment ul.w4y-pt-card{order:6}
/* "Pikamaksu" title with a reminder line; its provider list is said in the title */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .w4y-pt-name small{display:block;margin-top:2px;font-size:13px;font-weight:500;color:#56615a}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group.w4y-pt-mobile .provider-list{display:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group{margin:10px 0 0!important;border:2px solid #dde2da!important;border-radius:16px!important;
background:#fff!important;box-shadow:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group:hover,body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group[aria-expanded="true"]{border-color:#505d58!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group *{font-family:Montserrat,Arial,sans-serif!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group{display:flex!important;align-items:center;gap:12px;min-height:60px;padding:10px 18px!important;cursor:pointer}
/* Paytrail whitens the icon of the open group (made for a dark background); ours stays white */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group.selected .paytrail-provider-group-title i{filter:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group-title{flex:0 0 auto;width:auto!important;font-size:16px!important;font-weight:700!important;color:#2f3a2f!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group .provider-list{flex:1 1 auto;min-width:0;width:auto!important;float:none!important;margin:0!important;font-size:13px!important;line-height:1.4!important;color:#56615a!important;text-align:right}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment ul.paytrail-woocommerce-payment-fields{margin:8px 0 0!important;padding:12px!important;border-radius:16px;background:#eef1ec}
/* invoice / part payments and Paytrail's own MobilePay are not offered (after the rules above so they win) */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .w4y-pt-none,body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .w4y-pt-invoice,body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment li.w4y-pt-hide{display:none!important}
/* the pay page prints Paytrail's name in paragraphs (the checkout has the bare label hidden above) */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment li.payment_method_paytrail > p{display:none!important}

/* the button */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .place-order{margin:22px 0 0!important;padding:0!important;background:transparent!important}
/* the pay page: the button row has no class and the button sits in a paragraph */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment > .form-row:not(.place-order){display:block!important;margin:22px 0 0!important;padding:0!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment > .form-row:not(.place-order) > p{margin:0!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment #place_order{float:none;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin:0;
padding:14px 24px;border:2px solid #b24668!important;border-radius:999px!important;background:#b24668!important;color:#fff!important;
font:700 18px/1.2 Montserrat,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment #place_order:hover,body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment #place_order:focus{background:#963a57!important;border-color:#963a57!important}
/* the MobilePay add-on's own button (shown instead of ours when MobilePay is chosen): full width, no theme border */
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #vipps-classic-checkout-submit.hidden{display:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #vipps-classic-checkout-submit:not(.hidden){display:block!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #vipps-classic-checkout-submit{width:100%!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;
background:none!important;box-shadow:none!important}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #vipps-classic-checkout-submit:focus-visible{outline:3px solid rgba(80,93,88,.45)!important;outline-offset:3px}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) .vipps-classic-checkout-container vipps-mobilepay-button{display:block!important;width:100%!important;border:0!important}
body.woocommerce-checkout .w4y-need{grid-column:1/-1;margin:4px 0 8px!important;padding:12px 16px;border-radius:12px;background:#fbeef2;color:#8a2f4b;font:600 15px/1.45 Montserrat,Arial,sans-serif}
body.woocommerce-checkout .w4y-secure{display:block;float:none;clear:both;width:100%;margin:12px 0 0!important;text-align:center;font:500 14px/1.5 Montserrat,Arial,sans-serif;color:#56615a}
body.woocommerce-checkout .w4y-secure span{display:block;margin-top:2px;font-size:13px}


/* "pay for order" page: the order table as the same card, with a line on what happened */
body.woocommerce-checkout .w4y-pay-head{margin-top:8px!important}
body.woocommerce-checkout .w4y-pay-lead{margin:0 0 14px!important;font:500 15px/1.5 Montserrat,Arial,sans-serif;color:#56615a}
body.woocommerce-checkout table.w4y-paycard{width:100%;margin:0!important;border:0!important;border-radius:18px;background:#eef1ec;border-collapse:separate;overflow:hidden}
body.woocommerce-checkout .w4y-paycard thead,body.woocommerce-checkout .w4y-paycard .product-quantity,body.woocommerce-checkout .w4y-paycard td.product-subtotal,body.woocommerce-checkout .w4y-paycard tr.w4y-hide-row{display:none!important}
body.woocommerce-checkout .w4y-paycard th,body.woocommerce-checkout .w4y-paycard td{padding:16px 22px!important;border:0!important;background:transparent!important;
font:500 16px/1.45 Montserrat,Arial,sans-serif!important;color:#2f3a2f!important;text-transform:none!important;vertical-align:middle}
body.woocommerce-checkout .w4y-paycard td.product-name{padding-bottom:4px!important;font-weight:700!important;font-size:18px!important}
body.woocommerce-checkout .w4y-paycard tr.w4y-total th,body.woocommerce-checkout .w4y-paycard tr.w4y-total td{padding-top:6px!important;font-size:15px!important;color:#56615a!important}
body.woocommerce-checkout .w4y-paycard tr.w4y-total td{text-align:right}
body.woocommerce-checkout .w4y-paycard tr.w4y-total td .amount{font-size:22px;font-weight:800;color:#2f3a2f}

/* "Lahjoita" without a bank, card or phone payment picked: the reminder under the "Maksutapa" heading */
body.woocommerce-checkout .w4y-need-pay{margin:12px 0 0!important;padding:12px 16px;border-radius:12px;background:#fbeef2;color:#8a2f4b;font:600 15px/1.45 Montserrat,Arial,sans-serif}

/* the short redirect page before the bank (Paytrail posts a form to the bank): the order list is hidden and the
   English "Redirecting…" text replaced by a spinner and a Finnish line; the button stays as the fallback */
body.woocommerce-order-pay:has(#checkout-redirect-form) ul.order_details{display:none!important}
#checkout-redirect-form{max-width:520px;margin:56px auto 72px;padding:0 16px;text-align:center;font-size:0;color:transparent}
#checkout-redirect-form::before{content:"";display:block;width:44px;height:44px;margin:0 auto 20px;box-sizing:border-box;
border:4px solid #dde2da;border-top-color:#b24668;border-radius:50%;animation:w4y-spin .9s linear infinite}
@keyframes w4y-spin{to{transform:rotate(360deg)}}
#checkout-redirect-form p{margin:0!important}
#checkout-redirect-form p::before{content:"Siirrytään turvallisesti maksamaan…";display:block;order:-2;margin:0 0 6px;
font:700 20px/1.35 Montserrat,Arial,sans-serif;color:#2f3a2f}
#checkout-redirect-form p::after{content:"Jos sivu ei vaihdu muutamassa sekunnissa, paina alla olevaa painiketta.";display:block;order:-1;margin:0 0 18px;
font:500 15px/1.5 Montserrat,Arial,sans-serif;color:#56615a}
#checkout-redirect-form p{display:flex;flex-direction:column;align-items:center}
#checkout-redirect-form input[type="submit"]{min-height:48px;padding:12px 28px;border:2px solid #b24668!important;border-radius:999px!important;
background:#fff!important;color:#b24668!important;font:700 16px/1.2 Montserrat,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
#checkout-redirect-form input[type="submit"]:hover{background:#b24668!important;color:#fff!important}

/* WooCommerce's shop pages are sent on to the donation forms by the script: hidden meanwhile so they don't flash */
body.woocommerce-shop,body.single-product,body.tax-product_cat,body.tax-product_tag{visibility:hidden}

/* empty cart ("Lahjoitusta ei ole vielä valittu." and the "Valitse lahjoitus" button from the script) */
body.woocommerce-cart .cart-empty{font:500 17px/1.5 Montserrat,Arial,sans-serif!important;color:#2f3a2f!important}
body.woocommerce-cart .return-to-shop a.wc-backward{display:inline-flex;align-items:center;min-height:52px;padding:12px 28px!important;border:2px solid #b24668!important;
border-radius:999px!important;background:#b24668!important;color:#fff!important;font:700 17px/1.2 Montserrat,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
body.woocommerce-cart .return-to-shop a.wc-backward:hover{background:#963a57!important;border-color:#963a57!important}

/* thank-you page after payment (the card comes from the script; WooCommerce's tables are hidden only once it is there) */
body.woocommerce-order-received .woocommerce-order.w4y-done > :not(.w4y-thanks){display:none!important}
body.woocommerce-order-received .w4y-thanks{max-width:640px;margin:0 auto 64px;padding:0 16px;box-sizing:border-box;text-align:center;font-family:Montserrat,Arial,sans-serif;color:#2f3a2f}
body.woocommerce-order-received .w4y-thanks__icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 0 14px;border-radius:50%;background:#fbeef2;color:#b24668}
body.woocommerce-order-received .w4y-thanks h2{margin:0 0 10px!important;padding:0!important;font:800 clamp(24px,4vw,30px)/1.25 Montserrat,Arial,sans-serif!important;color:#2f3a2f!important;text-transform:none!important;letter-spacing:0!important}
body.woocommerce-order-received .w4y-thanks h3{margin:0 0 6px!important;padding:0!important;font:700 19px/1.3 Montserrat,Arial,sans-serif!important;color:#2f3a2f!important;text-transform:none!important}
body.woocommerce-order-received .w4y-thanks p{margin:0 0 14px!important;font:400 16px/1.6 Montserrat,Arial,sans-serif!important;color:#56615a!important}
body.woocommerce-order-received .w4y-thanks .w4y-thanks__lead{max-width:52ch;margin:0 auto 24px!important;font-size:17px!important}
body.woocommerce-order-received .w4y-thanks__card{margin:0 0 14px;padding:20px 22px;border-radius:18px;background:#eef1ec;text-align:left}
body.woocommerce-order-received .w4y-thanks .w4y-thanks__sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px!important;padding-bottom:12px;border-bottom:1px solid #dde2da}
body.woocommerce-order-received .w4y-thanks__sum span{font-weight:700;font-size:18px;color:#2f3a2f}
body.woocommerce-order-received .w4y-thanks__sum strong{font-weight:800;font-size:24px;color:#2f3a2f}
body.woocommerce-order-received .w4y-thanks__card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
body.woocommerce-order-received .w4y-thanks__card dl div{min-width:0}
body.woocommerce-order-received .w4y-thanks__card dt{margin:0;font:600 12px/1.4 Montserrat,Arial,sans-serif;color:#56615a;text-transform:uppercase;letter-spacing:.04em}
body.woocommerce-order-received .w4y-thanks__card dd{margin:2px 0 0;font:600 15px/1.4 Montserrat,Arial,sans-serif;color:#2f3a2f;overflow-wrap:anywhere}
body.woocommerce-order-received .w4y-thanks .w4y-thanks__mail{margin:0 0 28px!important;font-size:15px!important}
body.woocommerce-order-received .w4y-thanks__mail strong{color:#2f3a2f;overflow-wrap:anywhere}
body.woocommerce-order-received .w4y-thanks__box{margin:0 0 16px;padding:24px 22px;border:2px solid #f2c6d4;border-radius:18px;background:#fff}
body.woocommerce-order-received .w4y-thanks__box--soft{border-color:#dde2da}
body.woocommerce-order-received .w4y-thanks a.w4y-thanks__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:4px;padding:12px 28px;border-radius:999px;
background:#b24668;color:#fff!important;font:700 17px/1.2 Montserrat,Arial,sans-serif;text-decoration:none!important}
body.woocommerce-order-received .w4y-thanks a.w4y-thanks__btn:hover,body.woocommerce-order-received .w4y-thanks a.w4y-thanks__btn:focus{background:#963a57}
body.woocommerce-order-received .w4y-thanks .w4y-thanks__follow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0!important}
body.woocommerce-order-received .w4y-thanks__follow a{display:inline-block;padding:9px 16px;border:1.5px solid #dde2da;border-radius:999px;color:#2f3a2f!important;font:600 14px/1.2 Montserrat,Arial,sans-serif;text-decoration:none!important}
body.woocommerce-order-received .w4y-thanks__follow a:hover,body.woocommerce-order-received .w4y-thanks__follow a:focus{border-color:#505d58;background:#eef1ec}
body.woocommerce-order-received .w4y-thanks__home a{color:#b24668!important;font-weight:600;text-decoration:underline!important;text-underline-offset:3px}
@media(max-width:480px){body.woocommerce-order-received .w4y-thanks__card dl{grid-template-columns:1fr 1fr}}

@media(max-width:600px){
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review){padding:0 16px}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group{flex-wrap:wrap;row-gap:2px}
body.woocommerce-checkout :is(form.woocommerce-checkout:not(#vippsdata),form#order_review) #payment .paytrail-provider-group .provider-list{flex-basis:100%;text-align:left}
}