/* Highlander product presentation. Scoped to pages with the existing calculator. */
.fence-calculator-page{--fp-ink:#202920;--fp-muted:#687064;--fp-green:#244c36;--fp-soft:#f5f4f1}
.fence-calculator-page main>.wrap{max-width:1440px}
.fence-calculator-page .breadcrumbs{font-size:11px;color:var(--fp-muted);padding-top:25px;padding-bottom:24px}
.fence-calculator-page .fp-product{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start;padding:10px 0 64px;margin:0}
.fp-product .product-gallery{position:static;min-width:0}
.fp-gallery-surface{border-radius:30px;background:var(--fp-soft);overflow:hidden}
.fp-image-label,.fp-image-foot{display:flex;justify-content:space-between;gap:15px;padding:24px 28px;color:var(--fp-muted);font-size:12px}
.fp-image-label>span:last-child{color:var(--fp-ink)}
.fp-product .gallery-main{aspect-ratio:1.05;background:transparent;border:0;border-radius:0;min-height:0;max-height:none;display:grid;place-items:center;padding:0 22px;overflow:hidden}
.fp-product .gallery-main img{width:100%;height:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:0}
.fp-product .gallery-main [hidden]{display:none!important}
.fp-image-foot{border-top:1px solid #e6e5e0;padding:20px 28px;color:#485344}
.fp-product .gallery-thumbs{display:flex;flex-wrap:nowrap;gap:9px;margin:16px 0 0;overflow-x:auto;max-width:100%;padding:3px 2px 9px;scrollbar-width:thin}
.fp-product .gallery-thumbs button{flex:0 0 66px;width:66px;height:64px;border:1px solid transparent;border-radius:12px;padding:4px;background:var(--fp-soft);overflow:hidden}
.fp-product .gallery-thumbs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.fp-product .gallery-thumbs button[aria-pressed=true]{border-color:var(--fp-green);box-shadow:0 0 0 1px var(--fp-green)}
.fp-product .product-gallery .fp-photo-note{font-size:11px;line-height:1.65;color:#7b8275;max-width:65ch;margin:12px 0 0}
.fp-product .product-copy{padding:6px 0 0;min-width:0}
.fp-product .fp-product-type{font-size:13px;line-height:1.4;margin:0 0 15px;color:var(--fp-muted)}
.fp-product .product-copy h1{font-size:clamp(36px,4.2vw,60px);line-height:1.04;letter-spacing:-.058em;font-weight:550;margin:0 0 22px;max-width:15ch;color:var(--fp-ink)}
.fp-product h1>span{display:block}
.fp-product .fp-lead{font-size:16px;line-height:1.7;max-width:43ch;color:var(--fp-muted);margin:0 0 25px}
.fp-choices{border-top:1px solid #e5e8df;padding-top:23px;margin-bottom:24px}
.fp-choice-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--fp-muted);margin:0 0 13px}
.fp-choice-heading strong{font-weight:500;color:var(--fp-ink)}
.fp-swatches{display:flex;gap:18px;margin:0 0 23px}
.fp-swatch{display:flex;align-items:center;flex-direction:column;gap:9px;text-decoration:none;color:var(--fp-muted);font-size:11px;min-width:42px}
.fp-swatch i{display:block;width:34px;height:34px;background:var(--fp-swatch);border-radius:50%;border:4px solid white;box-shadow:0 0 0 1px #dce0d5;position:relative}
.fp-swatch[aria-current=page]{color:var(--fp-green)}
.fp-swatch[aria-current=page] i{box-shadow:0 0 0 2px var(--fp-green)}
.fp-swatch[aria-current=page] i:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:14px;text-shadow:0 1px 2px #0006}
.fp-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:21px}
.fp-profile-choice{border:1px solid #e0e4da;border-radius:13px;padding:12px 8px;color:var(--fp-muted);display:flex;align-items:center;flex-direction:column;gap:10px;text-decoration:none;text-align:center;font-size:12px;line-height:1.4;min-width:0}
.fp-profile-choice[aria-current=page]{border-color:var(--fp-green);background:#f5f7f2;color:var(--fp-green);box-shadow:inset 0 0 0 1px var(--fp-green)}
.fp-profile{width:31px;height:22px;display:flex;flex-direction:column;gap:2px;justify-content:center}
.fp-profile i{height:3px;background:currentColor;opacity:.6}
.fp-profile-vlak{gap:1px}.fp-profile-vlak i{height:5px}.fp-profile-rhv{flex-direction:row}.fp-profile-rhv i{height:100%;width:5px}
.fp-height-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--fp-muted)}
.fp-height-row nav{display:flex;gap:7px}.fp-height{border:1px solid #dfe3d9;padding:10px 20px;border-radius:10px;text-decoration:none;font-size:12px;color:var(--fp-ink)}
.fp-height[aria-current=page]{background:#f5f7f2;border-color:var(--fp-green);box-shadow:inset 0 0 0 1px var(--fp-green)}
.fp-dimension-note{font-size:10px!important;line-height:1.5!important;color:#7b8275!important;margin:13px 0 0!important}
.fp-calculate{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:28px;padding:17px 23px;background:var(--fp-green);color:white;text-decoration:none;font-size:14px;font-weight:550;min-height:55px;box-sizing:border-box}
.fp-calculate:hover{background:#153c27}.fp-calculate svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.fp-product .fp-calculate-note{font-size:11px;text-align:center;line-height:1.6;color:var(--fp-muted);margin:10px 0 17px}
.fence-calculator-page .fp-product .product-quote-panel{padding:12px 0;margin:0;border-top:1px solid #e5e8df}
.fp-product .product-actions{gap:8px;margin:0;flex-wrap:wrap}.fp-product .product-actions .pill{font-size:11px;padding:12px 17px;min-height:44px}
.fp-product .product-quote-promise{font-size:10px!important;line-height:1.5}
.fp-product .business-access{padding:12px 0 0;border-top:0;margin:0;font-size:11px;color:var(--fp-muted);background:none}
.fp-product .business-access p{font-size:11px;line-height:1.6;margin:0}.fp-product .business-access a{color:var(--fp-green)}
.fp-story{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0 76px}
.fp-lifestyle{margin:0;position:relative;border-radius:28px;overflow:hidden;background:var(--fp-soft);min-height:540px}
.fp-lifestyle>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% center}
.fp-lifestyle figcaption{position:absolute;left:24px;bottom:24px;background:#fffef8e8;color:#43503e;font-size:10px;line-height:1.5;padding:11px 15px;border-radius:20px;max-width:calc(100% - 48px)}
.fp-parts-card{border-radius:28px;background:var(--fp-soft);padding:44px 40px;display:flex;flex-direction:column;align-items:flex-start}
.fp-parts-card h2,.fp-information h2{font-size:clamp(28px,3.2vw,43px);line-height:1.09;letter-spacing:-.05em;font-weight:550;margin:0 0 18px;color:var(--fp-ink)}
.fp-card-intro{font-size:15px;line-height:1.7;color:var(--fp-muted);margin:0 0 25px;max-width:44ch}
.fp-parts-sheet{border:1px solid #e8e9e3;border-radius:19px;background:white;box-shadow:0 6px 14px #222a1e06;margin:0 0 25px;padding:3px 21px;width:100%;box-sizing:border-box}
.fp-part{display:flex;align-items:center;gap:16px;padding:18px 0}.fp-part+.fp-part{border-top:1px solid #eceee8}
.fp-part img{width:54px;height:60px;object-fit:contain;flex:0 0 54px}
.fp-part h3{font-size:15px;line-height:1.4;font-weight:550;margin:0 0 5px;letter-spacing:-.02em}
.fp-part p{font-size:12px;line-height:1.65;color:var(--fp-muted);margin:0}
.fp-text-link{color:var(--fp-green);font-size:13px;text-decoration:none;display:inline-flex;gap:16px;align-items:center;line-height:1.5}
.fp-text-link:hover{text-decoration:underline;text-underline-offset:4px}.fp-text-link span{font-size:19px}
.fp-information{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;margin:0 0 70px}
.fp-information>div>p{font-size:15px;line-height:1.7;color:var(--fp-muted);max-width:30ch;margin:0 0 25px}
.fp-accordions details{border-bottom:1px solid #e0e5d9;padding:0;background:none}.fp-accordions details:first-child{border-top:1px solid #e0e5d9}
.fp-accordions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:500;padding:23px 0;cursor:pointer;list-style:none}
.fp-accordions summary::-webkit-details-marker{display:none}.fp-accordions summary span{font-size:22px;font-weight:400}.fp-accordions details[open] summary span{transform:rotate(45deg)}
.fp-accordions details>p{font-size:13px;line-height:1.85;color:var(--fp-muted);margin:0 0 24px;max-width:70ch}.fp-accordions details>.fp-text-link{margin-bottom:24px}
.fp-accordions .product-facts{font-size:13px;line-height:1.6;margin:0 0 24px}.fp-accordions .product-facts>div{padding:12px 0}
.fence-calculator-page :is(.fp-product,.fp-story,.fp-information) :is(a,button,summary):focus-visible{outline:3px solid #84a773;outline-offset:5px}
@media(min-width:1100px){.fp-product .product-gallery{position:sticky;top:110px}}
@media(max-width:1000px){.fence-calculator-page .fp-product{gap:30px}.fp-swatches{gap:12px}.fp-parts-card{padding:30px 26px}.fp-information{gap:40px}.fp-lifestyle{min-height:520px}}
@media(max-width:760px){.fence-calculator-page .fp-product{grid-template-columns:1fr;gap:28px;padding-bottom:45px}.fp-product .product-copy h1{font-size:42px;max-width:100%;margin-bottom:16px}.fp-product h1>span{display:block}.fp-product .fp-product-type{margin-bottom:12px}.fp-product .fp-lead{font-size:15px}.fp-gallery-surface{border-radius:23px}.fp-image-label{padding:18px 20px;font-size:11px}.fp-image-foot{padding:16px 20px;font-size:11px}.fp-product .gallery-main{aspect-ratio:1.15;padding:0 15px}.fp-product .gallery-thumbs button{flex-basis:58px;width:58px;height:56px}.fp-product .product-gallery .fp-photo-note{font-size:10px}.fp-story{grid-template-columns:1fr;margin:0 0 48px;gap:16px}.fp-lifestyle{min-height:0;aspect-ratio:1.15;border-radius:23px}.fp-parts-card{padding:30px 25px;border-radius:23px}.fp-parts-card h2,.fp-information h2{font-size:34px}.fp-information{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.fp-information>div>p{max-width:none}.fp-profiles{gap:8px}.fp-profile-choice{font-size:11px}.fp-swatches{gap:22px}.fp-product .product-actions .pill{font-size:12px}.fp-part p{font-size:12px}.fp-lifestyle figcaption{left:17px;bottom:17px}.fence-calculator-page .breadcrumbs{font-size:10px;line-height:1.7;padding:18px 0}}
@media(max-width:370px){.fp-product .product-copy h1{font-size:36px}.fp-swatches{gap:14px}.fp-profile-choice{font-size:10px;padding:10px 5px}.fp-parts-card{padding:26px 20px}.fp-parts-sheet{padding:3px 14px}.fp-part{gap:10px}.fp-part img{width:42px;flex-basis:42px}.fp-calculate{padding:16px 20px;font-size:13px}.fp-parts-card h2,.fp-information h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.fence-calculator-page .fp-product *{animation:none!important;transition:none!important}}
.fp-product .product-quote-panel .product-actions .pill[data-request-kind="quote"]{background:#f3f5ef;color:#244c36;border-color:#e5e9df;border-radius:25px;min-height:48px;font-size:13px;box-shadow:none}
.fp-product .product-quote-panel .product-actions .pill[data-request-kind="quote"]:hover{background:#e9eedf;border-color:#d9e1cd}
.fp-product .product-quote-panel .product-actions .pill[data-request-kind="quote"] .pill-arrow{color:#244c36;border:0}
.fp-product .product-quote-panel .product-quote-promise{font-size:12px!important;line-height:1.65}