/*
Theme Name: FenceOn
Version: 2.4.1
Description: FenceOn aluminum fences, gates and parts catalog.
Text Domain: fenceon
*/
:root{--yellow:#ffbf00;--ink:#171717;--gray:#f3f3f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a.button{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9d6d00;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:900;letter-spacing:-.045em;line-height:.98}h2{font-size:clamp(34px,4.4vw,64px);margin-bottom:24px}.preview-note{background:var(--yellow);font-size:10px;letter-spacing:1.5px;padding:8px 4%;font-weight:800;display:flex;justify-content:space-between}.preview-note span{letter-spacing:.2px;font-weight:400}header{background:var(--ink);color:white}.header-top{display:flex;gap:36px;align-items:center;padding:22px 4%}.logo{width:165px;height:58px;object-fit:contain}.search{flex:1;max-width:590px;display:flex;background:#303030}.search input{width:100%;background:none;border:0;color:white;padding:16px}.search button{background:none;color:var(--yellow);font-size:24px;padding:0 18px}.partner-link{margin-left:auto;font-size:12px;font-weight:800;white-space:nowrap}.partner-link span{color:var(--yellow);margin-left:15px}nav{display:flex;justify-content:space-between;padding:18px 4%;border-top:1px solid #444;font-size:12px;font-weight:800;letter-spacing:.4px}nav div{display:flex;gap:34px}nav>a{color:var(--yellow)}#menu{display:none}.hero{height:650px;position:relative;background:#242424;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.32) 65%,rgba(0,0,0,.05))}.hero-copy{position:absolute;top:76px;left:6%;max-width:720px;border-top:7px solid var(--yellow);padding-top:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;margin-bottom:22px}.hero h1{font-size:clamp(58px,7.4vw,106px);margin-bottom:22px}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.5;max-width:460px}.actions{display:flex;gap:14px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:15px 22px;font-size:12px;font-weight:900;letter-spacing:.4px}.yellow{background:var(--yellow);color:var(--ink)}.outline{border:1px solid #fff;background:transparent;color:#fff}.button:hover{filter:brightness(.93)}.hero-bottom{position:absolute;bottom:27px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;font-weight:700}.brand-strip{display:flex;justify-content:space-around;background:var(--yellow);padding:24px;font-size:12px;letter-spacing:1px;font-weight:900}.section{padding:78px 6%}.category-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.category{min-height:350px;position:relative;padding:34px;overflow:hidden}.category p,.category span{font-size:11px;font-weight:800;letter-spacing:1px}.category h3{font-size:52px;position:relative;z-index:1}.category span{position:relative;z-index:1;display:inline-block;border-bottom:2px solid var(--ink);padding-bottom:8px}.fence-category{background:var(--gray)}.fence-category img{position:absolute;width:66%;height:95%;object-fit:contain;right:-12%;bottom:-10%}.fence-category>div{position:relative;z-index:1}.gate-category{background:var(--yellow)}.category .category-description{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.6}.gate-lines{position:absolute;width:210px;height:260px;right:-40px;top:70px;border:9px solid rgba(0,0,0,.12);background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(0,0,0,.12) 35px 40px);transform:rotate(-12deg)}.shop{background:#fafafa;padding-top:65px}.shop-heading{display:flex;justify-content:space-between;align-items:end}.shop-heading>p{font-size:14px;line-height:1.6}.filters{display:flex;border-bottom:1px solid #ccc;gap:25px;margin:22px 0 30px}.filters button{padding:15px 0;background:none;font-size:12px;font-weight:900;border-bottom:4px solid transparent}.filters button.active{border-color:var(--yellow)}small{margin-left:8px;color:#666}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid #ddd;background:#fff;text-align:left;padding:0;display:flex;flex-direction:column;transition:transform .15s}.product:hover{transform:translateY(-4px);border-color:#888}.product-image{height:195px;background:#f1f1ed;display:grid;place-items:center;position:relative}.product-image img{width:100%;height:100%;object-fit:contain;background:white}.product-image .number{font-size:76px;letter-spacing:-7px;font-weight:900;color:#d3d3cb}.product-image .pending{position:absolute;bottom:16px;font-size:9px;letter-spacing:1px;color:#777}.product-info{padding:20px;flex:1}.product-info p{font-size:9px;color:#777;letter-spacing:1px;font-weight:800}.product-info h3{font-size:20px;line-height:1.1;letter-spacing:-.6px;min-height:44px;margin-bottom:16px}.product-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:#666}.swatch{display:inline-block;border:1px solid #bbb;width:12px;height:12px;border-radius:50%}.black{background:#171717}.white{background:#fff}.product-end{border-top:1px solid #eee;padding:14px 20px;font-size:10px;font-weight:900;display:flex;justify-content:space-between}.catalog-note{font-size:12px;color:#666;margin-top:25px}.details{display:grid;grid-template-columns:1.05fr 1fr;background:#202020;color:white}.detail-photo{background:#f2f2ef;display:flex;align-items:center;padding:30px}.detail-photo img{width:100%}.detail-copy{padding:65px 12%}.detail-copy .eyebrow{color:var(--yellow)}.detail-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;color:#ccc}.color-pair{display:flex;gap:28px;margin:30px 0;font-size:10px;font-weight:800}.color-pair span{display:flex;align-items:center;gap:10px}.color-pair i{display:block;width:22px;height:22px;border:1px solid #aaa;border-radius:50%}.partners{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--yellow)}.partners p{line-height:1.6;font-size:15px}.partners .eyebrow{font-size:11px}#locator{background:white;padding:36px;box-shadow:8px 8px 0 var(--ink);align-self:center}#locator label{display:block;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:10px}#locator input,#locator select{padding:15px;width:100%;border:1px solid #bbb;margin-bottom:22px;background:white}#locator button{width:100%;background:var(--ink);color:white}#locator-result{font-size:11px!important;color:#666;margin:18px 0 0}.join{display:grid;grid-template-columns:1fr 1fr;background:#f0f0ec}.join>img{width:100%;height:460px;object-fit:cover;object-position:50% 50%}.join>div{padding:65px 12%}.join h2{font-size:42px}.join p{line-height:1.6}.join .eyebrow{font-size:10px}footer{background:var(--ink);color:#fff;padding:60px 6% 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}footer img{width:160px}footer p{font-size:10px;letter-spacing:1px;margin-top:20px}footer h4{font-size:11px;color:var(--yellow);letter-spacing:1px}footer a,footer span{font-size:12px;display:block;margin-bottom:14px;color:#ccc}.footer-bottom{grid-column:1/-1;border-top:1px solid #444;padding-top:24px;display:flex;justify-content:space-between}.footer-bottom span{font-size:9px;letter-spacing:1px}dialog{border:0;padding:40px;width:min(680px,92vw);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#0009}.close{position:absolute;right:14px;top:10px;font-size:30px;background:none}dialog h2{font-size:36px}dialog p{line-height:1.6}dialog img{width:100%;max-height:220px;object-fit:contain}dialog label{display:block;margin:18px 0 8px;font-size:11px;font-weight:800}dialog select{padding:12px;width:100%;background:white;border:1px solid #bbb}.notice{background:#fff4ce;padding:15px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:900px){.partner-link{display:none}.products{grid-template-columns:repeat(2,1fr)}.category h3{font-size:38px}.partners{gap:30px}.actions{flex-wrap:wrap}nav div{gap:18px}.detail-copy{padding:45px 8%}.detail-copy h2{font-size:45px}}@media(max-width:600px){.preview-note span{display:none}.header-top{padding:16px 6%;gap:20px}.logo{width:120px;height:42px}.search{display:none}#menu{display:block;margin-left:auto;background:none;color:var(--yellow);font-size:12px}nav{display:none;flex-direction:column;gap:20px;padding:20px 6%}nav.open{display:flex}nav div{flex-direction:column}.hero{height:620px}.hero-copy{top:54px;right:6%;padding-top:22px}.hero h1{font-size:65px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-bottom{font-size:8px}.hero-bottom>a{display:none}.brand-strip{padding:18px 10px;gap:14px;font-size:8px}.section{padding:52px 6%}.category-grid,.details,.partners,.join{grid-template-columns:1fr}.category{min-height:290px}.category h3{font-size:43px}.shop-heading{display:block}.shop-heading>p{font-size:13px}.product-image{height:145px}.product-info{padding:14px}.product-info h3{font-size:18px}.product-end{padding:14px;font-size:9px}.detail-copy{padding:45px 6%}.detail-photo{padding:12px}.partners{gap:22px}#locator{padding:25px}.join>img{height:300px}.join>div{padding:45px 6%}footer{grid-template-columns:1fr 1fr;padding:42px 6% 20px}footer>div:first-child{grid-column:1/-1}.footer-bottom{gap:25px}.button{font-size:11px;padding:15px 17px}}
@media(max-width:600px){.hero-bottom{display:none}}
.parts-shop{background:#f0f0ec;border-top:5px solid var(--yellow)}.parts-shop .product-image{background:white}.parts-shop .product-image img{padding:12px}.part-gallery{display:flex;gap:12px;overflow-x:auto;margin:20px 0}.gallery-image{background:#f5f5f2;padding:8px;min-width:180px;width:180px}.gallery-image img{height:170px;width:100%;object-fit:contain}.spec-heading{font-size:15px;letter-spacing:.5px;margin-top:28px}.part-specs{font-size:13px}.part-specs>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:12px 0;border-bottom:1px solid #ddd}.part-specs dt{font-weight:bold}.part-specs dd{margin:0;line-height:1.5}.part-note,.part-source{font-size:12px;color:#555}.part-source a{text-decoration:underline}@media(max-width:600px){.parts-shop .filters{gap:15px}.parts-shop .filters button{font-size:9px}.parts-shop .product-info h3{font-size:16px}.part-specs>div{gap:12px}}
.product-info .part-price{font-size:16px;color:#171717;margin-top:17px;margin-bottom:0;letter-spacing:0}.part-detail-price{font-size:23px;font-weight:900;border-left:5px solid var(--yellow);padding-left:12px}