.fence-configurator{--green-dark: #1f7a4f;--green-main: #2fbf71;--green-light: #6ee7b7;color:#fff;max-width:960px;margin:20px auto;padding:3rem;border-radius:28px;position:relative;overflow:hidden;background:#00000059;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 30px 80px #00000059}.fence-configurator .fence-type-section,.fence-configurator .fence-posts-section{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.fence-configurator .fence-other-section{display:grid;grid-template-columns:1fr}.fence-length-card,.fence-type-card,.fence-posts-card,.fence-other-card{padding:2rem;border-radius:20px;background:#ffffff1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff40;margin-bottom:2.5rem;transition:all .25s ease}.fence-length-card:hover,.fence-type-card:hover,.fence-posts-card:hover,.fence-other-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px #00000073,inset 0 1px #ffffff4d}.fence-card h3{margin-bottom:1.2rem;font-size:1.25rem;font-weight:600;color:#fff;letter-spacing:.3px}.config-label{font-size:.8rem;color:#fff}.fence-configurator select,.fence-configurator input[type=number]{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;padding:.75rem 1rem;font-size:.9rem;transition:all .2s ease;box-shadow:inset 0 1px #fff3,0 4px 10px #0003}.fence-configurator input[type=checkbox]{accent-color:var(--green-main);transform:scale(1.1)}.fence-configurator input[type=checkbox]:disabled{pointer-events:none}.fence-configurator input::placeholder{color:#ffffff80}.fence-configurator input[type=range]{-webkit-appearance:none;width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--green-main),#6ee7b7) 0 / var(--progress, 0%) 100% no-repeat,#ffffff26;transition:background .1s ease}.fence-configurator input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--green-main);box-shadow:0 6px 14px #00000059;cursor:pointer}.fence-configurator input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--green-main)}.fence-configurator .range-value{font-size:2.2rem;font-weight:700;color:#fff;margin-top:.5rem}.fence-summary-card{margin:3rem 0;padding:2.5rem;border-radius:24px;background:linear-gradient(135deg,#1e8f55,#2fbf71);color:#fff;box-shadow:0 25px 60px #2fbf7173,inset 0 1px #ffffff40;position:relative;overflow:hidden}.fence-summary-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.25),transparent 60%)}.fence-configurator .price{font-size:1.8rem;font-weight:700}.fence-configurator #orderBtn{background:linear-gradient(135deg,#2fbf71,#1e8f55);color:#fff;border:none;border-radius:999px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 10px 25px #2fbf7159;transition:all .25s ease}.fence-configurator #orderBtn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 18px 40px #2fbf7173}.fence-configurator #orderBtn:disabled{opacity:.4}.fence-configurator #requestBtn{color:#fff;font-size:1rem;font-weight:700;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:1rem 2rem;background:#ffffff1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:all .2s ease}.fence-configurator #requestBtn:hover{background:#fff3;transform:translateY(-3px)}.fence-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.fence-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.fence-modal-card{position:relative;max-width:520px;margin:10vh auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 30px 80px #00000040;text-align:center}.fence-modal-card h2{margin-bottom:1rem}.modal-text{color:#374151;margin-bottom:1.5rem}.modal-summary{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:left}.modal-summary div{font-size:.9rem;margin-bottom:.4rem}.fence-modal-dialog{position:relative;max-width:420px;margin:8vh auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #00000040}.fence-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.fence-modal-title{margin:0;font-size:1.4rem;font-weight:600}.fence-modal-subtitle{margin:.5rem 0 1.5rem;font-size:.95rem;color:#666}.fence-modal-form{display:flex;flex-direction:column;gap:1.2rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-size:.85rem;font-weight:500;color:#333}.form-field input{padding:.7rem .8rem;border-radius:10px;border:1px solid #dcdcdc;font-size:.95rem}.form-actions{margin-top:.5rem}.btn-primary{width:100%;padding:.9rem;border-radius:999px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#2f7a4f,#3fa36c);transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2f7a4f4d}@media(max-width:768px){.fence-configurator{padding:1.5rem}.fence-configurator .fence-type-section,.fence-configurator .fence-posts-section{grid-template-columns:1fr}.fence-summary-card{position:sticky;bottom:1rem;padding:1.2rem}}.fence-configurator label{display:flex;flex-direction:column;gap:.5rem}.fence-configurator input[type=checkbox]{width:16px;height:16px;margin:0}.fence-configurator .fence-other-section label{display:flex;flex-direction:row;align-items:center;gap:.6rem}
/*# sourceMappingURL=/cdn/shop/t/1/assets/fence-configurator-modern.css.map */