.keypad-page{color:#333;background:#fff;padding-bottom:60px;font-family:Inter,sans-serif}.keypad-hero{background-image:url(/images/product-banner/fcb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:200px;margin-bottom:2rem;display:flex;position:relative}.keypad-hero:before{content:"";z-index:1;background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;color:#fff;padding:0 1rem;position:relative}.hero-content h1{text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px #0009;color:#fff;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.hero-content p{opacity:.9;text-shadow:0 1px 2px #0009;margin:0;font-size:1.1rem;font-weight:400}.keypad-top{align-items:stretch;gap:60px;margin-bottom:20px;display:flex}.keypad-gallery-section{flex-direction:row;flex:1;gap:20px;max-width:600px;display:flex}.keypad-gallery-main{background:#f9f9f9;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;margin-bottom:0;display:flex;position:relative;overflow:hidden}.keypad-gallery-arrow{cursor:pointer;z-index:10;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026;color:#000!important}.keypad-gallery-arrow svg{width:24px;height:24px;stroke:#000!important;stroke-width:2.5px!important}.keypad-gallery-arrow svg path{fill:none;stroke:#000!important}.keypad-gallery-arrow:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #0003}.keypad-gallery-arrow.left{left:15px}.keypad-gallery-arrow.right{right:15px}.keypad-zoom-icon{cursor:pointer;color:#333;z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 2px 8px #0000001a}.keypad-main-media{object-fit:cover;border:none;width:100%;height:100%}.keypad-main-img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:auto;max-height:80%}.keypad-gallery-thumbs{justify-content:flex-start;gap:15px;width:80px;flex-direction:column!important;display:flex!important}.keypad-thumb-wrapper{cursor:pointer;opacity:1;background:#f9f9f9;border:2px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex;overflow:hidden}.keypad-thumb-wrapper.active,.keypad-thumb-wrapper:hover{border-color:#ddd}.keypad-thumb-img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:80%}.keypad-info{flex:1}.keypad-title{color:#222;margin-bottom:5px;font-size:2rem;font-weight:600;line-height:1.2}.keypad-highlights p{color:#444;text-align:justify;margin-bottom:20px;font-size:1rem;line-height:1.6}.keypad-highlights ul{margin-bottom:30px;margin-left:20px;padding:0;list-style:circle}.keypad-highlights li{color:#555;margin-bottom:8px;padding-left:0;font-size:.95rem;position:relative}.keypad-actions{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.keypad-btn-quote{cursor:pointer;color:#333;background:#fff;border:1px solid #ccc;border-radius:50px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.keypad-btn-quote:hover{color:#fff;background:#7acc3b;border-color:#7acc3b}.keypad-downloads{border-top:1px solid #eee;flex-direction:column;gap:10px;padding-top:20px;display:flex}.keypad-download-item{cursor:pointer;background:#f8f9fa;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:fit-content;min-width:250px;padding:10px 15px;text-decoration:none;transition:all .2s;display:flex}.keypad-download-item:hover{background:#7acc3b;border-color:#7acc3b}.keypad-download-item span{color:#444;font-size:.9rem;font-weight:500;transition:all .2s}.keypad-download-item:hover span{color:#fff}.keypad-download-link{color:#333;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s}.keypad-download-item:hover .keypad-download-link{color:#fff}.keypad-bottom{width:100%;margin-top:0;padding:0 20px;border-bottom:none!important}.keypad-tabs-header{border-bottom:none;justify-content:flex-start;gap:20px;max-width:1600px;margin-bottom:30px;margin-left:auto;margin-right:auto;padding-bottom:0;display:flex}.keypad-tab-btn{color:#555;cursor:pointer;background:#f4f6f8;border:2px solid #0000;border-radius:10px;outline:none;margin-bottom:0;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}.keypad-tab-btn:hover{color:#7acc3b;background:#7acc3b0d;border-color:#7acc3b}.keypad-tab-btn:focus,.keypad-tab-btn:focus-visible{box-shadow:none!important;outline:none!important}.keypad-tab-btn.active{color:#333;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7acc3b1a;border:2px solid #7acc3b!important}.keypad-tab-btn.active:after{display:none}.keypad-tab-content{width:100%;max-width:1600px;margin:0 auto;padding:0}.keypad-container{max-width:1200px;margin:0 auto;padding:40px 20px}.keypad-desc-layout{box-sizing:border-box;background:#fbfbfb;border-radius:12px;align-items:flex-start;gap:20px;width:100%;margin-left:0;margin-right:0;padding:40px 20px;display:flex}.keypad-desc-right{flex:1}.keypad-desc-right h3{color:#222;margin-top:0;margin-bottom:20px;font-size:1.8rem;font-weight:500;line-height:1.3}.keypad-desc-right p{color:#555;text-align:justify;margin-bottom:20px;font-size:1rem;line-height:1.7}.keypad-desc-right h4{color:#333;margin-top:30px;margin-bottom:15px;font-size:1.1rem;font-weight:600}.keypad-desc-right ul{margin-left:20px;padding:0;list-style:circle}.keypad-desc-right li{color:#555;margin-bottom:8px;font-size:1rem}.keypad-specs-layout{box-sizing:border-box;background:#fbfbfb;border-radius:12px;gap:20px;width:100%;margin-left:0;margin-right:0;padding:40px 20px;display:flex}.keypad-specs-right{flex:1}.keypad-specs-table{border-collapse:separate;border-spacing:0;border:1px solid #eee;border-radius:8px;width:100%;font-size:.95rem;overflow:hidden}.keypad-specs-table th,.keypad-specs-table td{text-align:left;border-bottom:1px solid #eee;padding:16px 20px}.keypad-specs-table th{color:#222;text-transform:uppercase;letter-spacing:.05em;background-color:#f4f6f8;width:30%;font-size:.85rem;font-weight:700}.keypad-specs-table td{color:#444;background:#fff}.keypad-specs-table tr:last-child td{border-bottom:none}.keypad-specs-table tr:nth-child(2n) td{background-color:#fff}.keypad-specs-table tr:hover td{background-color:#f0f9eb}.keypad-specs-table td strong{color:#000;font-weight:600}@media (max-width:900px){.keypad-top{flex-direction:column;align-items:center;gap:40px}.keypad-hero{height:200px}.keypad-gallery-section{flex-direction:column-reverse;width:100%;max-width:100%}.keypad-gallery-main{aspect-ratio:16/9;width:100%;height:auto}.keypad-gallery-thumbs{justify-content:center;width:100%;flex-direction:row!important}.keypad-info{width:100%}}@media (max-width:600px){.keypad-title{font-size:1.6rem}.keypad-actions{flex-direction:column}.keypad-btn-quote{text-align:center;width:fit-content;min-width:250px}.keypad-tabs-header{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;width:calc(100% + 40px);margin:0 -20px;padding:10px 20px;overflow-x:auto;border:none!important}.keypad-tab-btn{text-align:center;border-radius:50px;flex:none;width:auto;padding:10px 20px;font-size:.95rem}.keypad-tab-btn.active{color:#333;background:#fff;border:2px solid #7acc3b!important}.keypad-specs-table th,.keypad-specs-table td{width:auto;padding:10px;font-size:.9rem;display:table-cell}.keypad-specs-table th{vertical-align:top;background:#f9f9f9;width:35%}.keypad-specs-table td{padding-bottom:10px}}.keypad-modal-overlay{z-index:2147483640;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.keypad-modal-content{background:#fff;border-radius:12px;justify-content:center;align-items:center;max-width:70vw;max-height:70vh;padding:30px;display:flex;position:relative;box-shadow:0 20px 50px #00000080}.keypad-modal-close{color:#333;cursor:pointer;z-index:2147483647;background:#fff;border:none;border-radius:30px;align-items:center;gap:10px;width:auto;height:auto;padding:10px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #0003}.keypad-modal-close span{display:block}.keypad-modal-close:hover{background:#f8f8f8;transform:translate(5px)}.keypad-modal-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:60vh}.keypad-modal-media{border:none;border-radius:8px;width:60vw;height:50vh}@media (max-width:600px){.keypad-modal-content{width:90vw;max-height:60vh;padding:20px}.keypad-modal-close{width:32px;height:32px;padding:5px 12px;font-size:.8rem;top:10px;right:10px}.keypad-modal-media{width:100%;height:40vh}.keypad-modal-img{max-height:50vh}}