/*
 * Impact — WooCommerce views (PDP, buy box, My Account / subscriptions).
 * Loaded only on WooCommerce pages. Depends on tokens from main.css.
 */

/* ── PDP ── */
.breadcrumb{font-size:13px;color:var(--steel-dim);margin-bottom:var(--s3)}
.breadcrumb a:hover{color:var(--carbon)}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:start}
.pdp-shot{--shot-pad:var(--s8);background:var(--paper-2);aspect-ratio:1;position:relative;overflow:hidden}
.pdp-shot .flag{top:16px;left:16px}
.pdp-title{margin-bottom:6px}
.nut-note{margin-top:12px}
.claims li{list-style:none}
.pdp-shot img{position:absolute;top:var(--shot-pad);left:var(--shot-pad);width:calc(100% - 2 * var(--shot-pad));height:calc(100% - 2 * var(--shot-pad));object-fit:contain;mix-blend-mode:multiply}
.pdp-shot img.is-placeholder{mix-blend-mode:normal}
.pdp-shot img.is-cutout{mix-blend-mode:normal;filter:drop-shadow(0 20px 34px rgba(11,14,18,.22))}
.claims{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 var(--s3)}
.claim{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--carbon);padding:5px 10px}
.nut{width:100%;border-collapse:collapse;font-size:14.5px}
.nut th,.nut td{text-align:left;padding:11px 0;border-bottom:1px solid var(--paper-3)}
.nut th{color:var(--steel-dim);font-weight:500}
.nut td{text-align:right;font-weight:600}

