/* WooCommerce skin: uses the tokens from rio.css */
.woo{color:var(--ink)}
.woocommerce-cart .band .wrap,.woocommerce-checkout .band .wrap,.woocommerce-account .band .wrap{color:var(--ink)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:14px;background:var(--berry);color:var(--on-berry);font:600 16px/1 var(--thai);text-decoration:none;cursor:pointer;transition:background-color .2s,transform .2s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--berry-hi);color:var(--on-berry)}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #place_order{background:var(--berry);color:var(--on-berry)}
.woocommerce #place_order{width:100%;min-height:56px;font-size:17px}
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.select2-container--default .select2-selection--single{min-height:48px;padding:10px 14px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--card);color:var(--ink);font:400 16px/1.4 var(--thai)}
.woocommerce input.input-text:focus,.woocommerce textarea:focus{outline:2px solid var(--berry);outline-offset:1px}
.woocommerce form .form-row label{font-weight:600;margin-bottom:6px}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:16px;border-collapse:separate;overflow:hidden;background:var(--card)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px 16px;border-color:var(--line)}
.woocommerce-checkout #payment{background:var(--pearl);border-radius:16px}
.woocommerce-checkout #payment div.payment_box{background:var(--card);color:var(--ink)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--card)}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-top-color:var(--berry);background:var(--pearl);color:var(--ink);border-radius:12px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--berry)}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--berry);font-weight:600}
.woocommerce div.product .product_title{font-size:clamp(28px,4vw,40px)}
.woocommerce nav.woocommerce-breadcrumb{display:none}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:grid;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;border-radius:12px;background:var(--pearl);text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--berry);color:var(--on-berry)}
/* WooCommerce's `.woocommerce img{height:auto}` would blow up the logo */
body .hdr .logo{height:52px;width:auto}
body .foot .logo{height:84px;width:auto}
@media (max-width:720px){body .hdr .logo{height:40px}}