/* Encabezados de carrito: introducción de escritorio y appbar amarilla en móvil. */
.zti-cart-appbar { display:none; }
.zti-cart-appbar .zti-favorite-count { position:absolute; top:0; right:0; display:grid; place-items:center; min-width:17px; height:17px; padding:0 4px; border-radius:10px; background:#ed1764; color:#fff; font-size:10px; font-weight:800; line-height:1; }
.zti-cart-heading,.zti-cart-context { width:min(1360px,calc(100% - 56px)); margin:24px auto 16px; }
body.zti-experience .zti-cart-heading { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; padding:20px 24px; border:1px solid #ffd6009e; border-radius:16px; background:radial-gradient(circle at 8% 0%,#ffe60047,transparent 38%),linear-gradient(135deg,#fff,#fffdf1); box-shadow:0 10px 30px #443a0012; }
.zti-cart-heading h1 { margin:6px 0 8px; font-size:clamp(26px,3vw,36px); line-height:1.06; letter-spacing:-.03em; }
.zti-cart-heading h1 small { display:inline-flex; align-items:center; gap:4px; margin-left:8px; padding:5px 9px; border-radius:999px; background:#fff3a5; color:#655900; font-size:12px; font-weight:750; letter-spacing:0; vertical-align:middle; }
.zti-cart-heading p { margin:8px 0 0; color:#626262; font-size:14px; }
.zti-cart-steps { display:flex; align-items:center; gap:8px; padding:0; margin:0; list-style:none; font-size:12px; color:#777; }
.zti-cart-steps li { display:flex; align-items:center; gap:7px; font-weight:750; }
.zti-cart-steps li+li::before { content:''; width:22px; height:2px; background:#dadada; margin-right:1px; }
.zti-cart-steps li>span { display:grid; place-items:center; width:28px; height:28px; border:1px solid #ddd; border-radius:50%; background:#fff; }
.zti-cart-steps [aria-current] { color:#222; }
.zti-cart-steps [aria-current]>span { background:#ffe600; border-color:#e4cb00; }
.zti-cart-context { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:0; margin-bottom:18px; padding:0; font-size:13px; }
.zti-cart-context button,.zti-cart-context>a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; font:inherit; text-decoration:none; }
.zti-cart-context button { padding:8px 12px; border:1px solid #e3e3e3; border-radius:8px; background:#fff; color:#555; text-align:left; }
.zti-cart-context>a { color:#746500; }
.zti-cart-context .zti-icon { width:18px; height:18px; }
@media(max-width:980px) {
    body.zti-experience:has(.zti-cart-appbar) #zt-header,body.zti-experience:has(.zti-cart-appbar) .zt-header-spacer { display:none!important; }
    body.zti-experience .zti-cart-heading { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
    .zti-cart-context { display:none; }
    body.zti-experience.woocommerce-cart:has(.zti-cart-appbar) #zt-main { padding-top:var(--zti-cart-appbar-height,102px); }
    .zti-cart-appbar { position:fixed; top:0; left:0; right:0; z-index:8900; display:block; width:100%; margin:0; padding:8px 12px 6px; background:#ffe600; color:#222; box-shadow:0 1px 0 #00000014; }
    body.admin-bar .zti-cart-appbar { top:32px; }
    .zti-cart-appbar-main { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:8px; min-height:44px; }
    .zti-cart-appbar-main>a { position:relative; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:#222; text-decoration:none; }
    .zti-cart-appbar-main>a:hover { background:#00000008; }
    .zti-cart-appbar-main>span { font-size:23px; font-weight:500; line-height:1.2; }
    .zti-cart-appbar-main small { display:inline-block; margin-left:6px; color:#6d6000; font-size:11px; }
    .zti-cart-appbar>button { display:flex; align-items:center; gap:8px; width:100%; min-height:44px; padding:7px 6px; border:0; border-radius:0; background:none; color:#353020; text-align:left; font-size:12px; }
    .zti-cart-appbar>button>span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .zti-cart-appbar>button .zti-icon { width:16px; height:16px; }
}
@media(max-width:782px) { body.admin-bar .zti-cart-appbar { top:46px; } }
@media(max-width:600px) { body.admin-bar .zti-cart-appbar { top:0; } }