/* All rules stay within the coffee checkout. Do not alter Welcart state. */
.coffee-cart-heading { text-align:center; padding:32px 20px; }
.coffee-cart-heading h1 { font-size:32px; font-weight:500; letter-spacing:.12em; margin:0; }
.coffee-cart-help { font-size:11px; }
.coffee-cart-panel { width:min(1000px,calc(100% - 32px)); margin:0 auto 60px; padding:clamp(18px,4vw,44px); box-sizing:border-box; background:#f7f6ed; border:1px solid #e2e4d8; border-radius:32px 10px; }
.coffee-cart-panel #inside-cart { width:100%; margin:0; padding:0; }
.coffee-cart-panel .usccart_navi { margin-bottom:30px; }
.coffee-cart-panel .usccart_navi ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; list-style:none; padding:0; margin:0; }
.coffee-cart-panel .usccart_navi li { float:none; width:auto; height:auto; min-width:0; padding:14px 8px; margin:0; border:1px solid #d8dccd; border-radius:8px; background:#fffefa; color:#66705c; font-size:12px; line-height:1.6; text-align:center; }
.coffee-cart-panel .usccart_navi li.usccart { background:#65765a; border-color:#65765a; color:white; }
.coffee-cart-panel .no_cart { padding:54px 20px; text-align:center; line-height:2; font-size:15px; }
.coffee-cart-panel .send { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:12px; margin:28px 0 0; padding:0; }
.coffee-cart-panel input[type=submit],.coffee-cart-panel input[type=button],.coffee-cart-panel button { max-width:100%; min-height:44px; padding:12px 22px; border:1px solid #65765a; border-radius:28px; background:#65765a; color:#fff; font-size:13px; line-height:1.5; cursor:pointer; white-space:normal; }
.coffee-cart-panel input[name=previous],.coffee-cart-panel .continue_shopping_button { background:#fffefa; color:#526347; }
.coffee-cart-panel input:not([type=submit]):not([type=button]):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=image]),.coffee-cart-panel select,.coffee-cart-panel textarea { box-sizing:border-box; max-width:100%; min-height:44px; padding:9px 12px; border:1px solid #bbc5ae; border-radius:6px; background:white; color:#394532; font-size:16px; }
.coffee-cart-panel input[type=checkbox],.coffee-cart-panel input[type=radio] { width:18px; height:18px; min-height:0; padding:0; margin:4px 6px; accent-color:#65765a; vertical-align:middle; }
.coffee-cart-panel :is(input,select,textarea,button,a):focus-visible { outline:3px solid #81936c; outline-offset:3px; }
.coffee-cart-panel table { width:100%; border-collapse:collapse; background:#fffefa; font-size:13px; line-height:1.7; }
.coffee-cart-panel th,.coffee-cart-panel td { padding:14px 10px; border:1px solid #dde1d4; text-align:left; overflow-wrap:anywhere; }
.coffee-cart-panel th { background:#edf0e5; color:#536248; }
.coffee-cart-panel img { max-width:100%; height:auto; }
.coffee-cart-panel .error_message:not(:empty) { padding:16px; border:1px solid #b95142; border-radius:8px; background:#fff2ee; color:#9a3025; margin-bottom:20px; }
.coffee-cart-panel h2,.coffee-cart-panel h3 { background:none; color:#55594a; border:0; padding:0; margin:24px 0 16px; font-size:22px; font-weight:500; }
.coffee-cart-panel a { text-decoration:underline; text-underline-offset:3px; }
.coffee-cart-panel .customer_form { margin:20px 0; }
@media(max-width:640px) {
.coffee-cart-panel { padding:18px 12px; }
.coffee-cart-panel .usccart_navi ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
.coffee-cart-panel th,.coffee-cart-panel td { padding:9px 6px; font-size:12px; }
.coffee-cart-panel .customer_form th,.coffee-cart-panel .customer_form td { display:block; width:auto; }
.coffee-cart-panel #cart_table { display:block; overflow-x:auto; }
.coffee-cart-heading { padding:20px; }.coffee-cart-heading h1 { font-size:26px; }
}