.z82-fence3d{--f3-accent:#a9cf3c;--f3-ink:#182019;--f3-muted:#68716a;--f3-line:#d8ded6;--f3-panel:#f5f7f2;--f3-dark:#253027;--f3-radius:24px;position:relative;left:50%;width:min(calc(100vw - 32px),1220px);margin:clamp(52px,7vw,92px) 0;transform:translateX(-50%);font-family:inherit;color:var(--f3-ink)}
/* Match the site container when the calculator is a standalone page. */
@media(min-width:1051px){.z82-theme-v2 .wp-site-blocks>main>.z82-fence3d{width:min(var(--z82-container,1440px),calc(100% - 2 * var(--z82-gutter,16px)))}}
.z82-fence3d *{box-sizing:border-box}
.z82-fence3d button,.z82-fence3d input{font:inherit}
.z82-fence3d button{cursor:pointer}
.z82-fence3d__intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);gap:clamp(36px,7vw,100px);align-items:end;margin-bottom:28px}
.z82-fence3d__eyebrow{margin:0 0 9px;color:#75952b;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.z82-fence3d__intro :is(h1,h2){max-width:700px;margin:0;font-size:clamp(34px,4.2vw,54px);line-height:1.04;letter-spacing:-.045em}
.z82-fence3d__intro>p{max-width:560px;margin:0 0 5px;color:var(--f3-muted);font-size:16px;line-height:1.65}
.z82-fence3d__app{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(380px,.72fr);align-items:stretch;min-height:710px;border:1px solid #cfd7cc;border-radius:var(--f3-radius);overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(25,39,29,.13)}
.z82-fence3d__stage{position:relative;min-width:0;min-height:710px;overflow:hidden;background:linear-gradient(160deg,#dfe5dd 0%,#f4f4ef 52%,#c7d1c3 100%)}
.z82-fence3d__canvas{position:absolute;inset:0;touch-action:none}
.z82-fence3d__canvas canvas{display:block;width:100%!important;height:100%!important;outline:0}
.z82-fence3d__stage:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 45% 35%,transparent 0,transparent 42%,rgba(31,45,35,.1) 100%)}
.z82-fence3d__stage-bar{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 17px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(246,248,244,.84);box-shadow:0 12px 32px rgba(30,42,34,.12);backdrop-filter:blur(12px);font-size:14px}
.z82-fence3d__view-actions{display:flex;gap:4px}
.z82-fence3d__view-actions button{min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#455047;font-size:13px;font-weight:700}
.z82-fence3d__view-actions button:hover,.z82-fence3d__view-actions button:focus-visible{background:#e6ecd9;color:#293526;outline:0}
.z82-fence3d__fallback{position:absolute;z-index:4;inset:auto 24px 80px;margin:0;padding:14px 16px;border-radius:12px;background:#fff;color:#4d574f;box-shadow:0 12px 28px rgba(24,34,27,.16)}
.z82-fence3d__panel{display:block;min-width:0;min-height:710px;overflow:visible;background:#fbfcf9;border-left:1px solid #d8ded5}
.z82-fence3d__step{padding:34px 30px 36px;overflow:visible;animation:z82-f3-in .24s ease}
@keyframes z82-f3-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.z82-fence3d__step-head{margin-bottom:22px}
.z82-fence3d__step-head>span,.z82-fence3d__step-kicker span{color:#78972d;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.z82-fence3d__step-kicker{display:flex;align-items:center;gap:10px}
.z82-fence3d__step-kicker button{padding:0;border:0;background:transparent;color:#68736b;font-size:12px;font-weight:800;cursor:pointer}
.z82-fence3d__step-kicker button:hover,.z82-fence3d__step-kicker button:focus-visible{color:#557019;outline:0;text-decoration:underline;text-underline-offset:3px}
.z82-fence3d__step-head h3{margin:5px 0 7px;font-size:25px;line-height:1.16;letter-spacing:-.025em}
.z82-fence3d__step-head p{margin:0;color:var(--f3-muted);font-size:14px;line-height:1.55}
.z82-fence3d__layout-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}
.z82-fence3d__layout-row button,.z82-fence3d__geometry-actions button{min-width:0;padding:10px 8px;border:1px solid var(--f3-line);border-radius:10px;background:#fff;color:#2d352f;font-size:12px;font-weight:800}
.z82-fence3d__layout-row button:hover,.z82-fence3d__layout-row button:focus-visible,.z82-fence3d__geometry-actions button:hover,.z82-fence3d__geometry-actions button:focus-visible{border-color:#96b642;box-shadow:0 0 0 3px rgba(169,207,60,.15);outline:0}
.z82-fence3d__layout-row button.is-active{border-color:#91b33d;background:#e7efcf;color:#40551d}
.z82-fence3d__geometry-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:-9px 0 20px}
.z82-fence3d__sides{display:grid;gap:8px;margin-bottom:20px}
.z82-fence3d__side{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--f3-line);border-radius:11px;background:#fff}
.z82-fence3d__side-main{display:grid;grid-template-columns:auto minmax(0,1fr) 92px auto;gap:9px;align-items:center}
.z82-fence3d__side.is-active{border-color:#96b642;box-shadow:inset 3px 0 var(--f3-accent)}
.z82-fence3d__side-toggle{display:grid;place-items:center;width:27px;height:27px;border:1px solid #bac3b8;border-radius:8px;background:#fff;color:transparent;font-weight:900}
.z82-fence3d__side-toggle[aria-pressed="true"]{border-color:#91af45;background:#dceab9;color:#4f681d}
.z82-fence3d__side-name{display:flex;flex-direction:column;gap:1px;border:0;background:transparent;text-align:left;color:#252d27;font-size:14px;font-weight:800}
.z82-fence3d__side-name small{color:#7b837d;font-size:10px;font-weight:600}
.z82-fence3d__side label{position:relative}
.z82-fence3d__side input{width:100%;height:39px;padding:0 28px 0 10px;border:1px solid #cfd6cd;border-radius:8px;background:#f7f9f5;color:#293029;font-weight:750}
.z82-fence3d__side label span{position:absolute;right:9px;top:9px;color:#7b827c;font-size:12px}
.z82-fence3d__side-remove{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#f0f2ef;color:#6e776f;font-size:18px}
.z82-fence3d__turn,.z82-fence3d__branch-position{display:grid;grid-template-columns:112px 1fr;gap:8px;align-items:center;color:#6f7871;font-size:11px;font-weight:750}
.z82-fence3d__turn select{min-height:36px;border:1px solid #cfd6cd;border-radius:8px;background:#f7f9f5;padding:0 9px;color:#293029}
.z82-fence3d__branch-position input{height:auto;padding:0}
.z82-fence3d__segmented{display:grid;grid-template-columns:1fr repeat(3,64px);gap:5px;align-items:center;padding-top:17px;border-top:1px solid var(--f3-line)}
.z82-fence3d__segmented>span{font-size:13px;font-weight:800}
.z82-fence3d__segmented button{min-height:38px;padding:0 7px;border:1px solid #cbd3c9;border-radius:8px;background:#fff;color:#38423a;font-size:12px;font-weight:750}
.z82-fence3d__segmented button.is-active{border-color:#91b33d;background:#e7efcf;color:#40551d}
.z82-fence3d__next{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;width:100%;min-height:48px;margin-top:24px;padding:10px 18px;border:1px solid #93b535;border-radius:11px;background:var(--f3-accent);color:#202a1f;font-size:14px;font-weight:850;line-height:1.3;text-align:center;text-wrap:balance;box-shadow:0 10px 22px rgba(112,145,37,.16)}
.z82-fence3d__next>span+span{font-size:13px;font-weight:760}
.z82-fence3d__next:hover,.z82-fence3d__next:focus-visible{background:#b4d94c;outline:3px solid rgba(169,207,60,.22)}
.z82-fence3d__models{display:flex;gap:7px;width:100%;height:72px;overflow-x:auto;overflow-y:hidden;padding:2px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;cursor:grab}
.z82-fence3d__models::-webkit-scrollbar{display:none}
.z82-fence3d__models.is-dragging{cursor:grabbing;user-select:none;scroll-snap-type:none}
.z82-fence3d__model-group{margin-top:18px}
.z82-fence3d__model-group:first-of-type{margin-top:0}
.z82-fence3d__model-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;color:#465048}
.z82-fence3d__model-title>b{font-size:12px}
.z82-fence3d__model-title button{flex:0 0 auto;padding:0;border:0;background:transparent;color:#697761;font-size:10px;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.z82-fence3d__model-title button.is-active{color:#607d21}
.z82-fence3d__model-scroll{display:block;appearance:none;width:100%;height:10px;margin:2px 0 0;padding:0;border:0;background:transparent;cursor:ew-resize}
.z82-fence3d__model-scroll::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:#dfe5db}
.z82-fence3d__model-scroll::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:#96b73b;box-shadow:0 1px 4px rgba(64,84,46,.2)}
.z82-fence3d__model-scroll::-moz-range-track{height:3px;border:0;border-radius:999px;background:#dfe5db}
.z82-fence3d__model-scroll::-moz-range-progress{height:3px;border-radius:999px;background:#b9cb8c}
.z82-fence3d__model-scroll::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#96b73b;box-shadow:0 1px 4px rgba(64,84,46,.2)}
.z82-fence3d__model-scroll:disabled{opacity:.28;cursor:default}
.z82-fence3d__step[data-z82-step="model"]:not([hidden]){display:flex;flex-direction:column;gap:6px;min-height:790px;padding-bottom:22px;box-sizing:border-box;overflow:visible}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__step-head{margin-bottom:0}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__model-group{display:grid;grid-template-rows:auto 76px 10px;flex:0 0 auto;gap:4px;min-height:0;margin:0;padding-top:4px;border-top:1px solid #e3e8e0}
.z82-fence3d__model-group[hidden]{display:none!important}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__model-group:first-of-type{border-top:0}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__models{height:76px;min-height:0;max-height:none;gap:9px;flex-wrap:nowrap}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__model{flex-basis:120px}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__model img{height:40px}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__side-tabs{margin-bottom:4px}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__opening-side-label{margin:0;padding-block:6px}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__next{flex-shrink:0;min-height:58px;margin-top:14px}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__model>span{min-height:30px;padding:3px 7px 4px}
.z82-fence3d__step[data-z82-step="model"] .z82-fence3d__model-scroll{margin:0}
.z82-fence3d .z82-fence3d__next>span:first-child{font-weight:600}
.z82-fence3d__model{position:relative;flex:0 0 112px;min-width:0;padding:0;border:1px solid var(--f3-line);border-radius:10px;overflow:hidden;background:#fff;text-align:left;color:#252d27;scroll-snap-align:start}
.z82-fence3d__model img{display:block;box-sizing:border-box;width:100%;height:44px;padding:4px;object-fit:contain;filter:grayscale(.82) contrast(1.08);background:transparent}
.z82-fence3d__model span{display:block;padding:5px 7px 7px;font-size:10px;font-weight:800;line-height:1.15;white-space:normal;overflow:hidden}
.z82-fence3d__model.is-active{border-color:#8fad36;box-shadow:0 0 0 2px rgba(169,207,60,.23)}
.z82-fence3d__model.is-active:after{content:"✓";position:absolute;right:5px;top:5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--f3-accent);color:#263021;font-size:11px;font-weight:900;box-shadow:0 3px 8px rgba(42,58,34,.2)}
.z82-fence3d__side-tabs{display:flex;gap:6px;margin-bottom:16px}
.z82-fence3d__side-tabs button{flex:1;min-height:38px;border:1px solid var(--f3-line);border-radius:9px;background:#fff;color:#535d55;font-size:12px;font-weight:800}
.z82-fence3d__side-tabs button.is-active{border-color:#94b440;background:#e5edcf;color:#40541e}
.z82-fence3d__opening-side-label{margin:-7px 0 13px;padding:8px 10px;border-left:3px solid var(--f3-accent);background:#f2f6e8;color:#43513f;font-size:12px;font-weight:750;line-height:1.4}
.z82-fence3d__opening-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.z82-fence3d__opening-actions button{min-width:0;min-height:94px;padding:10px 5px;border:1px solid var(--f3-line);border-radius:11px;background:#fff;color:#2d362e}
.z82-fence3d__opening-actions button>span{display:block;color:#7d9b30;font-size:23px;line-height:1}
.z82-fence3d__opening-actions button b,.z82-fence3d__opening-actions button small{display:block}
.z82-fence3d__opening-actions button b{margin-top:7px;font-size:11px;line-height:1.25}
.z82-fence3d__opening-actions button small{margin-top:3px;color:#818982;font-size:9px}
.z82-fence3d__opening-actions button:hover,.z82-fence3d__opening-actions button:focus-visible{border-color:#93b53b;background:#f4f8e9;outline:0}
.z82-fence3d__openings{display:grid;gap:8px;margin-top:16px}
.z82-fence3d__empty{margin:0;padding:13px;border:1px dashed #c7d0c5;border-radius:10px;color:#747d75;font-size:13px;text-align:center}
.z82-fence3d__opening{padding:11px 12px;border:1px solid var(--f3-line);border-radius:11px;background:#fff}
.z82-fence3d__opening-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:12px}
.z82-fence3d__opening-head button{border:0;background:transparent;color:#9a4a42;font-size:12px;font-weight:750}
.z82-fence3d__opening-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.z82-fence3d__opening-fields label{display:grid;gap:5px;color:#5c655e;font-size:10px;font-weight:750}
.z82-fence3d__opening-fields label>span:last-child{display:flex;align-items:center;gap:4px}
.z82-fence3d__opening-fields input{box-sizing:border-box;width:100%;min-width:0;min-height:34px;padding:5px 7px;border:1px solid var(--f3-line);border-radius:8px;background:#f8f9f6;color:#283129;font:700 13px/1 inherit;text-align:right}
.z82-fence3d__opening input[type="range"]{width:100%;accent-color:#8bad33}
.z82-fence3d .z82-fence3d__conditions{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin-bottom:18px}
.z82-fence3d__conditions>*{grid-column:1}
.z82-fence3d__route-field{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:end}
.z82-fence3d__route-field>button{width:100%;min-width:0;white-space:normal;min-height:43px;padding:0 12px;border:1px solid #a3bd60;border-radius:9px;background:#edf4dc;color:#33451f;font-size:13px;font-weight:750;line-height:1.25;text-align:center;box-shadow:none;cursor:pointer}
.z82-fence3d__route-field>button:disabled{cursor:wait;opacity:.65}
.z82-fence3d__route-field>p{margin:0;color:#647067;font-size:12px;line-height:1.4}
.z82-fence3d__route-field>p.is-ok{color:#56751f;font-weight:750}.z82-fence3d__route-field>p.is-error{color:#a04438}
.z82-fence3d__step-error{margin:14px 0 0;padding:10px 12px;border:1px solid #d9aaa4;border-left:4px solid #a04438;border-radius:9px;background:#fff3f1;color:#87372f;font-size:12px;font-weight:750;line-height:1.45}
.z82-fence3d__step-error:focus{outline:2px solid rgba(160,68,56,.28);outline-offset:2px}
.z82-fence3d [aria-invalid="true"]{border-color:#b75a4f!important;box-shadow:0 0 0 2px rgba(183,90,79,.14)!important}
.z82-fence3d__conditions-help{grid-column:1/-1;margin:0;padding:10px 12px;border-left:3px solid var(--f3-accent);background:#f2f6e8;color:#52604f;font-size:12px;line-height:1.45}
.z82-fence3d .z82-fence3d__field{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;color:#465048;font-size:12px;font-weight:800}
.z82-fence3d__field--wide{grid-column:1/-1}
.z82-fence3d__field>small{color:#7a837b;font-size:10px;font-weight:600;line-height:1.35}
.z82-fence3d .z82-fence3d__field input,.z82-fence3d .z82-fence3d__field select{display:block;width:100%;height:43px;margin:0;padding:0 11px;border:1px solid #c8d0c6;border-radius:9px;background:#fff;color:#252d26;font-size:13px;line-height:1.2}
.z82-fence3d .z82-fence3d__field input:focus,.z82-fence3d .z82-fence3d__field select:focus,.z82-fence3d__opening-fields input:focus{border-color:#9bb95a;outline:0;box-shadow:0 0 0 1px rgba(145,173,75,.16)}
.z82-fence3d button:focus-visible{outline:0;box-shadow:0 0 0 2px rgba(145,173,75,.18)}
.z82-fence3d .z82-fence3d__check{display:flex;gap:10px;align-items:flex-start;min-width:0;margin:0;padding:12px;border:1px solid var(--f3-line);border-radius:10px;background:#fff;color:#333d35;font-size:12px}
.z82-fence3d__check input{margin-top:3px;accent-color:#8bad33}
.z82-fence3d__check span,.z82-fence3d__check small{display:block}
.z82-fence3d__check small{margin-top:3px;color:#747d75;font-weight:600;line-height:1.35}
.z82-fence3d__summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 0 18px;background:var(--f3-line);border:1px solid var(--f3-line);border-radius:12px;overflow:hidden}
.z82-fence3d__summary div{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#fff}
.z82-fence3d__summary dt{color:#6e766f;font-size:12px}
.z82-fence3d__summary dd{margin:0;font-size:13px;font-weight:850}
.z82-fence3d__estimate{margin-bottom:18px;padding:15px 16px;border:1px solid #cdd8b6;border-radius:12px;background:#f0f5e4}
.z82-fence3d__estimate>span,.z82-fence3d__estimate small{display:block;color:#66715e;font-size:11px;line-height:1.45}
.z82-fence3d__estimate strong{display:block;margin:3px 0 5px;font-size:25px;letter-spacing:-.025em}
.z82-fence3d__estimate-details{margin:9px 0 8px;border-top:1px solid #d7dfc7;border-bottom:1px solid #d7dfc7}
.z82-fence3d__estimate-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;color:#4c5749;font-size:13px;font-weight:800;list-style:none;cursor:pointer}
.z82-fence3d__estimate-details summary::-webkit-details-marker{display:none}
.z82-fence3d__estimate-details summary span:last-child{font-size:18px;line-height:1;transition:transform .18s ease}
.z82-fence3d__estimate-details[open] summary span:last-child{transform:rotate(180deg)}
.z82-fence3d__estimate-lines{display:grid;gap:5px;margin:10px 0;padding-top:9px;border-top:1px solid #d7dfc7}
.z82-fence3d__estimate-lines div{display:flex;justify-content:space-between;gap:12px;color:#4c5749;font-size:11px}
.z82-fence3d__estimate-lines b{color:#263026}
.z82-fence3d__lead{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.z82-fence3d__lead label{font-size:11px;font-weight:800}
.z82-fence3d__lead input:not([type="checkbox"]){width:100%;height:43px;margin-top:5px;padding:0 11px;border:1px solid #c8d0c6;border-radius:9px;background:#fff;color:#252d26}
.z82-fence3d__lead input:focus{border-color:#9bb95a;outline:0;box-shadow:0 0 0 1px rgba(145,173,75,.16)}
.z82-fence3d__consent{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;color:#626b63;font-weight:600!important;line-height:1.4}
.z82-fence3d__delivery-choice{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 0;padding:0;border:0}
.z82-fence3d__delivery-choice legend{grid-column:1/-1;margin-bottom:5px;color:#465048;font-size:11px;font-weight:800}
.z82-fence3d__delivery-choice label{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;margin:0;border:1px solid #c8d0c6;border-radius:10px;background:#fff;font-size:12px;font-weight:750;cursor:pointer}
.z82-fence3d .z82-fence3d__delivery-choice input[type="radio"]{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.z82-fence3d__delivery-choice label:has(input:checked){border-color:#8eae39;background:#edf4dc;color:#42551f}
.z82-fence3d__email{grid-column:1/-1}
.z82-fence3d__channel-note{grid-column:1/-1;margin:0;color:#68716a;font-size:11px;line-height:1.4}
.z82-fence3d__consent input{margin-top:2px;accent-color:#89a934}
.z82-fence3d__consent a{color:inherit;text-underline-offset:2px}
.z82-fence3d__lead button[type="submit"]{grid-column:1/-1;min-height:48px;border:1px solid #93b535;border-radius:10px;background:var(--f3-accent);color:#202a1f;font-size:13px;font-weight:850}
.z82-fence3d__status{grid-column:1/-1;min-height:20px;margin:0;color:#59635a;font-size:12px;line-height:1.45}
.z82-fence3d__download{grid-column:1/-1;min-height:46px;border:1px solid #6f8e2f;border-radius:10px;background:#fff;color:#405520;font-size:13px;font-weight:850;cursor:pointer}
.z82-fence3d__download:hover{background:#f3f8e9}
.z82-fence3d__download:disabled{opacity:.62;cursor:wait}
.z82-fence3d__honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:1050px){.z82-fence3d{width:min(calc(100vw - 28px),920px)}.z82-fence3d__app{grid-template-columns:1fr;min-height:0}.z82-fence3d__stage{height:540px;min-height:540px}.z82-fence3d__panel{min-height:0;border-left:0;border-top:1px solid var(--f3-line)}.z82-fence3d__step[data-z82-step="model"]:not([hidden]){height:auto;min-height:620px}.z82-fence3d__step{padding:28px 34px 34px}}
@media(max-width:720px){.z82-fence3d{width:min(calc(100vw - 20px),620px);margin:46px 0}.z82-fence3d__intro{grid-template-columns:1fr;gap:15px}.z82-fence3d__intro :is(h1,h2){font-size:clamp(32px,10vw,43px)}.z82-fence3d__app{border-radius:18px}.z82-fence3d__stage{min-height:420px}.z82-fence3d__stage-bar{left:10px;right:10px;bottom:10px;align-items:flex-start;flex-direction:column}.z82-fence3d__view-actions{width:100%}.z82-fence3d__view-actions button{flex:1}.z82-fence3d__step{padding:23px 18px 26px}.z82-fence3d__layout-row,.z82-fence3d__geometry-actions{grid-template-columns:1fr}.z82-fence3d__side-main{grid-template-columns:auto minmax(0,1fr) 82px auto}.z82-fence3d__turn,.z82-fence3d__branch-position{grid-template-columns:1fr}.z82-fence3d__segmented{grid-template-columns:1fr repeat(3,57px)}.z82-fence3d__model{flex-basis:106px}.z82-fence3d__opening-actions{grid-template-columns:1fr}.z82-fence3d__opening-actions button{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;min-height:68px;text-align:left;padding:10px 13px}.z82-fence3d__opening-actions button>span{grid-row:1/3;align-self:center}.z82-fence3d__opening-actions button b{margin:0}.z82-fence3d .z82-fence3d__conditions{grid-template-columns:1fr}.z82-fence3d__conditions>*{grid-column:1!important}.z82-fence3d__route-field{grid-template-columns:1fr}.z82-fence3d__route-field>button,.z82-fence3d__route-field>p{grid-column:1}.z82-fence3d__lead{grid-template-columns:1fr}.z82-fence3d__lead>*{grid-column:1!important}.z82-fence3d__delivery-choice{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:430px){.z82-fence3d__stage{min-height:360px}.z82-fence3d__stage-bar>span{font-size:12px}.z82-fence3d__model{flex-basis:98px}.z82-fence3d__summary{grid-template-columns:1fr}}

/* Final step: estimate first, open composition and compact inline quantities. */
.z82-fence3d__step[data-z82-step="summary"]{padding-top:26px;padding-bottom:28px}
.z82-fence3d__step[data-z82-step="summary"] .z82-fence3d__step-head{margin-bottom:14px}
.z82-fence3d__step[data-z82-step="summary"] .z82-fence3d__summary{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:4px;margin:10px 0 12px;padding:0;border:0;border-radius:0;overflow:visible;background:transparent}
.z82-fence3d__step[data-z82-step="summary"] .z82-fence3d__summary div{display:flex;align-items:baseline;justify-content:flex-start;gap:4px;min-width:0;padding:0;background:transparent;text-align:left}
.z82-fence3d__step[data-z82-step="summary"] .z82-fence3d__summary dt{color:var(--f3-muted);font-size:13px;line-height:1.45;white-space:nowrap}
.z82-fence3d__step[data-z82-step="summary"] .z82-fence3d__summary dd{margin:0;color:var(--f3-ink);font-size:13px;font-weight:600;line-height:1.45;white-space:nowrap}
.z82-fence3d__step[data-z82-step="summary"] .z82-fence3d__estimate{margin-bottom:10px;padding:12px 14px}
.z82-fence3d__step[data-z82-step="summary"] .z82-fence3d__estimate-exclusions{margin:0 0 16px;color:var(--f3-muted);font-size:13px;line-height:1.45}

/* Readable interface scale: helper copy and filled form values must not shrink. */
.z82-fence3d__step-head p{font-size:16px}
.z82-fence3d__step-kicker span,.z82-fence3d__step-kicker button{font-size:13px}
.z82-fence3d__layout-row button,.z82-fence3d__geometry-actions button,.z82-fence3d__segmented button,.z82-fence3d__side-tabs button{font-size:14px}
.z82-fence3d__side-name{font-size:15px}.z82-fence3d__side-name small{font-size:12px}
.z82-fence3d__turn,.z82-fence3d__branch-position,.z82-fence3d__opening-side-label,.z82-fence3d__opening-head{font-size:13px}
.z82-fence3d__opening-actions button b{font-size:14px}.z82-fence3d__opening-actions button small,.z82-fence3d__opening-fields label{font-size:12px}
.z82-fence3d__route-field>p,.z82-fence3d__conditions-help,.z82-fence3d__step-error{font-size:14px}
.z82-fence3d .z82-fence3d__field,.z82-fence3d .z82-fence3d__check{font-size:14px}
.z82-fence3d__field>small,.z82-fence3d__check small{font-size:13px}
.z82-fence3d .z82-fence3d__field input,.z82-fence3d .z82-fence3d__field select,.z82-fence3d__lead input:not([type="checkbox"]){font-size:16px}
.z82-fence3d__summary dt{font-size:14px}.z82-fence3d__summary dd{font-size:15px}
.z82-fence3d__estimate>span,.z82-fence3d__estimate small,.z82-fence3d__estimate-lines div{font-size:14px}
.z82-fence3d__lead label,.z82-fence3d__delivery-choice legend,.z82-fence3d__delivery-choice label,.z82-fence3d__channel-note,.z82-fence3d__status{font-size:14px}
.z82-fence3d__lead button[type="submit"],.z82-fence3d__download,.z82-fence3d__next{font-size:15px}
.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__step-head p{font-size:14px;line-height:1.5}
.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__step-kicker span,.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__step-kicker button{font-size:12px}
.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__field,.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__check{font-size:13px}
.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__field>small,.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__check small,.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__route-field>p,.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__conditions-help{font-size:12px}
.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__field input,.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__field select{font-size:15px}
@media(prefers-reduced-motion:reduce){.z82-fence3d__step{animation:none}}

/* Mobile 3D control is opt-in so the scene does not trap page scrolling. */
.z82-fence3d__touch-toggle{display:none}
@media(max-width:720px){
.z82-fence3d__view-actions button{min-height:44px}
.z82-fence3d:not(.z82-fence3d--embed).has-mobile-scene-control .z82-fence3d__canvas,.z82-fence3d:not(.z82-fence3d--embed).has-mobile-scene-control .z82-fence3d__canvas canvas{pointer-events:none}
.z82-fence3d:not(.z82-fence3d--embed).has-mobile-scene-control.is-touch-interactive .z82-fence3d__canvas,.z82-fence3d:not(.z82-fence3d--embed).has-mobile-scene-control.is-touch-interactive .z82-fence3d__canvas canvas{pointer-events:auto}
.z82-fence3d__touch-toggle:not([hidden]){display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 12px;border:1px solid #acba9e;border-radius:9px;background:#f6f8f0;color:#293526;font:inherit;font-size:14px;font-weight:700;line-height:1.3;text-align:center;cursor:pointer}
.z82-fence3d__touch-toggle[aria-pressed="true"]{background:#e6ecd9;border-color:#829668}
.z82-fence3d__touch-toggle:focus-visible{outline:3px solid #93b535;outline-offset:2px}
}

/* Compact desktop delivery and site conditions without hiding inputs. */
@media(min-width:1051px){
.z82-fence3d__step[data-z82-step="conditions"]{padding-block:28px}
.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__step-head{margin-bottom:16px}
.z82-fence3d .z82-fence3d__conditions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:0}
.z82-fence3d__conditions>*{grid-column:auto}
.z82-fence3d__conditions>.z82-fence3d__route-field,.z82-fence3d__conditions>.z82-fence3d__field--wide{grid-column:1/-1}
.z82-fence3d__route-field{grid-template-columns:minmax(0,1fr) 134px}
.z82-fence3d__route-field>p{grid-column:1/-1}
.z82-fence3d__conditions>.z82-fence3d__check{align-items:center;min-height:46px;padding:10px}
.z82-fence3d__conditions>.z82-fence3d__check input{margin-top:0}
.z82-fence3d__step[data-z82-step="conditions"] .z82-fence3d__next{margin-top:18px}
}