/* Cart page on a phone (owner 2026-10-03): the totals and the «Proceed to checkout» button come right after the items; the coupon
   field and «Update cart» follow them. Order only (CSS) — the WooCommerce form, its fields and its scripts are untouched. */
@media (max-width:768px){
body.woocommerce-cart .site-main div.woocommerce{display:flex;flex-direction:column}
body.woocommerce-cart .site-main div.woocommerce>.woocommerce-notices-wrapper{order:0}
body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart form.woocommerce-cart-form table.cart,
body.woocommerce-cart form.woocommerce-cart-form table.cart>tbody,
body.woocommerce-cart .site-main .cart-collaterals{display:contents}
body.woocommerce-cart form.woocommerce-cart-form table.cart>thead{display:none}
body.woocommerce-cart form.woocommerce-cart-form table.cart>tbody>tr.cart_item{order:1}
body.woocommerce-cart .site-main .cart-collaterals>.cart_totals{order:2;width:100%;float:none;margin:14px 0 6px}
body.woocommerce-cart form.woocommerce-cart-form table.cart>tbody>tr:not(.cart_item){order:3;display:block;margin-top:10px}
body.woocommerce-cart .site-main .cart-collaterals>*:not(.cart_totals){order:4;width:100%;float:none}
}

/* Cart and checkout on a phone (owner 2026-10-04): the header took three rows (logo, «Menu», language + amount + search), the text
   was 17px with 20px of padding in every cell, and «Proceed to checkout» was far down the page. Presentation only — no WooCommerce
   markup, field, script or tracking attribute is touched. */
@media (max-width:768px){
/* One header row, the same as the product page: menu · logo · language · cart. */
:is(body.woocommerce-cart,body.woocommerce-checkout) .site-header{display:none}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:nowrap;min-height:54px;padding-inline:8px}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .navigation-branding{display:flex!important;align-items:center;order:2!important;margin:0!important;margin-inline:6px auto!important;flex:0 1 auto;min-width:0}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .sticky-navigation-logo{display:block!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .sticky-navigation-logo img{height:auto!important;max-height:34px;width:auto!important;max-width:112px;padding:0!important;display:block;transform:none}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .menu-toggle{order:1!important;padding:0 8px;line-height:54px;flex:0 0 auto;margin:0!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .menu-toggle .mobile-menu{display:none}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .menu-bar-items{order:3!important;flex:0 0 auto;margin:0!important}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .menu-bar-items .menu-bar-item>a{line-height:54px;padding:0 8px}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .menu-bar-items .menu-bar-item:has([data-gpmodal-trigger="gp-search"]){display:none}
:is(body.woocommerce-cart,body.woocommerce-checkout) .main-navigation .main-nav{order:9}

/* Less air, smaller text — inputs stay at 16px so iPhone does not zoom into them. */
:is(body.woocommerce-cart,body.woocommerce-checkout) .site-content{padding:8px}
:is(body.woocommerce-cart,body.woocommerce-checkout) .inside-article{padding:12px 12px 16px}
:is(body.woocommerce-cart,body.woocommerce-checkout) .entry-header{margin:0}
:is(body.woocommerce-cart,body.woocommerce-checkout) h1.entry-title{font-size:21px;line-height:1.3;margin:2px 0 10px}
:is(body.woocommerce-cart,body.woocommerce-checkout) .entry-content{font-size:15px;line-height:1.5;margin-top:0}
:is(body.woocommerce-cart,body.woocommerce-checkout) .entry-content h2,:is(body.woocommerce-cart,body.woocommerce-checkout) .entry-content h3{font-size:18px;line-height:1.35;margin:14px 0 8px}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce table.shop_table{margin-bottom:10px;border-radius:10px}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce table.shop_table :is(td,th){padding:9px 12px;font-size:15px;line-height:1.45}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce .button{font-size:15px}
:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce-info,:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce-message,:is(body.woocommerce-cart,body.woocommerce-checkout) .woocommerce-error{font-size:14px;line-height:1.5;padding:10px 12px;margin-bottom:10px}

/* Cart: compact rows, and «Proceed to checkout» stays at the bottom of the screen like the product page's button. */
body.woocommerce-cart form.woocommerce-cart-form table.cart>tbody>tr.cart_item>td{padding:8px 12px}
body.woocommerce-cart .quantity .qty,body.woocommerce-cart .quantity :is(.minus,.plus){min-height:36px;height:36px}
body.woocommerce-cart .cart_totals h2{font-size:18px;margin:6px 0 8px}
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout{position:fixed;inset-inline:0;bottom:0;z-index:9990;margin:0;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3e8f0;box-shadow:0 -6px 18px rgba(15,23,42,.10)}
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:0 14px;border-radius:10px;font-size:17px;font-weight:700;line-height:1.2}
body.woocommerce-cart{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
body.woocommerce-cart #bnai-root{bottom:calc(80px + env(safe-area-inset-bottom))!important}

/* Checkout: the form in fewer screens. */
body.woocommerce-checkout form.checkout h3{font-size:18px;line-height:1.35;margin:14px 0 8px}
body.woocommerce-checkout form.checkout .form-row{margin:0 0 9px;padding:0}
body.woocommerce-checkout form.checkout .form-row label{font-size:14px;line-height:1.4;margin:0 0 3px;font-weight:600}
body.woocommerce-checkout form.checkout .form-row :is(input.input-text,select,textarea){font-size:16px;line-height:1.3;min-height:44px;padding:9px 11px}
body.woocommerce-checkout form.checkout .form-row textarea{min-height:64px}
body.woocommerce-checkout form.checkout .form-row .description,body.woocommerce-checkout form.checkout .form-row small{font-size:12.5px;line-height:1.45}
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{padding:9px 12px;font-size:14px}
body.woocommerce-checkout #order_review_heading{margin-top:12px}
body.woocommerce-checkout .woocommerce-checkout-review-order-table :is(td,th){padding:8px 10px;font-size:14.5px}
body.woocommerce-checkout #payment{font-size:14.5px}
body.woocommerce-checkout #payment ul.payment_methods{padding:10px 12px}
body.woocommerce-checkout #payment ul.payment_methods li{margin:0 0 6px;line-height:1.45}
body.woocommerce-checkout #payment div.payment_box{font-size:13.5px;line-height:1.5;padding:9px 11px;margin:6px 0}
body.woocommerce-checkout #payment .place-order{padding:10px 12px}
body.woocommerce-checkout #payment #place_order{min-height:50px;font-size:17px;font-weight:700;border-radius:10px;padding:0 14px}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{font-size:13px;line-height:1.5}
}