/* МебелеФ v3 — pages/checkout.css. Основа: прототип D6 (assets/styles.css из mebelef-prototype.zip), дополнения — ниже метки «mebelef-v3». */
.promo{display:flex;gap:var(--space-2)}
.promo .input{height:44px}
.cartline{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--line)}
@media(min-width:768px){.cartline{gap:var(--space-5);padding:var(--space-5) 0}}
.cartline .ph{width:96px;height:96px;flex:none}
@media(min-width:768px){.cartline .ph{width:120px;height:120px}}
.cartline__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.cartline__name{font-size:15px;font-weight:600;line-height:1.3}
@media(min-width:768px){.cartline__name{font-size:16px}}
.cartline__opts{font-size:13px;color:var(--ink-muted);line-height:1.45}
.cartline__tools{display:flex;gap:var(--space-4);font-size:13px;color:var(--ink-muted)}
.cartline__tools button{border:none;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:13px}
.cartline__tools button:hover{color:var(--ink)}
.cartline__right{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-1)}
@media(min-width:768px){.cartline__right{flex-direction:column;align-items:flex-end;justify-content:flex-start;width:190px;flex:none;margin:0}}
.step{display:flex;flex-direction:column;gap:var(--space-4)}
.step__head{display:flex;align-items:center;gap:var(--space-3)}
.step__n{width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.step__body{display:flex;flex-direction:column;gap:var(--space-4)}
@media(min-width:768px){.step__body{padding-left:44px}}
.upload{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1.5px dashed var(--line-control);border-radius:var(--radius-md);cursor:pointer}
.upload .icon{color:var(--ink-muted)}
.stickybar{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-4) 12px;background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(28,29,27,.08);margin:0 calc(var(--space-4)*-1)}
@media(min-width:1024px){.stickybar{display:none}}
/* Success page */
.success{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);background:var(--success-soft);border-radius:var(--radius-xl)}
.success__icon{width:48px;height:48px;border-radius:50%;background:var(--success);color:var(--on-success);display:flex;align-items:center;justify-content:center;flex:none}
/* ==== mebelef-v3: корзина, чекаут, «спасибо», ЛК ==== */
.cartlines{min-width:0}
.cartline__thumb{flex:none}
.cartline__thumb img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius-lg);background:var(--surface-2)}
@media(min-width:768px){.cartline__thumb img{width:120px;height:120px}}
.cartline__body{position:relative}
@media(min-width:768px){.cartline__body{display:grid;grid-template-columns:minmax(0,1fr) 190px;column-gap:var(--space-5);align-content:start}.cartline__body>*{grid-column:1}.cartline__right{grid-column:2;grid-row:1/span 5}}
.cartline__opts dl.variation{display:flex;flex-wrap:wrap;gap:0 6px;margin:4px 0 0}
.cartline__opts dl.variation dt{font-weight:400}
.cartline__opts dl.variation dd{margin:0 8px 0 0;color:var(--ink)}
.cartline__opts dl.variation dd p{margin:0;display:inline}
.cartline__tools a{display:inline-flex;align-items:center;gap:6px;color:var(--ink-muted);font-size:13px}
.cartline__tools a:hover{color:var(--danger)}
.cartline__tools .icon{width:16px;height:16px}
.cartline__price{flex-direction:column;align-items:flex-end;gap:0}
.cartline__price .price__now{font-size:20px}
.cart-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4)}
.js .cart-actions [data-update-cart]{display:none}
.sumtotal__v{font-size:28px;letter-spacing:-.01em;white-space:nowrap}
.summary .checkout-button,.wc-proceed-to-checkout .button{width:100%;background:var(--cta);border-color:var(--cta);color:var(--on-cta)}
.wc-proceed-to-checkout{margin:0}
.sumrow--discount span:last-child,.cart-discount span:last-child{color:var(--success)}
.woocommerce-remove-coupon{font-size:12px;margin-left:6px;color:var(--ink-muted)}
.miniline{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px dashed var(--line);align-items:flex-start}
.miniline__thumb img,.miniline__thumb .ph{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none}
.miniline__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.miniline__opts dl.variation{margin:0;display:flex;flex-wrap:wrap;gap:0 4px}
.miniline__opts dl.variation dd{margin:0 6px 0 0}
.miniline__opts dl.variation p,.miniline__opts .wc-item-meta p{margin:0;display:inline}
.miniline__opts .wc-item-meta{margin:0;padding:0;list-style:none}
.miniline__opts .wc-item-meta li{display:block}
.summary__in{display:flex;flex-direction:column;gap:var(--space-3)}
.summary__items{display:flex;flex-direction:column}
.summary__items .miniline:last-child{border-bottom:0}
/* Чекаут: поля WooCommerce в разметке .fields/.field */
.woocommerce-checkout .form-row{margin:0}
.form-row label{font-size:14px;font-weight:500;display:block;margin-bottom:6px}
.form-row .required{color:var(--danger);text-decoration:none;border:0}
.form-row .optional{color:var(--ink-muted);font-weight:400}
.form-row .woocommerce-input-wrapper{display:block}
.form-row select,.form-row .input{width:100%}
.form-row select{height:48px;border:1.5px solid var(--line-control);border-radius:var(--radius-md);background:var(--bg);padding:0 var(--space-3);font-size:16px}
.form-row.woocommerce-invalid .input,.form-row.woocommerce-invalid select{border-color:var(--danger)}
.form-row .description{font-size:13px;color:var(--ink-muted);margin-top:4px}
@media(min-width:768px){.fields--2 .field--wide,.fields--2 .form-row-wide.notes,.fields--2 #billing_address_1_field{grid-column:1/-1}}
.select2-container .select2-selection--single{height:48px!important;border:1.5px solid var(--line-control)!important;border-radius:var(--radius-md)!important;display:flex!important;align-items:center}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px!important}
#billing_country_field:has(strong){display:none}
.checkout__city{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.woocommerce-additional-fields textarea.input{min-height:96px}
.mebelef-checkout-upload .form-row{display:flex;flex-direction:column;gap:6px;padding:var(--space-4);border:1.5px dashed var(--line-control);border-radius:var(--radius-md)}
.mebelef-checkout-upload label{font-size:14px}
.woocommerce-form-coupon-toggle .woocommerce-info{background:var(--surface)}
.checkout_coupon{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}
.checkout_coupon .form-row{flex:1}
.checkout_coupon .input-text{height:44px;width:100%;border:1.5px solid var(--line-control);border-radius:var(--radius-md);padding:0 var(--space-4)}
/* Доставка и оплата карточками */
.woocommerce-shipping-methods{margin-bottom:var(--space-2)}
.option input[type=radio],.option input[type=checkbox],.wc_payment_method>input[type=radio]{appearance:none;margin:2px 0 0;width:20px;height:20px;border:1.5px solid var(--line-control);border-radius:50%;background:var(--bg);flex:none;cursor:pointer}
.option input[type=checkbox]{border-radius:4px}
.option input:checked,.wc_payment_method>input:checked{border-color:var(--ink);box-shadow:inset 0 0 0 5px var(--ink)}
.option__dot{width:20px;height:20px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 5px var(--ink);border:1.5px solid var(--ink);margin-top:2px}
.option__p .amount{white-space:nowrap}
#payment{background:none}
#payment .wc_payment_methods{display:grid;gap:var(--space-3);padding:0;margin:0}
@media(min-width:768px){#payment .wc_payment_methods{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wc_payment_method{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--bg)}
.wc_payment_method:has(>input:checked){border-color:var(--ink)}
/* Кликабельна вся карточка, как у доставки (.option — это <label>): у
   способа оплаты разметка WooCommerce, label только на заголовке, поэтому
   растягиваем его ::after на всю карточку. */
.wc_payment_method{position:relative;cursor:pointer}
.wc_payment_method>label::after{content:"";position:absolute;inset:0;border-radius:inherit}
.wc_payment_method>label{flex:1;font-size:15px;font-weight:600;cursor:pointer;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wc_payment_method>label img{max-height:24px;width:auto}
/* Описание видно у всех способов, не только у выбранного: checkout.js
   WooCommerce прячет неактивные через slideUp (inline display:none). */
#payment .payment_box{display:block!important}
.payment_box{flex:1 1 100%;font-size:13px;color:var(--ink-muted);line-height:1.4}
.payment_box p{margin:0}
#payment .place-order{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}
#place_order{width:100%;background:var(--cta);border-color:var(--cta);color:var(--on-cta)}
@media(min-width:1024px){#payment #place_order{display:none}}
@media(max-width:1023px){[data-place-order]{display:none}}
.woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--ink-muted)}
.woocommerce-terms-and-conditions-wrapper a{text-decoration:underline}
.woocommerce-privacy-policy-text p{margin:0}
.form-row.validate-required .woocommerce-form__label-for-checkbox{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.blockUI.blockOverlay{border-radius:var(--radius-xl)}
/* «Спасибо» */
.success .icon{width:26px;height:26px;stroke-width:2.4}
.woocommerce-order .wc-item-meta-label{font-weight:400}
/* Личный кабинет */
.woocommerce-account .wc-page{display:grid;gap:var(--space-6)}
@media(min-width:1024px){.woocommerce-account .wc-page>.woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-8)}}
.woocommerce-MyAccount-navigation ul{display:flex;flex-direction:column;gap:2px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:var(--radius-sm)}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:var(--surface-2);font-weight:600}
.woocommerce-MyAccount-content table,.woocommerce-orders-table{width:100%;border-collapse:collapse;font-size:14px}
.woocommerce-MyAccount-content th,.woocommerce-MyAccount-content td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.woocommerce-form-login,.woocommerce-form-register,.woocommerce-EditAccountForm,.woocommerce-address-fields{display:flex;flex-direction:column;gap:var(--space-3);max-width:480px}
.woocommerce-form-login .input-text,.woocommerce-form-register .input-text,.woocommerce-EditAccountForm .input-text{height:48px;width:100%;border:1.5px solid var(--line-control);border-radius:var(--radius-md);padding:0 var(--space-4)}
.mebelef-hidden-field{display:none}
#customer_details{display:flex;flex-direction:column;gap:var(--space-10)}
@media(min-width:768px){.woocommerce-account-fields{padding-left:44px}}
.woocommerce-form-login-toggle .woocommerce-info,.woocommerce-form-coupon-toggle .woocommerce-info{font-size:14px}
.cartline__opts dl.variation,.miniline__opts dl.variation{display:grid;grid-template-columns:auto 1fr;gap:0 6px}
.cartline__opts dl.variation dd,.miniline__opts dl.variation dd{margin:0}