html{scroll-behavior:smooth}.page-eufy-security-lineup{position:relative;--max-width: 1480px}.page-eufy-security-lineup *,.page-eufy-security-lineup *:before,.page-eufy-security-lineup *:after{font-feature-settings:"palt"}.page-eufy-security-lineup .product-price-v2-unit{display:flex}.page-eufy-security-lineup h1,.page-eufy-security-lineup h2,.page-eufy-security-lineup h3,.page-eufy-security-lineup h4,.page-eufy-security-lineup h5{font-weight:400;letter-spacing:0;line-height:1.5}:is(.page-eufy-security-lineup h1,.page-eufy-security-lineup h2,.page-eufy-security-lineup h3,.page-eufy-security-lineup h4,.page-eufy-security-lineup h5) span{color:var(--clr-theme)}.page-eufy-security-lineup h2{font-size:24px;margin-bottom:20px}@media screen and (min-width: 1080px){.page-eufy-security-lineup h2{font-size:32px}}.page-eufy-security-lineup ruby rt{font-size:9px}.page-eufy-security-lineup a:hover,.page-eufy-security-lineup a:focus{opacity:.85;transition:all .3s ease}.page-eufy-security-lineup .text-link{text-decoration:underline}.page-eufy-security-lineup .m-sp{display:inline-block}@media screen and (min-width: 1080px){.page-eufy-security-lineup .m-sp{display:none}}.page-eufy-security-lineup .m-pc{display:none}@media screen and (min-width: 1080px){.page-eufy-security-lineup .m-pc{display:inline-block}}.page-eufy-security-lineup .wrapper{padding-left:10px;padding-right:10px}@media screen and (min-width: 1080px){.page-eufy-security-lineup .wrapper{padding:0}}.page-eufy-security-lineup .lp-btns{justify-content:unset;display:grid;width:fit-content;white-space:nowrap}.page-eufy-security-lineup .lp-btn{border:solid 1px var(--clr-anker);background:var(--clr-anker);grid-column:1 / 2;grid-row:1 / 2}.page-eufy-security-lineup .lp-btn-amazon{color:#fff;grid-column:2 / 3;grid-row:1 / 2}.page-eufy-security-lineup .lp-btns li.is-more{text-align:left;grid-column:1 / 3;grid-row:2 / 3}.page-eufy-security-lineup .lp-btns li.is-more a{color:#fff}.page-eufy-security-lineup .lp-txtLink .icon-svg svg{fill:#fff}.page-container{overflow:visible}@media screen and (min-width: 1080px){.sticky{position:sticky;top:60px;height:fit-content}}.ProductTitle{display:grid;place-items:center;gap:20px;font-size:24px}@media screen and (min-width: 1080px){.ProductTitle{display:inline-flex;align-items:center;font-size:40px;height:max-content;background-color:#f0f3f5}.ProductTitle h3{font-size:40px}}.ProductTitle img{mix-blend-mode:darken}.ProductInfo{padding:0}.ProductInfo.-white{background:#fff}@media screen and (min-width: 1080px){.ProductInfo{padding:40px 0}}.ProductInfo .wrapper{display:grid;gap:10px;padding:0}@media screen and (min-width: 1080px){.ProductInfo .wrapper{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;gap:20px}}.ProductInfo .product-highlight-block{display:flex;align-items:center;gap:16px;margin-top:40px;padding-left:10px}@media screen and (min-width: 1080px){.ProductInfo .product-highlight-block{gap:24px;margin-top:60px;padding-left:0}}.ProductInfo .product-highlight-block .highlight-index{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background-color:#f0f3f5;border-radius:4px}.ProductInfo .product-highlight-block .highlight-index span{font-size:20px;font-weight:700;background:linear-gradient(90deg,#005d8e,#003c5c);-webkit-background-clip:text;color:transparent}@media screen and (min-width: 1080px){.ProductInfo .product-highlight-block .highlight-index{width:80px;height:80px}.ProductInfo .product-highlight-block .highlight-index span{font-size:36px}}.ProductInfo .product-highlight-block .highlight-copy{display:grid;gap:8px}.ProductInfo .product-highlight-block .highlight-heading{font-size:18px;line-height:1.35}.ProductInfo .product-highlight-block .highlight-heading span{color:var(--clr-theme);font-weight:700}@media screen and (min-width: 1080px){.ProductInfo .product-highlight-block .highlight-heading{font-size:36px}}.ProductInfo .product-highlight-block .highlight-subheading{font-size:14px;line-height:1.4}@media screen and (min-width: 1080px){.ProductInfo .product-highlight-block .highlight-subheading{font-size:20px}}.RecommendItem{overflow:hidden;border-radius:4px;position:relative}@media screen and (min-width: 1080px){.RecommendItem{display:grid;gap:10px;position:relative}}.RecommendItem .new-badge{background-color:#005d8e;color:#fff;border-radius:4px;font-size:10px;min-width:35px;text-align:center;position:absolute;top:10px;right:10px;z-index:10;font-size:16px;padding:.25em 2em}@media screen and (min-width: 1080px){.RecommendItem .new-badge{font-size:20px}}.RecommendItem .image{position:relative}.RecommendItem .image img{width:100%}@media screen and (min-width: 1080px){.RecommendItem .image{position:absolute;width:100%;height:100%;margin-bottom:unset;z-index:2}.RecommendItem .image img{object-fit:cover;height:100%;object-position:top right}.RecommendItem .image.fixed-height{height:var(--fixed-height, 475px)}}.RecommendItem .container{background:#292e35;color:#fff;padding-bottom:20px}.RecommendItem .container.-navy{background:#101727}.RecommendItem .container.-eufy{background:#005d8e}@media screen and (min-width: 1080px){.RecommendItem .container{place-content:center start;padding:100px 0 0;position:relative;display:grid;place-content:end start;z-index:2;background:unset}.RecommendItem .container.-navy{background:unset}.RecommendItem .container.-eufy{background:unset}}.RecommendItem .texts{display:grid;gap:15px;padding:20px 20px 0;font-size:15px;margin:0 0 20px;position:relative}@media screen and (min-width: 1080px){.RecommendItem .texts{font-size:16px;margin:0;padding:0 40px}}.RecommendItem .texts .badge{width:80px}@media screen and (min-width: 1080px){.RecommendItem .texts .badge{width:120px}}.RecommendItem .texts .lead{border-radius:4px;background:#0006;display:grid;place-items:center;padding:10px 20px;width:fit-content}@media screen and (min-width: 1080px){.RecommendItem .texts .lead{font-size:18px;line-height:1;padding:15px 30px}}.RecommendItem .texts .lead.-blue{background:linear-gradient(90deg,#005d8e,#1981b8)}.RecommendItem .texts .title{font-size:28px}@media screen and (min-width: 1080px){.RecommendItem .texts .title{font-size:40px}}.RecommendItem .texts .product-price-v2{font-size:20px}.RecommendItem .features{padding:0 20px}@media screen and (min-width: 1080px){.RecommendItem .features{padding:20px 40px;max-width:560px}}.RecommendItem .feature-note{font-size:10px;color:#ffffff90;display:block;padding:0 20px;text-shadow:0 0 2px 0 rgba(0,0,0,.5)}@media screen and (min-width: 1080px){.RecommendItem .feature-note{padding:0 40px;font-size:12px}}.RecommendItem .list{display:grid;grid-template-columns:repeat(3,280px);gap:10px;overflow-x:scroll;padding:0;align-items:start}@media screen and (min-width: 1080px){.RecommendItem .list{grid-template-columns:repeat(3,1fr);padding:20px 40px;gap:20px;overflow-x:hidden}}.RecommendItem .list li{display:grid;grid-template-rows:auto 1fr;border-radius:4px;overflow:hidden;height:100%;text-align:left}.RecommendItem .list li img{width:100%}.RecommendItem .list .listTexts{display:grid;gap:10px}.RecommendItem small{color:var(--text-gray, #666);font-size:10px;display:block}.EntryItem{overflow:hidden;border-radius:4px}@media screen and (min-width: 1080px){.EntryItem{display:flex;flex-direction:row-reverse;max-height:400px;margin:auto}}.EntryItem .image{position:relative;margin-bottom:-5px}@media screen and (min-width: 1080px){.EntryItem .image{width:50%;display:grid;place-content:center}}.EntryItem .image img{width:100%}@media screen and (min-width: 1080px){.EntryItem .image img{object-fit:cover;object-position:top left;height:100%;margin-left:-1px}}.EntryItem .container{background:#729fc9;color:#fff;padding-bottom:20px}@media screen and (min-width: 1080px){.EntryItem .container{place-content:center start;padding:40px 30px 30px;display:grid;width:50%}}.EntryItem .container.-gray{background:#8a8a8a}.EntryItem .texts{display:grid;gap:15px;padding:0 20px;font-size:15px;margin:0 0 20px;position:relative}@media screen and (min-width: 1080px){.EntryItem .texts{font-size:16px;margin:0;padding:0 15px}}.EntryItem .texts .badge{width:80px}@media screen and (min-width: 1080px){.EntryItem .texts .badge{width:120px}}.EntryItem .texts .lead{border-radius:4px;background:#0006;display:grid;place-items:center;padding:10px 20px;width:fit-content}@media screen and (min-width: 1080px){.EntryItem .texts .lead{font-size:18px;padding:12px 24px}}.EntryItem .texts .title{font-size:28px}@media screen and (min-width: 1080px){.EntryItem .texts .title{font-size:36px}}.EntryItem .texts .product-price-v2{font-size:20px}.EntryItem .features{padding:0 20px}.Kv{display:grid;background-color:#005d8e;color:#fff}@media screen and (min-width: 1080px){.Kv{grid-template-columns:1fr 1fr}}.Kv .kv-video video{max-width:100%;display:block;object-fit:cover;min-height:320px}@media screen and (min-width: 1080px){.Kv .kv-video video{min-height:770px}}.Kv .kv-info{padding:40px;display:grid;place-items:center;place-content:center;gap:20px}.Kv .kv-info-heading{text-align:center;font-size:28px;line-height:1.25}@media screen and (min-width: 1080px){.Kv .kv-info-heading{font-size:56px}}.Kv .kv-info-text{text-align:center;font-size:15px}@media screen and (min-width: 1080px){.Kv .kv-info-text{font-size:20px}}.Kv .logo{width:120px}@media screen and (min-width: 1080px){.Kv .logo{width:240px}}@media screen and (min-width: 1080px){.Prologue .wrapper{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}}.Prologue .layout{display:grid;padding:40px 0}@media screen and (min-width: 1080px){.Prologue .layout{grid-template-columns:auto auto;padding:100px 0;place-content:center;place-items:flex-start;gap:100px}}.Prologue .block{display:grid;gap:20px}.Prologue .para{font-size:15px;color:#666;line-height:2}@media screen and (min-width: 1080px){.Prologue .para{font-size:22px}}.Prologue .para span{font-weight:700;color:#1a1a1a}.Intro{padding:30px 0 10px;background-color:#f0f3f5;counter-reset:item}@media screen and (min-width: 1080px){.Intro{padding:80px 0}}@media screen and (min-width: 1080px){.Intro .wrapper{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}}.Intro .intro-list{display:grid;gap:10px}@media screen and (min-width: 1080px){.Intro .intro-list{grid-template-columns:repeat(3,1fr)}}.Intro .intro-item{display:grid;gap:20px;position:relative;height:390px;place-items:end start}@media screen and (min-width: 1080px){.Intro .intro-item{height:480px}}.Intro .intro-item img{object-fit:cover;width:100%;height:100%;position:absolute}.Intro .intro-item .text{display:grid;gap:10px;color:#fff;position:relative;background:linear-gradient(180deg,#00121c00,#00121c);padding:30px;width:100%}@media screen and (min-width: 1080px){.Intro .intro-item .text{align-items:flex-start}.Intro .intro-item .text>*{height:fit-content}}.Intro .intro-item .text h3{display:grid;gap:10px}.Intro .intro-item .text h3:before{counter-increment:item;content:"0" counter(item);display:block;font-size:10px;border-bottom:1px solid rgba(255,255,255,.4);width:fit-content;padding-bottom:3px}.Intro .intro-item .text .btn-more{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}.Intro .intro-item .text .btn-more:hover{background:#fff3;border-color:#ffffff80}.Intro .intro-item .text .btn-more.active{background:#ffffffe6;color:#333}.Intro .intro-item .text p{opacity:.8;font-size:15px}.Auth{padding:40px 0;background:#f2f4f5;margin-top:40px}@media screen and (min-width: 1080px){.Auth{padding:40px 0}}@media screen and (min-width: 1080px){.Auth h2{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}}.Auth .layout{display:grid;gap:20px}@media screen and (min-width: 1080px){.Auth .layout{grid-template-columns:50% 50%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}}.Auth .item{background-color:#fff;padding:40px 20px;display:grid;place-items:center;gap:20px}@media screen and (min-width: 1080px){.Auth .item{padding:80px 40px}}@media screen and (min-width: 1080px){.Auth .item.-hanbai img{max-width:320px}}@media screen and (min-width: 1080px){.Auth .item.-hosho img{max-width:320px}}.Ugc{margin-top:60px}@media screen and (min-width: 1080px){.Ugc{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}}.Ugc .heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;font-size:20px;letter-spacing:.05em;margin-bottom:40px;font-weight:100}@media screen and (min-width: 1080px){.Ugc .heading{font-size:30px}}.Ugc .ugc-items{display:flex;gap:10px;margin-right:calc((100vw - 100%)/2*-1);padding-right:20px}@media screen and (min-width: 1080px){.Ugc .ugc-items{gap:20px;margin:0;padding:0}}.Ugc .ugc-items .lp-youtube{--bg-ugc: #f2f4f5;--clr-ugc: black;flex-shrink:0;width:75vw;max-width:720px}@media screen and (min-width: 1080px){.Ugc .ugc-items .lp-youtube{max-width:100%;width:50%}.Ugc .ugc-items .lp-youtube .lp-youtube-anc:hover{color:var(--clr-ugc)}}.Sensor{background:#f0f3f5;padding:40px 0}@media screen and (min-width: 1080px){.Sensor{padding:100px 0}}@media screen and (min-width: 1080px){.Sensor .wrapper{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;display:flex;flex-direction:row-reverse;gap:80px}}.Sensor .detail .ProductTitle{margin-bottom:30px}.Sensor .detail .lead{display:grid;place-items:center;padding:10px 20px;border-radius:4px;background:linear-gradient(90deg,#005d8e,#1981b8);font-size:14px;color:#fff;margin:0 auto 24px;width:fit-content}@media screen and (min-width: 1080px){.Sensor .detail .lead{padding:20px 40px;font-size:18px;width:100%}}.Sensor .detail .title{font-size:28px;line-height:125%;text-align:center}@media screen and (min-width: 1080px){.Sensor .detail .title{font-size:48px}}.Sensor .detail .product-info{font-size:20px;display:grid;gap:15px;place-items:center}.Sensor .detail .product-info .lp-btn-amazon{color:unset}.Sensor .detail .product-info .lp-btns li.is-more{text-align:center}.Sensor .detail .product-info .lp-btns li.is-more a{color:var(--clr-anker)}.Sensor .detail .product-info .lp-txtLink .icon-svg svg{fill:var(--clr-anker)}.Sensor .detail .product-info .feature{max-width:360px}.Sensor .info{display:grid;gap:20px;margin-top:40px}@media screen and (min-width: 1080px){.Sensor .info{gap:40px;flex:1}}.Sensor .info .main{width:100%}.Sensor .info .list{display:grid;gap:20px}.Sensor .info .list li{display:flex;gap:20px;border-radius:4px;border-top:1px solid var(--border-color, #e6e6e6)}.Sensor .info .list li img{width:140px;height:87px;aspect-ratio:140/87}@media screen and (min-width: 1080px){.Sensor .info .list li img{width:273px;height:unset;aspect-ratio:unset}}.Sensor .info .list li .texts{display:grid;gap:10px;line-height:150%;height:fit-content}@media screen and (min-width: 1080px){.Sensor .info .list li .texts{padding:40px 30px}}.Sensor .info .list li .texts h4{font-size:18px}@media screen and (min-width: 1080px){.Sensor .info .list li .texts h4{font-size:24px}}.Sensor .info .list li .texts .text{font-size:14px}@media screen and (min-width: 1080px){.Sensor .info .list li .texts .text{font-size:15px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px}.modal-overlay.showup{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:12px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:transform .3s ease}.modal-overlay.showup .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:18px}@media screen and (min-width: 768px){.modal-header h2{font-size:24px}}.modal-header .modal-close{background:none;border:none;font-size:16px;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.modal-header .modal-close:hover{background:#fff3}.modal-body{padding:16px}@media screen and (min-width: 1080px){.modal-body{padding:32px}}.modal-grid{display:grid;gap:30px}@media screen and (min-width: 1080px){.modal-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.modal-item{display:grid;gap:10px;place-content:flex-start}@media screen and (min-width: 1080px){.modal-item{grid-template-columns:auto}}.modal-item .modal-image{width:100%;height:auto;border-radius:8px}.modal-item .modal-text{display:grid;gap:5px;place-content:flex-start}.modal-item h3{font-size:15px}@media screen and (min-width: 1080px){.modal-item h3{font-size:18px}}.modal-item p{font-size:13px;line-height:1.6;opacity:.8}@media screen and (min-width: 1080px){.modal-item p{font-size:14px}}.modal-item small{font-size:10px;opacity:.8}@media screen and (min-width: 1080px){.modal-item small{font-size:12px}}.homebase-section{background:#18192b;padding:40px 0;color:#fff}@media screen and (min-width: 1080px){.homebase-section{padding:80px 0}}.homebase-section .wrapper{max-width:var(--max-width);margin:0 auto;padding:0 20px}@media screen and (min-width: 1080px){.homebase-section .wrapper{padding:0 80px}}.homebase-hero{display:flex;flex-direction:column;gap:20px;margin-bottom:40px;position:relative;border-radius:12px;overflow:hidden;min-height:auto}@media screen and (min-width: 1080px){.homebase-hero{flex-direction:row;align-items:center;gap:40px;min-height:475px}}.homebase-hero .homebase-hero-image{flex:1;position:relative}.homebase-hero .homebase-hero-image .hero-bg-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:12px 12px 0 0}@media screen and (min-width: 1080px){.homebase-hero .homebase-hero-image .hero-bg-image{border-radius:12px 0 0 12px}}.homebase-hero .homebase-hero-content{flex:none;width:100%;display:flex;flex-direction:column;gap:15px;z-index:1}@media screen and (min-width: 1080px){.homebase-hero .homebase-hero-content{flex:0 0 460px;gap:20px}}.homebase-hero .homebase-hero-content h2{font-size:20px;line-height:1.3;margin:0}@media screen and (min-width: 1080px){.homebase-hero .homebase-hero-content h2{font-size:32px}}.homebase-hero .homebase-hero-content>p{font-size:14px;line-height:1.6;opacity:.9;margin:0}@media screen and (min-width: 1080px){.homebase-hero .homebase-hero-content>p{font-size:15px}}.homebase-hero .homebase-product-card{display:flex;align-items:flex-start;gap:20px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.homebase-hero .homebase-product-card .product-image{flex:0 0 80px;height:80px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:12px}.homebase-hero .homebase-product-card .product-image .product-img{max-width:100%;max-height:100%;object-fit:contain}.homebase-hero .homebase-product-card .product-info{flex:1}.homebase-hero .homebase-product-card .product-info h3{font-size:18px;margin:0;color:#fff}.homebase-features{display:flex;flex-direction:column;gap:20px}.feature-card{border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:auto}.feature-card.feature-card-light .feature-content{background:#e5dec6f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#1a1a1a}.feature-card.feature-card-dark .feature-content{background:#17233af2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fff}.feature-card.feature-card-tracking{flex-direction:column}@media screen and (min-width: 1080px){.feature-card.feature-card-tracking{flex-direction:row}}.feature-card.feature-card-tracking .feature-content{background:#000c20f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px}@media screen and (min-width: 1080px){.feature-card.feature-card-tracking .feature-content{padding:30px}}.feature-card.feature-card-tracking .feature-content h3{font-size:20px;line-height:1.3}@media screen and (min-width: 1080px){.feature-card.feature-card-tracking .feature-content h3{font-size:24px}}.feature-card.feature-card-tracking .feature-content>p{font-size:15px;line-height:1.6}.feature-card.feature-card-tracking .feature-content>p.feature-note{font-size:12px;opacity:.8}.feature-card .feature-image{flex:1;position:relative}.feature-card .feature-content{flex:1;display:flex;flex-direction:column;gap:20px;padding:20px}@media screen and (min-width: 1080px){.feature-card .feature-content{align-items:stretch;flex-direction:row;gap:20px;padding:30px}}.feature-card .feature-content .feature-text-left,.feature-card .feature-content .feature-text-right{flex:1;display:flex;flex-direction:column;gap:10px}:is(.feature-card .feature-content .feature-text-left,.feature-card .feature-content .feature-text-right) h3{font-size:18px;margin:0;line-height:1.3}@media screen and (min-width: 1080px){:is(.feature-card .feature-content .feature-text-left,.feature-card .feature-content .feature-text-right) h3{font-size:20px}}:is(.feature-card .feature-content .feature-text-left,.feature-card .feature-content .feature-text-right) p{font-size:14px;line-height:1.6;margin:0}:is(.feature-card .feature-content .feature-text-left,.feature-card .feature-content .feature-text-right) p.feature-note{font-size:12px;opacity:.8;margin-top:10px}.feature-card .feature-content .feature-divider{width:100%;height:1px;background:currentColor;opacity:.2;align-self:auto}@media screen and (min-width: 1080px){.feature-card .feature-content .feature-divider{width:1px;height:auto;align-self:stretch}}@media screen and (min-width: 1080px){.homebase-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;grid-template-areas:"light dark" "tracking tracking"}.feature-card-light{grid-area:light}.feature-card-dark{grid-area:dark}.feature-card-tracking{grid-area:tracking}}.camera-selection-points{background:#f8f9fa;padding:40px 0;text-align:center}@media screen and (min-width: 1080px){.camera-selection-points{padding:80px 0 40px}}.camera-selection-points .wrapper{max-width:var(--max-width);margin:0 auto;padding:0 4px}@media screen and (min-width: 1080px){.camera-selection-points .wrapper{padding:0 80px}}.selection-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:0 15px}@media screen and (min-width: 1080px){.selection-header{flex-direction:row;justify-content:space-between;align-items:center}}.selection-header h2{font-size:24px;margin:0;text-align:left}@media screen and (min-width: 1080px){.selection-header h2{font-size:32px}}.selection-header .selection-cta{display:flex;align-items:center;gap:8px;background:#005d8e;color:#fff;padding:10px 15px;border-radius:4px;text-decoration:none;font-size:13px;transition:all .3s ease;align-self:flex-start}@media screen and (min-width: 1080px){.selection-header .selection-cta{align-self:auto;font-size:16px;padding:15px 30px}}.selection-header .selection-cta:hover{background:#004a73;transform:translateY(-2px)}.selection-header .selection-cta .cta-arrow{width:16px;height:16px;stroke:currentColor;transition:transform .3s ease}.selection-header .selection-cta:hover .cta-arrow{transform:translate(4px)}.selection-points-grid{display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}@media screen and (min-width: 1080px){.selection-points-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:20px}}.selection-point-card{background:#fff;padding:30px 10px;display:grid;place-content:flex-start;gap:10px}@media screen and (min-width: 1080px){.selection-point-card{padding:40px 30px}}.selection-point-card .point-header{display:flex;flex-direction:column;gap:15px}.selection-point-card .point-header .point-number{font-size:10px;color:#666;letter-spacing:.1em}@media screen and (min-width: 1080px){.selection-point-card .point-header .point-number{font-size:12px}}.selection-point-card .point-header h3{font-size:16px;margin:0;line-height:1.3}@media screen and (min-width: 1080px){.selection-point-card .point-header h3{font-size:24px}}.selection-point-card .point-icon{display:flex;justify-content:center;align-items:center;flex:1}.selection-point-card .point-icon .point-img{width:100px;height:100px;object-fit:cover;border-radius:8px}.selection-point-card p{font-size:13px;text-align:left;line-height:1.6;color:#666;margin:0;flex-shrink:0}@media screen and (min-width: 1080px){.selection-point-card p{font-size:15px}}.feature-toggle-section{margin-top:20px}.feature-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff22;border-radius:4px;padding:8px 10px;font-size:12px;color:#fff;cursor:pointer;transition:all .3s ease;width:fit-content;background:transparent;margin:0 20px}@media screen and (min-width: 1080px){.feature-toggle-btn{margin:0 40px 40px}}.feature-toggle-btn.active{background:#ffffff3e;color:#fff}.feature-toggle-btn.active .toggle-icon{transform:rotate(180deg)}.feature-toggle-btn .toggle-text{font-size:14px}.feature-toggle-btn .toggle-icon{width:16px;height:16px;transition:transform .3s ease;stroke-width:2}.feature-list{opacity:0;max-height:0;overflow:hidden;transition:all .4s ease;display:grid!important;gap:20px;grid-template-columns:1fr}@media screen and (min-width: 1080px){.feature-list{grid-template-columns:repeat(3,1fr);gap:30px;background:#005d8e}}.feature-list.showup{opacity:1;max-height:2000px;margin-top:10px}.feature-list li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;background:#fff;padding:20px;border-radius:8px;transition:transform .3s ease}.feature-list li:hover{transform:translateY(-2px)}.feature-list li img{width:100%;max-width:300px;height:auto;border-radius:8px;object-fit:cover}@media screen and (min-width: 1080px){.feature-list li img{max-width:420px}}.feature-list li .listTexts{display:flex;flex-direction:column;gap:10px;width:100%}.feature-list li .listTexts h3{font-size:18px;color:#333;margin:0}@media screen and (min-width: 1080px){.feature-list li .listTexts h3{font-size:20px}}.feature-list li .listTexts .listText{font-size:14px;line-height:1.6;color:#666;margin:0}@media screen and (min-width: 1080px){.feature-list li .listTexts .listText{font-size:15px}}.lazy-video,.video-loaded{width:100%;height:auto;max-width:100%;border-radius:8px;transition:opacity .3s ease,transform .3s ease;cursor:pointer}.lazy-video{opacity:.7;filter:blur(2px);transition:opacity .5s ease,filter .5s ease}.video-loaded{opacity:1;filter:none;transition:opacity .3s ease,filter .3s ease}.lazy-video.unloading{opacity:.5;filter:blur(1px)}.modal-video{max-height:200px;object-fit:cover;box-shadow:0 4px 12px #00000026}.modal-video:hover{transform:scale(1.02);box-shadow:0 6px 16px #0003}@media screen and (min-width: 1080px){.modal-video{max-height:400px}.modal-video:hover{transform:scale(1.02);box-shadow:0 6px 16px #0003}}.hero-bg-video{width:100%;height:auto;max-width:100%;display:block;object-fit:cover}.quiz-section{padding:60px 0;background:#f8f9fa}.quiz-section .wrapper{max-width:1280px;margin:0 auto;padding:0 20px}@media screen and (min-width: 1080px){.quiz-section .wrapper{padding:0 80px}}.quiz-section h2{font-size:24px;text-align:center;margin-bottom:30px;color:#141414}@media screen and (min-width: 1080px){.quiz-section h2{font-size:32px;margin-bottom:40px}}.quiz-section .quiz-toolbar{display:none}.quiz-section .quiz-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:99px;border:1px solid #005D8E;background:transparent;color:#005d8e;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;line-height:1.2}@media screen and (min-width: 1080px){.quiz-section .quiz-back-btn{font-size:15px}}.quiz-section .quiz-back-btn:not(:disabled):hover{background:#005d8e;color:#fff}.quiz-section .quiz-back-btn:disabled{border-color:#cfd8dc;color:#cfd8dc;cursor:default;background:transparent}.quiz-question{display:none;margin-bottom:20px}.quiz-question.active{display:block}.question-card{background:#fff;border-radius:8px;padding:30px 20px;box-shadow:0 2px 8px #0000001a}@media screen and (min-width: 1080px){.question-card{padding:50px 60px}}.question-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.question-badge{display:inline-block;background:#005d8e;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px}@media screen and (min-width: 1080px){.question-badge{padding:10px 20px;font-size:16px}}.question-title{font-size:18px;color:#141414;margin:0;line-height:1.4}@media screen and (min-width: 1080px){.question-title{font-size:24px}}.quiz-options{display:grid;gap:12px;margin-top:25px}@media screen and (min-width: 1080px){.quiz-options{grid-template-columns:repeat(3,1fr);gap:16px}}@media screen and (min-width: 1080px){.quiz-options.two-options{grid-template-columns:repeat(2,1fr);gap:20px}}.quiz-option{background:#f0f3f5;border:2px solid #e6e6e6;border-radius:20px;padding:16px;cursor:pointer;transition:all .3s ease;text-align:center;min-height:140px;display:flex;flex-direction:column;align-items:center;gap:12px}.quiz-option:hover{border-color:#005d8e;background:#f0f8ff;transform:translateY(-2px)}.quiz-option.selected{border-color:#005d8e;background:#f0f8ff}@media screen and (min-width: 1080px){.quiz-option{min-height:160px;padding:24px 16px}}.option-badge{width:32px;height:32px;background:#005d8e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.option-text{font-size:14px;line-height:1.5;color:#141414}@media screen and (min-width: 1080px){.option-text{font-size:16px}}.quiz-result{display:none;margin-top:20px}.quiz-result.active{display:block}.result-card{background:#fff;border-radius:8px;padding:30px 20px;box-shadow:0 2px 8px #0000001a}@media screen and (min-width: 1080px){.result-card{padding:50px 60px}}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.result-header .quiz-back-btn{margin-left:auto}.result-badge{background:#005d8e;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px}@media screen and (min-width: 1080px){.result-badge{padding:10px 20px;font-size:16px}}.result-reset-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #005D8E;color:#005d8e;padding:8px 18px;border-radius:99px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;line-height:1.2}@media screen and (min-width: 1080px){.result-reset-btn{padding:10px 20px;font-size:15px}}.result-reset-btn:hover{background:#005d8e;color:#fff}.result-subtitle{color:#666;font-size:14px;margin:0 0 20px}@media screen and (min-width: 1080px){.result-subtitle{font-size:16px}}.result-content{background:#f0f3f5;border-radius:8px;padding:10px;display:flex;gap:10px;align-items:flex-start}@media screen and (min-width: 1080px){.result-content{padding:40px;gap:40px}}.result-image{background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.result-image .product-image{max-width:100%;max-height:100%;width:100px;height:auto;aspect-ratio:1/1}@media screen and (min-width: 1080px){.result-image .product-image{width:240px}}.result-info{flex:1;display:flex;flex-direction:column;gap:10px;align-items:center;place-items:flex-start}@media screen and (min-width: 1080px){.result-info{flex-direction:row;align-items:center;gap:40px}}.result-details{flex:1}.result-details .product-description{font-size:12px;margin:0 0 10px;line-height:1.4}@media screen and (min-width: 1080px){.result-details .product-description{font-size:18px;margin-bottom:20px}}.result-details .product-name{font-size:15px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}@media screen and (min-width: 1080px){.result-details .product-name{font-size:32px}}.result-btn{background:#f8fbff;border:1px solid #005D8E;color:#005d8e;padding:8px 12px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.result-btn:hover{background:#005d8e;color:#fff}@media screen and (min-width: 1080px){.result-btn{font-size:16px;padding:16px 24px}}.recommend-section{padding:40px 0;background:#f8f9fa}.recommend-section .wrapper{max-width:1280px;margin:0 auto;padding:0 4px}@media screen and (min-width: 1080px){.recommend-section .wrapper{padding:0 80px}}.recommend-section h2{font-size:24px;text-align:center;margin-bottom:30px;color:#141414}@media screen and (min-width: 1080px){.recommend-section h2{font-size:32px;margin-bottom:40px}}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}@media screen and (min-width: 1080px){.recommend-grid{gap:20px}}.recommend-card{background:#fff;display:flex;flex-direction:column;padding:10px 2px}@media screen and (min-width: 1080px){.recommend-card{padding:30px 20px 20px}}.recommend-subtitle{font-size:12px;line-height:1.4;color:#141414;text-align:center}@media screen and (min-width: 1080px){.recommend-subtitle{font-size:18px}}.recommend-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.recommend-badge{background:#e0f1ff;padding:4px 12px;border-radius:12px;font-size:10px;text-align:center;line-height:1.25}@media screen and (min-width: 1080px){.recommend-badge{font-size:14px;padding:4px 12px;border-radius:16px}}.recommend-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 1080px){.recommend-image{width:160px;height:160px}}.recommend-image img{max-width:100%;max-height:100%;object-fit:contain}.recommend-title{font-size:14px;text-align:center;line-height:1.3}@media screen and (min-width: 1080px){.recommend-title{font-size:20px}}.recommend-btn{background:#f8fbff;border:1px solid #005D8E;color:#005d8e;padding:8px 16px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:auto}.recommend-btn:hover{background:#005d8e;color:#fff}@media screen and (min-width: 1080px){.recommend-btn{font-size:16px;padding:16px 32px;gap:8px}}.recommend-btn .btn-arrow{width:12px;height:12px;transition:transform .3s ease}@media screen and (min-width: 1080px){.recommend-btn .btn-arrow{width:16px;height:16px}}.recommend-btn:hover .btn-arrow{transform:translateY(2px)}.installation-section{padding:40px 0;background:#f0f5f8}.installation-section .wrapper{max-width:1280px;margin:0 auto;padding:0 20px}@media screen and (min-width: 1080px){.installation-section .wrapper{padding:0 80px}}.installation-section h2{font-size:24px;text-align:center;margin-bottom:20px;color:#1a1a1a}@media screen and (min-width: 1080px){.installation-section h2{font-size:32px;margin-bottom:30px}}.installation-description{font-size:14px;line-height:1.6;color:#1a1a1a;text-align:center;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}@media screen and (min-width: 1080px){.installation-description{font-size:16px;margin-bottom:60px}}.installation-content{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}@media screen and (min-width: 1080px){.installation-content{flex-direction:row;gap:20px;margin-bottom:60px}}.installation-image{flex:1}.installation-image video,.installation-image img{width:100%;height:auto;border-radius:8px;display:block}.installation-details{flex:1}@media screen and (min-width: 1080px){.installation-details{max-width:630px}}.installation-header{border-bottom:1px solid #e6e6e6;padding-bottom:20px;margin-bottom:20px}.installation-header h3{font-size:18px;color:#1a1a1a;margin:0}@media screen and (min-width: 1080px){.installation-header h3{font-size:22px}}.installation-products{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media screen and (min-width: 1080px){.installation-products{gap:12px}}.installation-product{background:#fff;border:1px solid #e6e6e6;border-radius:4px;padding:0;display:flex;align-items:center;min-height:60px;cursor:pointer;transition:all .3s ease}@media screen and (min-width: 1080px){.installation-product{min-height:80px}}.installation-product:hover{border-color:#005d8e;box-shadow:0 2px 8px #005d8e1a}.installation-product .product-thumb{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 1080px){.installation-product .product-thumb{width:80px;height:80px}}.installation-product .product-thumb img{max-width:100%;max-height:100%;object-fit:contain}.installation-product .product-info{flex:1;padding:0 12px;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 1080px){.installation-product .product-info{padding:0 20px}}.installation-product .product-info h4{font-size:12px;color:#1a1a1a;margin:0;line-height:1.3}@media screen and (min-width: 1080px){.installation-product .product-info h4{font-size:16px}}.installation-product .product-info .arrow-icon{width:12px;height:12px;color:#1a1a1a;flex-shrink:0}@media screen and (min-width: 1080px){.installation-product .product-info .arrow-icon{width:16px;height:16px}}.mounting-accessories{display:grid;grid-template-columns:1fr;gap:20px}@media screen and (min-width: 1080px){.mounting-accessories{grid-template-columns:repeat(2,1fr);gap:40px}}.accessory-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;min-height:200px}@media screen and (min-width: 1080px){.accessory-card{flex-direction:row;min-height:193px}}.accessory-card .accessory-image{width:100%;height:150px;display:flex;align-items:center;justify-content:center;padding:15px}@media screen and (min-width: 1080px){.accessory-card .accessory-image{width:160px;height:193px;flex-shrink:0;padding:20px}}.accessory-card .accessory-image img{max-width:100%;max-height:100%;object-fit:contain}.accessory-card .accessory-content{padding:15px;flex:1;display:flex;flex-direction:column;gap:12px}@media screen and (min-width: 1080px){.accessory-card .accessory-content{padding:20px;gap:15px}}.accessory-card .accessory-content h4{font-size:14px;color:#1a1a1a;margin:0;line-height:1.3}@media screen and (min-width: 1080px){.accessory-card .accessory-content h4{font-size:18px}}.accessory-card .accessory-price .product-price-v2-unit{display:flex;align-items:center;gap:8px}.accessory-card .accessory-price .product-price-v2-sale{font-size:12px;color:#666;text-decoration:line-through}.accessory-card .accessory-price .product-price-v2-default{font-size:16px;color:#1a1a1a;margin:0}@media screen and (min-width: 1080px){.accessory-card .accessory-price .product-price-v2-default{font-size:18px}}.accessory-card .accessory-price .product-price-v2-tax{font-size:10px;color:#1a1a1a}.accessory-card .accessory-buttons{display:flex;gap:8px;flex-wrap:wrap}.accessory-card .accessory-link{color:#1a1a1a;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:6px;margin-top:auto}.accessory-card .accessory-link:hover{color:#005d8e}.accessory-card .accessory-link .link-arrow{width:16px;height:16px}.app-section{padding:40px 0;background:#f0f5f8}.app-section .wrapper{max-width:1280px;margin:0 auto;padding:0 20px}@media screen and (min-width: 1080px){.app-section .wrapper{padding:0 80px}}.app-intro{text-align:center;margin-bottom:30px}@media screen and (min-width: 1080px){.app-intro{margin-bottom:40px}}.app-intro h2{font-size:24px;color:#1a1a1a;margin-bottom:15px}@media screen and (min-width: 1080px){.app-intro h2{font-size:32px;margin-bottom:20px}}.app-intro .app-description{font-size:14px;line-height:1.6;color:#1a1a1a;margin-bottom:20px;max-width:800px;margin-left:auto;margin-right:auto}@media screen and (min-width: 1080px){.app-intro .app-description{font-size:16px}}.app-note{font-size:10px;line-height:1.5;color:#666;margin-bottom:40px}.app-note a{text-decoration:underline}@media screen and (min-width: 1080px){.app-note{font-size:12px;text-align:center}}.app-features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media screen and (min-width: 1080px){.app-features{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:30px}}.feature-item{text-align:center;padding:15px 5px}@media screen and (min-width: 1080px){.feature-item{padding:0 5px}}.feature-item .feature-icon{width:48px;height:48px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 1080px){.feature-item .feature-icon{width:64px;height:64px;margin:0 auto 10px}}.feature-item .feature-icon img{max-width:100%;max-height:100%;object-fit:contain}.feature-item h4{font-size:11px;color:#1a1a1a;margin:0;line-height:1.3}@media screen and (min-width: 1080px){.feature-item h4{font-size:14px}}.app-showcase{display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 1080px){.app-showcase{gap:0}}.app-image{text-align:center}.app-image img{width:100%;max-width:860px;height:auto;border-radius:8px}.app-detail{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}@media screen and (min-width: 1080px){.app-detail{flex-direction:row;margin-top:-20px;position:relative;z-index:2}}.app-detail .app-detail-content{padding:20px 15px;flex:1}@media screen and (min-width: 1080px){.app-detail .app-detail-content{padding:40px 30px;max-width:527px;align-self:center}}.app-detail .app-detail-content h3{font-size:18px;color:#1a1a1a;margin-bottom:15px;line-height:1.3}@media screen and (min-width: 1080px){.app-detail .app-detail-content h3{font-size:24px;margin-bottom:20px}}.app-detail .app-detail-content p{font-size:13px;line-height:1.6;color:#666;margin:0}@media screen and (min-width: 1080px){.app-detail .app-detail-content p{font-size:16px}}.app-detail .app-detail-image{flex:1;display:flex;align-items:center;justify-content:center;padding:15px}@media screen and (min-width: 1080px){.app-detail .app-detail-image{padding:30px}}.app-detail .app-detail-image img{max-width:100%;height:auto}.ai-note{font-size:12px;color:#666;margin-top:4px}.video-modal-trigger{cursor:pointer;transition:transform .2s ease}.video-modal-trigger:hover{transform:translateY(-2px)}#video-modal .modal-content{position:relative;width:90%;max-width:800px;height:80vh;max-height:450px;background:#000;border-radius:8px;overflow:hidden}.video-container{position:relative;width:100%;height:100%;padding-bottom:56.25%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-modal-close{position:absolute;top:10px;right:10px;z-index:10;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.video-modal-close:hover{background:#000000e6}@media (max-width: 768px){#video-modal .modal-content{width:95%;height:70vh;max-height:300px}.video-modal-close{width:35px;height:35px;top:5px;right:5px}}
/*# sourceMappingURL=/cdn/shop/t/322/assets/page-eufy-security-lineup.css.map */