.trail-product .tpp-host{display:block!important}
.tpp{position:relative;display:block;color:#fff9e4}
.tpp-g{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0}
.tpp-view{display:none;flex-direction:column;gap:9px}
.tpp-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.tpp-title{font:400 18px/1.15 Shrikhand,Georgia,serif;color:#f6eacf}
.tpp-step{display:inline-flex;align-items:center;gap:8px;background:#0f2418;border:1px solid #3b5a46;border-radius:999px;padding:4px}
.tpp-step label,.tpp-step-off{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f3c663;color:#14301f;font:800 20px/1 Arial,sans-serif;cursor:pointer;user-select:none;transition:transform .15s,background .15s}
.tpp-step label:hover{background:#ffd970;transform:scale(1.08)}
.tpp-step-off{background:#ffffff1f;color:#ffffff59;cursor:default}
.tpp-step b{min-width:5.4em;text-align:center;font:800 14px/1 Arial,sans-serif;color:#fff9e4;letter-spacing:.02em}
.tpp-g:focus-visible~.tpp-view .tpp-step{outline:3px solid #f3c663;outline-offset:2px}
.tpp-pkgs{display:grid;grid-template-columns:1fr;gap:8px}
.tpp-pkg{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 11px 11px;border-radius:9px;background:#f4ead0;border:2px solid #d8c48d;box-shadow:0 2px 0 #c9b277}
.tpp-pkg-byo{background:#ffffff12;border-color:#ffffff38;box-shadow:none}
.tpp-label{font:800 11px/1.25 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6a5521}
.tpp-pkg-byo .tpp-label{color:#f3c663}
.trail-product .tpp .tpp-pkg strong,.tpp .tpp-pkg strong{font:800 27px/1 Arial,sans-serif;color:#1e4a33;white-space:nowrap;letter-spacing:0}
.trail-product .tpp .tpp-pkg strong small,.tpp .tpp-pkg strong small{font:700 11.5px/1 Arial,sans-serif;letter-spacing:.03em;color:#5b6a5e;margin-left:3px}
.trail-product .tpp .tpp-pkg-byo strong,.tpp .tpp-pkg-byo strong{color:#fff9e4}
.trail-product .tpp .tpp-pkg-byo strong small,.tpp .tpp-pkg-byo strong small{color:#cfd9c9}
.tpp-sub{font:12px/1.3 Arial,sans-serif;color:#5a675d;white-space:normal}
.tpp-pkg-byo .tpp-sub{color:#cfd9c9}
.tpp-total{font:800 13px/1.25 Arial,sans-serif;color:#1e4a33}
.tpp-pkg-byo .tpp-total{color:#fff9e4}
.trail-product .tpp p.tpp-note,.tpp-note{margin:0;font:12px/1.35 Arial,sans-serif;color:#cfd9c9}
.tpp-sub,.tpp-total{overflow-wrap:anywhere}
.tpp:has(.tpp-g[value="1"]:checked) .tpp-view[data-n="1"],.tpp:has(.tpp-g[value="2"]:checked) .tpp-view[data-n="2"],.tpp:has(.tpp-g[value="3"]:checked) .tpp-view[data-n="3"],.tpp:has(.tpp-g[value="4"]:checked) .tpp-view[data-n="4"],.tpp:has(.tpp-g[value="5"]:checked) .tpp-view[data-n="5"],.tpp:has(.tpp-g[value="6"]:checked) .tpp-view[data-n="6"],.tpp:has(.tpp-g[value="7"]:checked) .tpp-view[data-n="7"],.tpp:has(.tpp-g[value="8"]:checked) .tpp-view[data-n="8"],.tpp:has(.tpp-g[value="9"]:checked) .tpp-view[data-n="9"],.tpp:has(.tpp-g[value="10"]:checked) .tpp-view[data-n="10"]{display:flex}