/* ── Buy box ── */
.buybox{border:1px solid var(--line);padding:var(--s3);margin-top:var(--s3);background:#fff}
.buy-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:var(--s2)}
.buy-price .price{font-size:38px;line-height:1}
.buy-price .was{font-size:15px}
.buy-price .save{background:var(--carbon);color:var(--yellow);font-size:11.5px;font-weight:700;padding:4px 9px;align-self:center}
.buybox-title{font-family:var(--display);font-size:24px;text-transform:uppercase;display:block}
.buybox-note{margin-top:12px}
.buybox .buybox-title + .buybox-note{margin:6px 0 14px}
.woocommerce .buybox form.cart{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin:0}
.woocommerce div.product .buybox form.cart::before,.woocommerce div.product .buybox form.cart::after{display:none}
.woocommerce .buybox form.cart div.quantity{float:none;margin:0}
.woocommerce .buybox form.cart .single_add_to_cart_button.button{flex:1;min-width:200px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--yellow);color:var(--carbon);font-family:var(--body);font-weight:700;font-size:15.5px;padding:14px 26px;border-radius:2px;float:none;transition:background .13s}
.woocommerce .buybox form.cart .single_add_to_cart_button.button:hover{background:#FFD52B;color:var(--carbon)}
.woocommerce .buybox form.cart .single_add_to_cart_button.button.loading{opacity:.6}
.woocommerce .buybox .stock{font-size:13.5px;font-weight:600;margin-bottom:10px}
.woocommerce .buybox .out-of-stock{color:#8E1B1B}
.buybox-banner{background:var(--yellow-soft);border:1px solid var(--yellow);padding:10px 12px;margin-bottom:12px;font-weight:600;font-size:14px}
.opt{display:flex;gap:13px;align-items:flex-start;border:2px solid var(--line);padding:15px;cursor:pointer;transition:border-color .14s,background .14s;margin-bottom:8px}
.opt:hover{border-color:var(--line-strong)}
.opt[data-on="1"],.opt:has(input:checked){border-color:var(--yellow);background:var(--yellow-soft)}
.opt input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.opt .dot{width:19px;height:19px;border-radius:50%;border:2px solid var(--line-strong);flex:none;margin-top:2px;display:grid;place-items:center;background:#fff}
.opt[data-on="1"] .dot,.opt:has(input:checked) .dot{border-color:var(--carbon)}
.opt[data-on="1"] .dot::after,.opt:has(input:checked) .dot::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--carbon)}
.opt b{font-size:15.5px;display:block}
.opt b s{color:var(--steel);font-weight:400;font-size:14px}
.opt .why{font-size:13px;color:var(--steel-dim);margin-top:3px;display:block}
.opt .save{display:inline-block;background:var(--carbon);color:var(--yellow);font-size:11.5px;font-weight:700;padding:4px 9px;margin-top:9px}
.qty-stepper{display:flex;align-items:stretch;border:1px solid var(--line);background:#fff;width:max-content}
.qty-stepper button{width:44px;height:48px;font-size:20px;font-weight:700;flex:none}
.qty-stepper button:hover{background:var(--paper-2)}
.woocommerce .qty-stepper .qty,.qty-stepper .qty{width:50px;height:48px;text-align:center;font-weight:700;border:0;background:transparent;font-family:inherit;font-size:16px;color:var(--carbon);-moz-appearance:textfield;appearance:textfield;padding:0}
.qty-stepper .qty::-webkit-outer-spin-button,.qty-stepper .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Variable products: attribute rows (Pakovanje) with buttons instead of a select (impact_variation_swatches). */
.woocommerce .buybox form.variations_form{display:block}
.woocommerce .buybox table.variations{display:block;margin:0 0 var(--s3);border:0}
.woocommerce .buybox table.variations tbody,.woocommerce .buybox table.variations tr{display:block}
.woocommerce .buybox table.variations tr + tr{margin-top:var(--s2)}
.woocommerce .buybox table.variations th,.woocommerce .buybox table.variations td{display:block;padding:0;border:0;text-align:left;line-height:1.4}
.woocommerce .buybox table.variations th label,.wcsatt-options-prompt-text-label{display:block;font-weight:700;font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--steel-dim);margin:0 0 10px}
.woocommerce .buybox .reset_variations{display:none!important}
.swatches{display:flex;flex-wrap:wrap;gap:8px}
.swatch{position:relative;cursor:pointer}
.swatch input{position:absolute;opacity:0;pointer-events:none}
.swatch span{display:block;min-width:96px;padding:11px 16px;border:2px solid var(--line);background:#fff;font-weight:700;font-size:15px;text-align:center;transition:border-color .14s,background .14s}
.swatch:hover span{border-color:var(--line-strong)}
.swatch input:checked + span{border-color:var(--yellow);background:var(--yellow-soft)}
.swatch input:focus-visible + span{outline:3px solid var(--blue);outline-offset:2px}
.swatches-select{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.woocommerce .buybox .single_variation_wrap .variations_button{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.woocommerce .buybox .woocommerce-variation-price > .price:has(+ .wcsatt-options-wrapper){display:none}

/* Subscription plans (WCS flat layout): one card per option; markup from impact_plan_option_html(). */
.buybox .wcsatt-options-wrapper{margin-bottom:var(--s2)}
/* Simple products: the wrapper is a flex item of form.cart, whose 10px gap adds to the margin. */
.woocommerce .buybox form.cart > .wcsatt-options-wrapper{flex:0 0 100%;margin-bottom:6px}
.buybox .wcsatt-options-product-wrapper{margin:0}
.buybox .wcsatt-options-product-prompt,.buybox .wcsatt-options-product-prompt .wcsatt-options-prompt-text{margin:0}
.woocommerce .buybox ul.wcsatt-options-product{margin:0;padding:0;display:grid;gap:8px}
.woocommerce .buybox ul.wcsatt-options-product li label{display:flex;gap:13px;align-items:center;border:2px solid var(--line);background:#fff;padding:13px 15px;cursor:pointer;transition:border-color .14s,background .14s}
.woocommerce .buybox ul.wcsatt-options-product li label:hover{border-color:var(--line-strong)}
.woocommerce .buybox ul.wcsatt-options-product li label:has(input:checked){border-color:var(--yellow);background:var(--yellow-soft)}
.woocommerce .buybox ul.wcsatt-options-product li label:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}
.woocommerce .buybox ul.wcsatt-options-product li input{position:absolute;opacity:0;pointer-events:none}
.woocommerce .buybox ul.wcsatt-options-product li span.one-time-option-details,.woocommerce .buybox ul.wcsatt-options-product li span.subscription-option-details{display:flex;align-items:center;gap:13px;flex:1;padding:0}
.buybox .wcsatt-options-product .dot{width:19px;height:19px;border-radius:50%;border:2px solid var(--line-strong);flex:none;display:grid;place-items:center;background:#fff}
.buybox .wcsatt-options-product label:has(input:checked) .dot{border-color:var(--carbon)}
.buybox .wcsatt-options-product label:has(input:checked) .dot::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--carbon)}
.buybox .opt-body{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}
.buybox .opt-title{font-size:15.5px}
.buybox .opt-price{font-weight:700;font-size:15.5px;white-space:nowrap}
.buybox .opt-price s{color:var(--steel);font-weight:400;font-size:13.5px;margin-left:4px}
.buybox .opt-save{flex:none;background:var(--carbon);color:var(--yellow);font-size:11.5px;font-weight:700;padding:4px 8px;min-width:44px;text-align:center}
.buybox .opt-body--single{display:block}
.buybox .opt-body--single .opt-title s{color:var(--steel);font-weight:400;font-size:14px;margin-left:4px}
.buybox .opt-note{display:block;font-size:13px;color:var(--steel-dim);margin-top:3px}
.buybox .opt-deal{display:inline-block;background:var(--carbon);color:var(--yellow);font-size:11.5px;font-weight:700;padding:4px 9px;margin-top:9px}
/* Bolt on "Dodaj u pretplatu" (prototype); a mask, since WCS rewrites the button's text */
.woocommerce .buybox form.cart:has(li.subscription-option) .single_add_to_cart_button::before{content:"";width:1em;height:1em;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2 4 13.2h6.1L9.4 22 20 10.6h-6.4L13.5 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2 4 13.2h6.1L9.4 22 20 10.6h-6.4L13.5 2z'/%3E%3C/svg%3E") center/contain no-repeat}
/* Subscription first (inc/subscriptions.php): the one-time radio stays in the form for WCS but isn't
   a card; one-time purchase is the secondary button. A single plan is one card without the radio dot
   and without the "Isporuka" heading. */
.woocommerce .buybox ul.wcsatt-options-product li.one-time-option{display:none}
.buybox .wcsatt-options-wrapper:not(:has(li.subscription-option ~ li.subscription-option)) .wcsatt-options-product-prompt{display:none}
.buybox .wcsatt-options-product:not(:has(li.subscription-option ~ li.subscription-option)) .dot{display:none}
.woocommerce .buybox .impact-one-time{flex:0 0 100%;min-height:50px;gap:6px}
/* With the one-time button: "Količina" above the stepper like the other labels, the stepper alone in a row (it applies to both buttons), then
   "Dodaj u pretplatu" full width, "ili", "Kupi jednokratno" */
.buybox .buy-label{flex:0 0 100%;font-weight:700;font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--steel-dim);margin-top:6px}
.woocommerce .buybox :is(form.cart,.variations_button):has([data-one-time]) .single_add_to_cart_button.button{flex:0 0 100%}
.buybox .buy-or{flex:0 0 100%;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--steel-dim)}
.buybox .buy-or::before,.buybox .buy-or::after{content:"";flex:1;height:1px;background:var(--line)}
.impact-one-time-price::before{content:"·";margin-right:6px}
@media (max-width:480px){
  .buybox .opt-body{flex-direction:column;gap:2px}
  .swatch{flex:1}
  .woocommerce .buybox form.cart .single_add_to_cart_button.button{min-width:0}
  .swatch span{min-width:0;padding:11px 8px}
}

/* ── My Account ── */
/* Layout: nav left, content right (prototype .acct). Only when the nav is there: logged out, the same
   .woocommerce wrapper holds just the login form. */
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation){display:grid;grid-template-columns:214px minmax(0,1fr);gap:var(--s6);align-items:start}
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after{display:none}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation a{display:block;padding:12px 0;font-weight:600;border-bottom:1px solid var(--paper-3);font-size:15px;color:var(--steel-dim)}
.woocommerce-MyAccount-navigation a:hover{color:var(--carbon)}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--carbon);border-bottom-color:var(--carbon)}
/* Odjava is an action, not a page: set apart by space (the last tab already has a line), an exit icon and no tab underline */
.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:var(--s3)}
.woocommerce-MyAccount-navigation-link--customer-logout a{display:flex;align-items:center;gap:8px;border-bottom:0}
.woocommerce-MyAccount-navigation-link--customer-logout a::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat}

