/* Use the live Harvia builder CSS and palette. Only bridge TITAN typography and quote hooks. */
body.ztsp-preview #ztsp-product .zpp-builder{margin-bottom:0}
body.ztsp-preview #ztsp-product .zpp-option-flow,body.ztsp-preview #ztsp-product .zpp-option-section,body.ztsp-preview #ztsp-product .zpp-accessory-area{min-width:0}
body.ztsp-preview #ztsp-product [hidden]{display:none!important}
body.ztsp-preview #ztsp-product .zhrd-configurator-heading h2{margin:0;font-family:"Bai Jamjuree",Arial,sans-serif;font-size:clamp(48px,3.4vw,60px);font-weight:600;letter-spacing:-.035em;line-height:1}
body.ztsp-preview #ztsp-product .zpp-section-heading h2{margin:0;font-family:"Bai Jamjuree",Arial,sans-serif;font-size:34px;font-weight:600;letter-spacing:-.025em;line-height:1.1}
body.ztsp-preview #ztsp-product .zpp-section-heading p{margin:0 0 3px}
body.ztsp-preview #ztsp-product .zpp-accessory-intro h2{margin:0;font-family:"Bai Jamjuree",Arial,sans-serif;font-size:50px;font-weight:600;line-height:1}
body.ztsp-preview #ztsp-product .zpp-summary h2{margin:23px 0 0;font-family:"Bai Jamjuree",Arial,sans-serif;font-size:40px;font-weight:600;line-height:1}
body.ztsp-preview #ztsp-product .zpp-card{cursor:pointer}
body.ztsp-preview #ztsp-product .zpp-card:has(>input:focus-visible),body.ztsp-preview #ztsp-product .zpp-toggle-row label:has(>input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
body.ztsp-preview #ztsp-product .zpp-card.is-unavailable{cursor:not-allowed;opacity:.55}
body.ztsp-preview #ztsp-product .ztsp-option-availability{font-weight:700}
body.ztsp-preview #ztsp-product .zpp-quantity button{padding:0;font:inherit}
body.ztsp-preview #ztsp-product .zpp-quantity input{min-width:0;font:inherit}
body.ztsp-preview #ztsp-product .zpp-quantity button:disabled{cursor:not-allowed;opacity:.45}
body.ztsp-preview #ztsp-product .ztsp-option-field{display:grid;gap:5px;margin-top:7px;font-size:11px}
body.ztsp-preview #ztsp-product .ztsp-option-field select{min-width:0;width:100%;max-width:100%;padding:8px;color:var(--ink);border:1px solid var(--blue-line);background:var(--white,#fff);font:inherit}
body.ztsp-preview #ztsp-product .ztsp-selected-lines{display:grid;gap:15px;list-style:none;margin:0;padding:0}
body.ztsp-preview #ztsp-product .ztsp-selected-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(55,76,92,.14);font-size:12px;line-height:1.4}
body.ztsp-preview #ztsp-product .ztsp-selected-lines li>span{min-width:0;overflow-wrap:anywhere}
body.ztsp-preview #ztsp-product .ztsp-selected-lines li>strong{white-space:nowrap;font-size:12px}
body.ztsp-preview #ztsp-product .ztsp-selected-lines .ztsp-selected-empty{display:block;padding:0;color:var(--muted);border:0;font-size:11px}
body.ztsp-preview #ztsp-product .ztsp-options-reset{margin:10px 0 0;padding:0;color:var(--accent);border:0;border-radius:0;background:transparent;box-shadow:none;font-size:11px;text-decoration:underline;text-underline-offset:3px}
body.ztsp-preview #ztsp-product .ztsp-options-reset:is(:hover,:focus,:active){color:var(--accent);background:transparent;box-shadow:none}
body.ztsp-preview #ztsp-product .zpp-total{flex-wrap:wrap;gap:6px 12px}
body.ztsp-preview #ztsp-product .zpp-total>strong{font-size:clamp(29px,2.5vw,36px);white-space:nowrap}
body.ztsp-preview #ztsp-product .ztsp-quote-status:empty{display:none}
body.ztsp-preview #ztsp-product .ztsp-quote-status.is-error{color:var(--accent)}
body.ztsp-preview #ztsp-product .ztsp-options-noscript{width:min(1720px,calc(100% - 48px));margin:0 auto 24px}
@media(min-width:1101px){body.ztsp-preview #ztsp-product .zpp-summary{top:calc(225px + var(--wp-admin--admin-bar--height,0px));max-height:calc(100dvh - 245px - var(--wp-admin--admin-bar--height,0px));overflow-y:auto}}
@media(max-width:700px){body.ztsp-preview #ztsp-product .zhrd-configurator-heading{grid-template-columns:1fr;gap:16px}body.ztsp-preview #ztsp-product .zhrd-configurator-heading h2{font-size:38px}body.ztsp-preview #ztsp-product .zpp-section-heading h2{font-size:28px}body.ztsp-preview #ztsp-product .zpp-accessory-intro h2,body.ztsp-preview #ztsp-product .zpp-summary h2{font-size:35px}body.ztsp-preview #ztsp-product .zpp-total>strong{font-size:clamp(25px,7.5vw,36px)}body.ztsp-preview #ztsp-product .ztsp-option-field select{font-size:16px}}