.woocommerce-MyAccount-content > :first-child{margin-top:0}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:24px;line-height:1.05;margin:var(--s5) 0 var(--s2)}
.woocommerce-MyAccount-content > p:first-of-type{color:var(--ink-2)}
.woocommerce-MyAccount-content .woocommerce-info,.woocommerce-MyAccount-content .woocommerce-message{margin-bottom:var(--s3)}

/* Buttons: Woo's grey .button becomes the ghost button; form submits are primary. */
.woocommerce-account .woocommerce .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;color:var(--carbon);border:1.5px solid var(--carbon);border-radius:2px;padding:9px 16px;min-height:40px;font-family:var(--body);font-size:14px;font-weight:700;line-height:1.2;transition:background .13s,color .13s}
.woocommerce-account .woocommerce .button:hover{background:var(--carbon);color:#fff}
.woocommerce-account .woocommerce button[type=submit].button,.woocommerce-account .woocommerce .woocommerce-form-login__submit,.woocommerce-account .woocommerce .woocommerce-Button[type=submit]{background:var(--yellow);border-color:var(--yellow);color:var(--carbon);min-height:48px;padding:12px 26px;font-size:15.5px}
.woocommerce-account .woocommerce button[type=submit].button:hover,.woocommerce-account .woocommerce .woocommerce-form-login__submit:hover,.woocommerce-account .woocommerce .woocommerce-Button[type=submit]:hover{background:#FFD52B;border-color:#FFD52B;color:var(--carbon)}
/* "Pregled" in order and subscription lists: a text link, the row is the thing. */
.woocommerce-account .woocommerce-orders-table .button.view{border:0;border-bottom:2px solid var(--yellow);padding:0 0 2px;min-height:0;background:none;color:var(--carbon);font-weight:600}
.woocommerce-account .woocommerce-orders-table .button.view:hover{background:none;color:var(--carbon);border-bottom-color:var(--carbon)}

/* Orders and subscriptions lists */
.woocommerce-account table.woocommerce-orders-table td,.woocommerce-account table.woocommerce-orders-table th{vertical-align:middle}
.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{font-weight:700}
.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions,.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__header-order-actions{text-align:center}
.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button + .button{margin-left:12px}

/* Subscription detail: label / value table with the customer's actions */
.woocommerce-account table.subscription_details td:first-child{color:var(--steel-dim);width:38%}
.woocommerce-account table.subscription_details tr:first-child td{border-top:0;padding-top:0}
.woocommerce-account table.subscription_details td .button{margin:0 6px 6px 0}
.woocommerce-account table.subscription_details td .button.cancel{border-color:var(--line-strong);color:var(--ink-2)}
.woocommerce-account table.subscription_details td .button.cancel:hover{background:#8E1B1B;border-color:#8E1B1B;color:#fff}

/* Addresses overview: two cards */
.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s3)}
.woocommerce-account .woocommerce-Addresses::before,.woocommerce-account .woocommerce-Addresses::after{display:none}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address{float:none;width:auto;border:1px solid var(--line);background:#fff;padding:var(--s3)}
.woocommerce-account .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:var(--s2)}
.woocommerce-account .addresses .woocommerce-Address-title::before,.woocommerce-account .addresses .woocommerce-Address-title::after{display:none}
.woocommerce-account .woocommerce-Address-title h2{margin:0;font-size:20px}
.woocommerce-account .woocommerce-Address-title .edit{font-weight:600;font-size:14px;border-bottom:2px solid var(--yellow);padding-bottom:2px;float:none}
.woocommerce-account .woocommerce-Address address{font-style:normal;line-height:1.6;color:var(--ink-2)}

/* Edit address / account forms */
.woocommerce-account .woocommerce-MyAccount-content form .form-row{max-width:none}
.woocommerce-account .woocommerce-address-fields__field-wrapper::after,.woocommerce-account .woocommerce-EditAccountForm::after{content:"";display:table;clear:both}
.woocommerce-account .woocommerce-address-fields > p:last-child,.woocommerce-account .woocommerce-EditAccountForm > p:last-of-type{margin-top:var(--s3)}
.woocommerce-account #account_display_name_description{display:block;margin-top:6px;font-size:12.5px;color:var(--steel-dim)}
.woocommerce-account #account_display_name_description em{font-style:normal}
.woocommerce-account .woocommerce-EditAccountForm fieldset{border:0;padding:0;margin:var(--s4) 0 0;clear:both}
.woocommerce-account .woocommerce-EditAccountForm legend{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:20px;margin-bottom:var(--s2);padding:0}
.woocommerce-account .woocommerce-MyAccount-content form small{display:block;font-size:12.5px;color:var(--steel-dim);margin-top:4px}

/* Dashboard (woocommerce/myaccount/dashboard.php) */
.acct-hello{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:30px;line-height:1.05;margin:0 0 var(--s2)}
.acct-subs{display:grid;gap:var(--s3)}
.subcard-next{margin-bottom:12px}
.subcard-next b{color:var(--carbon)}
.subcard .sumline{border-bottom-color:var(--paper-3)}
.subcard .subcard-total{border-bottom:0;padding-top:12px;font-family:var(--display);font-weight:900;font-size:22px;text-transform:uppercase}
.subcard--on-hold .badge,.subcard--pending .badge,.subcard--pending-cancel .badge{background:var(--paper-3)}
.acct-empty{padding:var(--s5) var(--s3)}
.acct-links{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}
.acct-links a{display:block;border:1px solid var(--line);padding:var(--s2) var(--s3);background:#fff;transition:border-color .13s}
.acct-links a:hover{border-color:var(--carbon)}
.acct-links b{display:block;font-size:15.5px}
.acct-links span{display:block;font-size:13px;color:var(--steel-dim);margin-top:2px}

/* Logged out: login and lost password */
.woocommerce-account .woocommerce > h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:28px;margin:0 0 var(--s2)}
.woocommerce-account .woocommerce form.login,.woocommerce-account .woocommerce form.lost_reset_password,.woocommerce-account .woocommerce form.register{max-width:480px;border:1px solid var(--line);border-radius:0;padding:var(--s4);margin:0 0 var(--s3);background:#fff}
.woocommerce-account .woocommerce form.login .woocommerce-form-login__rememberme{display:flex;gap:10px;align-items:center;margin:0 0 var(--s2);font-size:14px;font-weight:500}
.woocommerce-account .woocommerce form .lost_password{margin:var(--s2) 0 0;font-size:14px}
.woocommerce-account .woocommerce form .lost_password a{border-bottom:2px solid var(--yellow);font-weight:600}
.woocommerce-account .woocommerce form.lost_reset_password > p:first-child{color:var(--ink-2);margin-bottom:var(--s2)}

.subcard{border:1px solid var(--line);overflow:hidden;background:#fff}
.subcard .hd{background:var(--carbon);color:#fff;padding:var(--s3) var(--s4);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.subcard .hd b{font-family:var(--display);font-size:25px;text-transform:uppercase;font-weight:800}
.badge{background:var(--yellow);color:var(--carbon);font-size:11.5px;font-weight:700;padding:5px 10px;letter-spacing:.08em;text-transform:uppercase}
.subcard .bd{padding:var(--s4)}
.subactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--s3)}

@media(max-width:880px){
  .pdp{grid-template-columns:1fr;gap:var(--s4)}
  .pdp-shot{--shot-pad:var(--s4)}
  /* Account nav becomes a horizontal, scrollable tab row above the content. */
  .woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation){grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .woocommerce-MyAccount-navigation ul{display:flex;gap:var(--s3);overflow-x:auto;border-bottom:1px solid var(--line)}
  .woocommerce-MyAccount-navigation a{border-bottom:2px solid transparent;white-space:nowrap;padding:10px 0}
  /* Tabs scroll sideways here: Odjava at the end, behind a vertical line */
  .woocommerce-MyAccount-navigation-link--customer-logout{margin:0 0 0 auto;padding:0 0 0 var(--s3);border-top:0;border-left:1px solid var(--line)}
  .acct-links,.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}
}

/* ── Archive ── */
.chip-count{font-weight:500;opacity:.6}
.notice-plain{background:#fff;margin-top:var(--s6)}
.empty-state{background:#fff;border:1px solid var(--line);padding:var(--s8) var(--s3);text-align:center}
.empty-state b{display:block;font-family:var(--display);font-size:26px;text-transform:uppercase;margin-bottom:6px}
.empty-state p{color:var(--steel-dim);font-size:14.5px;margin-bottom:var(--s3)}

.woocommerce nav.woocommerce-pagination{margin-top:var(--s6)}
.woocommerce nav.woocommerce-pagination ul{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;float:none;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border:1px solid var(--line);background:#fff;color:var(--carbon);font-weight:700;font-size:14px;line-height:1}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:#fff;color:var(--carbon);border-color:var(--steel)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--carbon);color:#fff;border-color:var(--carbon)}


/* ── Woo notices ── */
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:3px solid var(--yellow);color:var(--carbon);padding:14px 16px;font-size:14.5px;margin:0 0 var(--s3);list-style:none}
.woocommerce .woocommerce-error{border-left-color:#C62828;display:block}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before,.woocommerce .woocommerce-error::before{display:none}
.woocommerce .woocommerce-message .button,.woocommerce .woocommerce-info .button{order:2;float:none;display:inline-flex;align-items:center;background:none;color:var(--carbon);padding:8px 14px;min-height:0;border:1.5px solid var(--carbon);border-radius:2px;font-weight:700;font-size:14px;line-height:1.2}
.woocommerce .woocommerce-message .button:hover,.woocommerce .woocommerce-info .button:hover{background:var(--carbon);color:#fff}

/* ── Woo pages (cart, checkout, account) ── */
.woo-page .page-title{margin-bottom:var(--s4)}

/* ── Forms ── */
.woocommerce form .form-row{padding:0;margin:0 0 16px}
.woocommerce form .form-row label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px;line-height:1.4}
.woocommerce form .form-row label.checkbox,.woocommerce form .form-row label.woocommerce-form__label-for-checkbox{text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;color:var(--carbon);display:flex;gap:10px;align-items:flex-start}
.woocommerce form .form-row .required{color:#C62828;text-decoration:none;border:0}
.woocommerce form .form-row .optional{text-transform:none;letter-spacing:0;font-weight:400;color:var(--steel-dim)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection--single{width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:2px;background:#fff;color:var(--carbon);font-family:var(--body);font-size:15px;line-height:1.4;min-height:48px;box-shadow:none}
.woocommerce form .form-row textarea{min-height:96px;resize:vertical}
.woocommerce .select2-container .select2-selection--single{height:48px;display:flex;align-items:center;padding:0 14px}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{outline:2px solid var(--yellow);outline-offset:0;border-color:var(--carbon)}
.woocommerce form .form-row input[type=checkbox]{accent-color:var(--carbon);width:18px;height:18px;margin-top:1px;flex:none}
.woocommerce form .form-row.woocommerce-invalid input.input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:#C62828}
.woocommerce form .form-row.woocommerce-invalid label{color:#8E1B1B}
.woocommerce form .form-row.woocommerce-validated input.input-text{border-color:var(--line-strong)}
.woocommerce form .form-row .woocommerce-input-wrapper .description{background:var(--carbon);color:#fff;font-size:12.5px;padding:8px 10px;margin-top:6px;border-radius:2px}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before{display:none}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:calc(50% - 8px)}
.woocommerce form .form-row-first{float:left}
.woocommerce form .form-row-last{float:right}
.woocommerce form .form-row-wide{clear:both}

/* ── Checkout ── */
.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:var(--s4) var(--s8);align-items:start}
.checkout-step + .checkout-step{margin-top:var(--s4)}
.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.checkout-side-title{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:26px;line-height:1.05;margin:0 0 var(--s3)}
.woocommerce-billing-fields__field-wrapper::after,.woocommerce-shipping-fields__field-wrapper::after{content:"";display:table;clear:both}
#ship-to-different-address label{display:flex;gap:10px;align-items:center;font-family:var(--body);font-size:15px;font-weight:600;text-transform:none;cursor:pointer}
#ship-to-different-address input{accent-color:var(--carbon);width:18px;height:18px}
.woocommerce-additional-fields{margin-top:var(--s2)}
.woocommerce-additional-fields h3{display:none}

.checkout-side{background:#fff;border:1px solid var(--line);padding:var(--s4)}
.woocommerce table.shop_table{border:0;border-radius:0;margin:0 0 var(--s3);border-collapse:collapse;width:100%}
/* tbody th / tfoot listed too: Woo gives those a darker border with a stronger selector. */
.woocommerce table.shop_table th,.woocommerce table.shop_table td,.woocommerce table.shop_table tbody th,.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{border:0;border-top:1px solid var(--paper-3);padding:12px 0;font-size:14.5px;vertical-align:top;background:none}
.woocommerce table.shop_table thead th{border-top:0;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--steel-dim);font-weight:600;padding-top:0}
.woocommerce-checkout-review-order-table td:last-child,.woocommerce-checkout-review-order-table th:last-child{text-align:right}
.woocommerce-checkout-review-order-table .product-name{font-weight:600;padding-right:12px}
.woocommerce-checkout-review-order-table .product-quantity{font-weight:700;color:var(--steel-dim)}
.woocommerce-checkout-review-order-table tfoot th{font-weight:500;color:var(--ink-2);text-align:left}
.woocommerce-checkout-review-order-table tfoot td{font-weight:600}
.woocommerce table.shop_table tr.order-total th,.woocommerce table.shop_table tr.order-total td{border-top:2px solid var(--carbon);padding-top:14px;font-family:var(--display);font-size:24px;font-weight:900;text-transform:uppercase;color:var(--carbon)}
.woocommerce table.shop_table tr.order-total td strong{font-weight:900}
/* Subscription renewal totals (WCS) under the order total: a quieter block, not a second "Ukupno". */
.woocommerce table.shop_table tr.recurring-totals th{text-align:left;padding-top:var(--s3);font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--steel-dim);font-weight:600}
.woocommerce table.shop_table tr.order-total.recurring-total th,.woocommerce table.shop_table tr.order-total.recurring-total td{border-top:1px solid var(--paper-3);padding-top:12px;font-family:var(--body);font-size:14.5px;font-weight:700;text-transform:none}
.woocommerce table.shop_table tr.order-total.recurring-total td strong{font-weight:700}
.woocommerce table.shop_table tr.recurring-total .first-payment-date{display:block;margin-top:4px;font-weight:400;font-size:13px;color:var(--steel-dim)}
.woocommerce ul#shipping_method{margin:0;padding:0;list-style:none;text-align:right}
.woocommerce ul#shipping_method li{margin:0 0 4px;padding:0;text-indent:0}
.woocommerce ul#shipping_method li input{margin:0 6px 0 0;accent-color:var(--carbon)}
.woocommerce-shipping-totals td p{font-size:13px;color:var(--steel-dim);font-weight:400}

.woocommerce-checkout #payment{background:none;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0;margin:0 0 var(--s3)}
.woocommerce-checkout #payment ul.payment_methods li{list-style:none;border:2px solid var(--line);padding:14px;margin:0 0 8px;line-height:1.4;background:#fff}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){border-color:var(--yellow);background:var(--yellow-soft)}
.woocommerce-checkout #payment ul.payment_methods li input{accent-color:var(--carbon);margin:0 8px 0 0;vertical-align:middle}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:700;cursor:pointer}
.woocommerce-checkout #payment ul.payment_methods li img{display:inline-block;vertical-align:middle;max-height:24px;margin-left:6px}
/* "No payment methods" notice arrives wrapped in an <li>; let the notice style show alone. */
.woocommerce-checkout #payment ul.payment_methods li:has(> .woocommerce-info),.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice{border:0;padding:0;background:none}
.woocommerce-checkout #payment ul.payment_methods li > .woocommerce-info{margin:0}
.woocommerce-checkout #payment div.payment_box{background:none;color:var(--ink-2);font-size:13.5px;margin:10px 0 0;padding:0}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row{padding:0;margin:0}
.woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--ink-2);margin-bottom:var(--s2)}
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p{margin-bottom:12px}
.woocommerce-terms-and-conditions-wrapper a{border-bottom:2px solid var(--yellow);font-weight:600}
.woocommerce-terms-and-conditions-wrapper .validate-required{margin-bottom:0}
/* The required "*" is its own flex item in Woo's label and ends up at the far right; show it after the text instead. */
.woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox abbr.required{display:none}
.woocommerce-terms-and-conditions-checkbox-text::after{content:"\00a0*";color:#C62828}
/* Woo's checkout JS prepends error notices into form.checkout, which is our two-column grid. */
.checkout-grid > .woocommerce-NoticeGroup,.checkout-grid > .woocommerce-error,.checkout-grid > .woocommerce-message,.checkout-grid > .woocommerce-info{grid-column:1 / -1;margin:0}
/* Woo focuses the error list (tabindex=-1) so screen readers announce it; no visible ring for that. */
.woocommerce-NoticeGroup:focus,.woocommerce-error[tabindex="-1"]:focus{outline:0}
.woocommerce-checkout #payment #place_order,.woocommerce #place_order{float:none;width:100%;min-height:54px;background:var(--yellow);color:var(--carbon);font-family:var(--body);font-weight:700;font-size:16px;border-radius:2px;padding:16px 26px}
.woocommerce #place_order:hover{background:#FFD52B;color:var(--carbon)}
.woocommerce form.checkout_coupon{border:1px solid var(--line);border-radius:0;padding:var(--s3);margin:0 0 var(--s3);display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.woocommerce form.checkout_coupon .form-row{margin:0;float:none;width:auto}
.woocommerce form.checkout_coupon .form-row-first{flex:1}
.woocommerce form.checkout_coupon .button{min-height:48px;background:var(--carbon);color:#fff;border-radius:2px;padding:0 20px;font-weight:700}
.woocommerce .blockUI.blockOverlay{background:rgba(255,255,255,.7)!important}

@media(max-width:980px){
  .checkout-grid{grid-template-columns:1fr;gap:var(--s4)}
}
@media(max-width:520px){
  .woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;float:none}
  .checkout-side{padding:var(--s3)}
}

/* ── Cart page ── */
.cart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:var(--s8);align-items:start}
.cart-main .ship-bar{margin-bottom:var(--s3)}

.woocommerce table.cart thead{display:none}
.woocommerce table.cart td{border-top:1px solid var(--line);padding:16px 0;vertical-align:middle}
.woocommerce table.cart tr.cart_item:first-child td{border-top:0}
.woocommerce table.cart td.product-price{display:none}
.woocommerce table.cart td.product-thumbnail{width:96px;padding-right:16px}
.woocommerce table.cart td.product-thumbnail a{display:block}
.woocommerce table.cart td.product-thumbnail img{width:80px;height:100px;object-fit:contain;background:var(--paper-2);padding:8px;mix-blend-mode:multiply}
.woocommerce table.cart td.product-thumbnail img.is-cutout,.woocommerce table.cart td.product-thumbnail img.is-placeholder{mix-blend-mode:normal}
.woocommerce table.cart td.product-name{padding-right:16px}
.woocommerce table.cart td.product-name > a{font-family:var(--display);font-size:20px;font-weight:800;text-transform:uppercase;line-height:1.1;display:block}
.woocommerce table.cart td.product-name > a:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px}
.cart-item-meta{display:block;font-size:13px;color:var(--steel-dim);margin-top:4px}
.woocommerce table.cart td.product-quantity{width:150px}
.woocommerce table.cart td.product-subtotal{width:130px;text-align:right;font-family:var(--display);font-size:21px;font-weight:900}
.woocommerce table.cart td.product-remove{width:36px;order:9}
.woocommerce table.cart a.remove{display:grid;place-items:center;width:32px;height:32px;border-radius:0;font-size:22px;font-weight:400;color:var(--steel-dim)!important;background:none}
.woocommerce table.cart a.remove:hover{background:var(--paper-2);color:var(--carbon)!important}

.woocommerce table.cart td.actions{border-top:1px solid var(--line);padding:var(--s3) 0 0;text-align:left}
.woocommerce table.cart td.actions .coupon{display:flex;gap:10px;float:none;max-width:420px}
.woocommerce table.cart td.actions .coupon .input-text{flex:1;width:auto;min-height:48px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:2px;font-family:var(--body);font-size:15px;margin:0}
.woocommerce table.cart td.actions .coupon .button{min-height:48px;background:var(--carbon);color:#fff;border-radius:2px;padding:0 20px;font-weight:700}
/* Quantity changes update the cart automatically (theme.js); the button stays for Woo's JS. */
.woocommerce table.cart td.actions button[name="update_cart"]{display:none}

.cart-side{background:#fff;border:1px solid var(--line);padding:var(--s4)}
.woocommerce .cart-collaterals .cart_totals{float:none;width:100%}
.woocommerce .cart-collaterals .cart_totals h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:26px;line-height:1.05;margin:0 0 var(--s3)}
.woocommerce .cart_totals table.shop_table th{font-weight:500;color:var(--ink-2);text-align:left;width:40%}
.woocommerce .cart_totals table.shop_table td{text-align:right;font-weight:600}
.woocommerce .cart_totals .woocommerce-shipping-destination{font-size:13px;color:var(--steel-dim);font-weight:400;margin:6px 0 0}
.woocommerce .cart_totals .shipping-calculator-button{font-size:13px;font-weight:600;border-bottom:2px solid var(--yellow)}
.woocommerce .cart_totals .shipping-calculator-form{margin-top:12px;text-align:left}
.woocommerce .cart_totals .shipping-calculator-form .button{min-height:44px;background:var(--carbon);color:#fff;border-radius:2px;padding:0 18px;font-weight:700}
.woocommerce .wc-proceed-to-checkout{padding:0}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:flex;align-items:center;justify-content:center;min-height:54px;margin:0;background:var(--yellow);color:var(--carbon);font-family:var(--body);font-weight:700;font-size:16px;border-radius:2px;padding:16px 26px}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:#FFD52B;color:var(--carbon)}
.woocommerce .cart-collaterals .cross-sells{display:none}

.woocommerce .cart-empty.empty-state{padding:var(--s8) var(--s3)}

@media(max-width:980px){
  .cart-grid{grid-template-columns:1fr;gap:var(--s4)}
}
/* Phones: Woo's responsive table turns rows into blocks; lay each item out as a compact card. */
@media(max-width:768px){
  .woocommerce table.shop_table_responsive.cart tr.cart_item{display:grid;grid-template-columns:88px 1fr auto;grid-template-areas:"thumb name remove" "thumb qty total";gap:6px 12px;padding:16px 0;border-top:1px solid var(--line)}
  .woocommerce table.shop_table_responsive.cart tr.cart_item:first-child{border-top:0}
  .woocommerce table.shop_table_responsive.cart tr.cart_item td{display:block;border:0;padding:0;width:auto;text-align:left!important;background:none!important}
  .woocommerce table.shop_table_responsive.cart tr.cart_item td::before{display:none}
  .woocommerce table.shop_table_responsive.cart td.product-thumbnail{grid-area:thumb;display:block!important}
  .woocommerce table.shop_table_responsive.cart td.product-thumbnail img{width:80px;height:100px}
  .woocommerce table.shop_table_responsive.cart td.product-name{grid-area:name}
  .woocommerce table.shop_table_responsive.cart td.product-remove{grid-area:remove}
  .woocommerce table.shop_table_responsive.cart td.product-quantity{grid-area:qty}
  .woocommerce table.shop_table_responsive.cart td.product-subtotal{grid-area:total;align-self:center;text-align:right!important}
  .woocommerce table.shop_table_responsive.cart td.actions{display:block}
  .cart-side{padding:var(--s3)}
}

/* ── Order received (thank you) ── */
.ty-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:var(--s8);align-items:start}
.ty-hero .h1{margin:14px 0 12px}
.ty-hero .hero-tag{font-size:18px}
.ty-hero .hero-tag .bolt{width:.9em;height:.9em}
.ty-hero--failed .hero-tag{background:#8E1B1B}
.ty-hero--failed{margin-bottom:var(--s6)}

.woocommerce ul.ty-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:var(--s4) 0;padding:0;list-style:none}
.woocommerce ul.ty-overview::before,.woocommerce ul.ty-overview::after{display:none}
.woocommerce ul.ty-overview li{background:#fff;padding:16px 18px;margin:0;border:0;float:none;font-size:inherit;text-transform:none;line-height:1.3}
.woocommerce ul.ty-overview li small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--steel-dim);margin-bottom:6px}
.woocommerce ul.ty-overview li strong{font-family:var(--display);font-size:22px;font-weight:800;text-transform:uppercase;display:block}
.ty-gateway:empty{display:none}
.ty-note{background:var(--yellow-soft);border:1px solid var(--yellow-line);padding:14px 16px;margin:0 0 var(--s4);font-size:14.5px}
.ty-note p + p{margin-top:4px}
.ty-note a{font-weight:600;border-bottom:2px solid var(--yellow)}
.ty-gateway{margin-bottom:var(--s4);font-size:14.5px}

.ty-next{margin-top:var(--s6)}
.ty-next .h2{margin-bottom:var(--s2)}
.ty-steps{list-style:none;counter-reset:ty;margin:0 0 var(--s4);padding:0}
.ty-steps li{counter-increment:ty;display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--paper-3)}
.ty-steps li:last-child{border:0}
.ty-steps li::before{content:counter(ty,decimal-leading-zero);grid-row:span 2;font-family:var(--display);font-weight:900;font-size:23px;color:var(--steel);line-height:1.1}
.ty-steps b{font-size:15.5px}
.ty-steps p{color:var(--steel-dim);font-size:13.5px}

.ty-side{background:#fff;border:1px solid var(--line);padding:var(--s4)}
/* Woo wraps these in <section>, which main.css pads as a page section. */
.woocommerce .woocommerce-order-details,.woocommerce .woocommerce-customer-details,.woocommerce .woocommerce-columns{margin:0;padding:0}
.woocommerce .woocommerce-order-details__title,.woocommerce .woocommerce-column__title,.woocommerce .woocommerce-customer-details h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:24px;line-height:1.05;margin:0 0 var(--s2)}
.woocommerce table.order_details td:last-child,.woocommerce table.order_details th:last-child{text-align:right}
.woocommerce table.order_details tfoot th{font-weight:500;color:var(--ink-2);text-align:left}
.woocommerce table.order_details tfoot tr:last-child th,.woocommerce table.order_details tfoot tr:last-child td{border-top:2px solid var(--carbon);padding-top:14px;font-family:var(--display);font-size:22px;font-weight:900;text-transform:uppercase;color:var(--carbon)}
.woocommerce table.order_details .product-quantity{font-weight:700;color:var(--steel-dim)}
.woocommerce table.order_details .wc-item-meta{font-size:12.5px;color:var(--steel-dim);margin:4px 0 0;list-style:none;padding:0}
.woocommerce .woocommerce-customer-details{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
/* WCS "Povezane pretplate" in the narrow side column: one compact card per subscription instead of a 5-column table. */
.ty-side .woocommerce-order-details header h2{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:24px;line-height:1.05;margin:var(--s4) 0 var(--s2)}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions{margin:var(--s2) 0 0;border-collapse:separate}
.woocommerce .ty-side .woocommerce-customer-details{margin-top:var(--s3);padding-top:var(--s3)}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions thead{display:none}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;border:1px solid var(--line);padding:12px 14px;margin-bottom:8px}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions tr td{display:block;border:0;padding:0;font-size:14px;text-align:left!important;background:none!important}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions tr td::before{content:none}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions td.subscription-id{font-weight:700}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions td.subscription-status{text-align:right!important;font-weight:600;color:var(--ink-2)}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions td.subscription-total,.woocommerce .ty-side table.woocommerce-orders-table--subscriptions td.subscription-next-payment,.woocommerce .ty-side table.woocommerce-orders-table--subscriptions td.subscription-actions{grid-column:1 / -1}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions td.subscription-next-payment{color:var(--steel-dim);font-size:13px}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions td.subscription-next-payment::before{content:attr(data-title) ": ";float:none;font-weight:400}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions td.subscription-actions{margin-top:6px}
.woocommerce .ty-side table.woocommerce-orders-table--subscriptions .button.view{background:none;padding:0 0 2px;border-radius:0;border-bottom:2px solid var(--yellow);color:var(--carbon);font-weight:600;font-size:14px}
.woocommerce .woocommerce-customer-details .col2-set{display:grid;grid-template-columns:1fr;gap:var(--s3)}
.woocommerce .woocommerce-customer-details .col2-set .col-1,.woocommerce .woocommerce-customer-details .col2-set .col-2{float:none;width:auto}
.woocommerce .woocommerce-customer-details address{border:0;border-radius:0;padding:0;font-style:normal;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.woocommerce .woocommerce-customer-details address p,.woocommerce .woocommerce-customer-details address p.woocommerce-customer-details--phone,.woocommerce .woocommerce-customer-details address p.woocommerce-customer-details--email{margin:6px 0 0;padding-left:0}
.woocommerce .woocommerce-customer-details address p::before{display:none}

@media(max-width:980px){
  .ty-grid{grid-template-columns:1fr;gap:var(--s4)}
}
@media(max-width:520px){
  .woocommerce ul.ty-overview{grid-template-columns:1fr}
  .ty-side{padding:var(--s3)}
}

/* ── Quick add dialog (catalog, pilot; inc/quick-add.php) ── */
.qa-dialog{margin:auto;border:0;padding:0;width:calc(100% - 32px);max-width:540px;max-height:calc(100vh - 48px);overflow:auto;background:#fff;color:var(--carbon);box-shadow:0 24px 60px rgba(11,14,18,.25)}
.qa-dialog::backdrop{background:rgba(11,14,18,.55)}
.qa-content{padding:var(--s4)}
.qa-close{position:absolute;top:10px;right:12px;width:36px;height:36px;font-size:26px;line-height:1;color:var(--steel-dim);z-index:1}
.qa-close:hover{color:var(--carbon)}
.qa-loading{padding:var(--s6) 0;text-align:center;color:var(--steel-dim)}
.qa-hd{display:flex;gap:14px;align-items:center;margin:0 36px var(--s3) 0}
.qa-thumb{width:64px;height:64px;background:var(--paper-2);flex:none}
.qa-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.qa-thumb img.is-cutout,.qa-thumb img.is-placeholder{mix-blend-mode:normal}
.qa-title b{display:block;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:22px;line-height:1.05}
.qa-title .small{display:block;margin-top:4px}
.qa-buybox.buybox{border:0;padding:0;margin:0}
.qa-more{display:inline-block;margin-top:var(--s3);font-size:14px}
@media (max-width:600px){
  /* Bottom sheet: the list stays visible above it, so it doesn't read as the product page. */
  .qa-dialog{width:100%;max-width:none;margin:auto 0 0;max-height:85vh;border-radius:12px 12px 0 0}
  .qa-content{padding:var(--s3) var(--s2) var(--s3)}
}