/* /image/catalog/airevo/product40-premium-v3.css */ /* AirEvo Product 40 premium layout — visual-only override, 2026-08-22 */ body:has(.airevo-sync){--fc-ink:#10263c;--fc-ink-soft:#29485b;--fc-teal:#08a99f;--fc-teal-dark:#087d76;--fc-mint:#e9f8f5;--fc-ice:#f3f8fa;--fc-line:rgba(16,38,60,.10);--fc-shadow:0 24px 70px rgba(16,38,60,.11);background:#fff;color:var(--fc-ink)} body:has(.airevo-sync) .product-description{width:100vw;max-width:none;margin-right:calc(50% - 50vw)!important;padding:0!important} body:has(.airevo-sync) .product-description>.nav{width:min(1280px,calc(100% - 64px));margin:0 auto!important;border:0!important} body:has(.airevo-sync) .product-description>.nav .nav-link{padding:16px 24px;border:0!important;border-bottom:2px solid var(--fc-teal)!important;color:var(--fc-ink)!important} body:has(.airevo-sync) .product-description .tab-content, body:has(.airevo-sync) .product-description .tab-pane, body:has(.airevo-sync) .rich-text-editor-content{overflow:visible!important} body:has(.airevo-sync) .airevo-sync{width:100vw;max-width:none;margin:0 calc(50% - 50vw) 0 0!important;overflow:hidden;background:#fff!important;color:var(--fc-ink)!important;font-family:inherit!important;line-height:1.65} body:has(.airevo-sync) .airevo-sync *{box-sizing:border-box} body:has(.airevo-sync) .airevo-sync img{display:block;max-width:100%;height:auto} body:has(.airevo-sync) .airevo-sync>section{position:relative;width:100%;max-width:none;margin:0!important;border-radius:0!important;overflow:hidden!important} body:has(.airevo-sync) .airevo-sync .w-container{width:min(1180px,calc(100% - 64px))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important} body:has(.airevo-sync) .airevo-sync h1, body:has(.airevo-sync) .airevo-sync h2, body:has(.airevo-sync) .airevo-sync h3, body:has(.airevo-sync) .airevo-sync h4{margin-top:0!important;color:var(--fc-ink)!important;font-family:inherit!important;letter-spacing:-.045em!important;text-wrap:balance} body:has(.airevo-sync) .airevo-sync h1{font-size:clamp(46px,5vw,74px)!important;line-height:.98!important} body:has(.airevo-sync) .airevo-sync h2{font-size:clamp(38px,4vw,60px)!important;line-height:1.02!important} body:has(.airevo-sync) .airevo-sync h3{font-size:clamp(25px,2.2vw,34px)!important;line-height:1.13!important} body:has(.airevo-sync) .airevo-sync p{color:#5c7180!important;font-size:16px!important;line-height:1.75!important} body:has(.airevo-sync) .airevo-sync .heading---light{margin-bottom:15px!important;color:var(--fc-teal-dark)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.17em!important;text-transform:uppercase} body:has(.airevo-sync) .airevo-sync .heading---light:before{content:"";display:inline-block;width:7px;height:7px;margin-left:9px;border-radius:50%;background:#42cdbd;box-shadow:0 0 0 6px rgba(66,205,189,.13);vertical-align:1px} body:has(.airevo-sync) .airevo-sync .cta-group{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;margin:30px auto 0!important} body:has(.airevo-sync) .airevo-sync .cta-button{display:inline-flex!important;min-width:240px!important;min-height:56px!important;align-items:center!important;justify-content:center!important;padding:0 26px!important;border:0!important;border-radius:999px!important;background:linear-gradient(-135deg,var(--fc-ink),#15586a)!important;color:#fff!important;font-size:15px!important;font-weight:850!important;line-height:1!important;text-decoration:none!important;box-shadow:0 16px 36px rgba(16,38,60,.22)!important;transition:transform .25s ease,box-shadow .25s ease!important} body:has(.airevo-sync) .airevo-sync .cta-button:hover{transform:translateY(-3px)!important;box-shadow:0 22px 45px rgba(16,38,60,.29)!important} body:has(.airevo-sync) .airevo-sync .scarcity-group---dark{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#617687!important;font-size:11px!important} body:has(.airevo-sync) .airevo-sync .green-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#18bc8d!important;box-shadow:0 0 0 5px rgba(24,188,141,.11)} body:has(.airevo-sync) .airevo-sync>.notification{padding:15px 24px!important;background:linear-gradient(-90deg,#b4001b 0%,#ee2238 48%,#b4001b 100%)!important;color:#fff!important;border:0!important;box-shadow:0 12px 30px rgba(180,0,27,.22)!important;text-align:center!important;font-size:13px!important;font-weight:750!important;letter-spacing:.025em!important} body:has(.airevo-sync) .airevo-sync>.notification, body:has(.airevo-sync) .airevo-sync>.notification *{color:#fff!important;text-shadow:0 1px 1px rgba(82,0,13,.28)!important} body:has(.airevo-sync) .airevo-sync>.notification .fc-sale-date{width:min(1180px,calc(100% - 32px));margin:auto!important;color:#fff!important} body:has(.airevo-sync) .airevo-sync>.notification strong:first-child{color:#fff3a6!important;font-weight:900!important} body:has(.airevo-sync) .airevo-sync>.hero-section---desktop{display:block!important;padding:90px 0 94px!important;background:radial-gradient(circle at 78% 24%,rgba(60,204,188,.20),transparent 31%),linear-gradient(-145deg,#edf9f6 0%,#f7fafb 64%,#eef5f7 100%)!important} body:has(.airevo-sync) .hero-section---desktop>.container-2{display:none!important} body:has(.airevo-sync) .hero-section---desktop>.quick-stack{display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:74px!important;align-items:center!important;min-height:610px!important} body:has(.airevo-sync) .hero-section---desktop .cell-2{padding:0!important} body:has(.airevo-sync) .hero-section---desktop .cell{position:relative!important;display:flex!important;flex-direction:column!important;gap:18px!important;padding:0!important} body:has(.airevo-sync) .hero-section---desktop .text-block-4{display:inline-flex!important;width:max-content;max-width:100%;padding:9px 13px!important;border:1px solid rgba(8,169,159,.15)!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;color:var(--fc-teal-dark)!important;font-size:11px!important;letter-spacing:.025em!important;backdrop-filter:blur(10px)} body:has(.airevo-sync) .hero-section---desktop .heading{max-width:640px!important;margin:23px 0 19px!important} body:has(.airevo-sync) .hero-section---desktop .text-block-25{max-width:590px!important;color:#4c6878!important;font-size:18px!important;line-height:1.65!important} body:has(.airevo-sync) .hero-section---desktop .hero---bullets{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px 18px!important;margin:26px 0 0!important} body:has(.airevo-sync) .airevo-sync .bullet---item{display:flex!important;align-items:center!important;gap:10px!important;color:#29485b!important;font-size:14px!important;line-height:1.45!important} body:has(.airevo-sync) .airevo-sync .bullet{width:22px!important;height:22px!important;flex:0 0 22px!important;object-fit:contain!important} body:has(.airevo-sync) .hero-section---desktop .cta-group{align-items:flex-start!important;margin-right:0!important} body:has(.airevo-sync) .hero-section---desktop .product-bg{position:relative!important;display:grid!important;min-height:570px!important;place-items:center!important;padding:34px!important;border:1px solid rgba(16,38,60,.07)!important;border-radius:32px!important;background:radial-gradient(circle at 50% 45%,#fff 0 30%,#dff4ef 70%,#d3eeea 100%)!important;box-shadow:0 30px 80px rgba(16,38,60,.14)!important;overflow:hidden!important} body:has(.airevo-sync) .hero-section---desktop .product-bg:before, body:has(.airevo-sync) .hero-section---desktop .product-bg:after{content:"";position:absolute;border:1px solid rgba(8,169,159,.18);border-radius:50%;pointer-events:none} body:has(.airevo-sync) .hero-section---desktop .product-bg:before{width:72%;aspect-ratio:1} body:has(.airevo-sync) .hero-section---desktop .product-bg:after{width:92%;aspect-ratio:1} body:has(.airevo-sync) .hero-section---desktop .product-bg img{position:relative;z-index:1;width:88%!important;max-height:500px!important;object-fit:contain!important;filter:drop-shadow(0 28px 30px rgba(16,38,60,.20))} body:has(.airevo-sync) .hero-section---desktop .hero---review{position:absolute!important;z-index:3!important;left:-22px!important;bottom:26px!important;width:min(310px,75%)!important;padding:16px 18px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:18px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 18px 45px rgba(16,38,60,.14)!important;backdrop-filter:blur(14px)!important} body:has(.airevo-sync) .airevo-sync>.brands{padding:27px 0 31px!important;border-block:1px solid var(--fc-line)!important;background:#fff!important} body:has(.airevo-sync) .brands-title{margin-bottom:19px!important;color:#7b8d98!important;font-size:10px!important;font-weight:850!important;letter-spacing:.18em!important;text-align:center!important} body:has(.airevo-sync) .brands>.container-4{display:flex!important;align-items:center!important;justify-content:space-around!important;gap:36px!important} body:has(.airevo-sync) .brands>.container-4 img{max-width:132px!important;max-height:34px!important;object-fit:contain!important;filter:grayscale(1)!important;opacity:.48!important} body:has(.airevo-sync) .airevo-sync>._3-col-features{display:block!important;padding:112px 0!important;background:#fff!important} body:has(.airevo-sync) .airevo-sync>._3-col-features>.container-6{display:block!important;text-align:center!important} body:has(.airevo-sync) .container-6>.heading-3{max-width:890px!important;margin:0 auto 20px!important} body:has(.airevo-sync) .container-6>.pp1{max-width:680px!important;margin:0 auto 54px!important} body:has(.airevo-sync) .container-6>.image-11{width:100%!important;max-height:560px!important;margin:0 auto 34px!important;border-radius:30px!important;object-fit:cover!important;box-shadow:var(--fc-shadow)!important} body:has(.airevo-sync) .container-6>._3-col-features{display:grid!important;grid-template-columns:1fr .82fr 1fr!important;gap:18px!important;align-items:stretch!important;margin-top:30px!important} body:has(.airevo-sync) .container-6>._3-col-features>*{width:auto!important;min-width:0!important;max-width:none!important} body:has(.airevo-sync) .container-6>._3-col-features>.column-1, body:has(.airevo-sync) .container-6>._3-col-features>.column-3{display:grid!important;grid-template-rows:repeat(4,1fr)!important;gap:12px!important} body:has(.airevo-sync) .container-6>._3-col-features>.column-2{display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;border-radius:26px!important;background:radial-gradient(circle,#fff,#eaf8f5)!important} body:has(.airevo-sync) .container-6>._3-col-features>.column-2 img{width:76%!important;max-height:480px!important;object-fit:contain!important;transform:none!important} body:has(.airevo-sync) .container-6 .feature{display:grid!important;grid-template-columns:38px 1fr!important;gap:13px!important;align-content:center!important;min-height:100px!important;padding:18px!important;border:1px solid var(--fc-line)!important;border-radius:18px!important;background:#fff!important;text-align:right!important;box-shadow:0 10px 28px rgba(16,38,60,.045)!important} body:has(.airevo-sync) .container-6 .feature>*{width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;white-space:normal!important} body:has(.airevo-sync) .container-6 .feature img{width:38px!important;height:38px!important;padding:8px!important;border-radius:12px!important;background:var(--fc-mint)!important;object-fit:contain!important} body:has(.airevo-sync) .airevo-sync>.more-features{padding:112px 0!important;background:radial-gradient(circle at 8% 8%,rgba(81,210,195,.14),transparent 24%),linear-gradient(-180deg,#f3f9fa,#edf7f7)!important} body:has(.airevo-sync) .more-features>.container-7>.heading---light, body:has(.airevo-sync) .more-features>.container-7>.heading-3{text-align:center!important} body:has(.airevo-sync) .more-features>.container-7>.heading-3{max-width:860px!important;margin:0 auto 58px!important} body:has(.airevo-sync) .more-features .drone-feature{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;min-height:430px!important;margin:24px 0!important;border:1px solid var(--fc-line)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 22px 60px rgba(16,38,60,.08)!important;overflow:hidden!important} body:has(.airevo-sync) .more-features .drone-feature>*{position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;max-width:none!important;transform:none!important} body:has(.airevo-sync) .more-features .img-wrap1, body:has(.airevo-sync) .more-features .img-wrap2{min-height:430px!important;overflow:hidden!important} body:has(.airevo-sync) .more-features .img-wrap1 img, body:has(.airevo-sync) .more-features .img-wrap2 img{width:100%!important;height:100%!important;min-height:430px!important;object-fit:cover!important;transition:transform .7s ease!important} body:has(.airevo-sync) .more-features .drone-feature:hover .img-wrap1 img, body:has(.airevo-sync) .more-features .drone-feature:hover .img-wrap2 img{transform:scale(1.035)!important} body:has(.airevo-sync) .more-features .div-block-5{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:58px!important;text-align:right!important} body:has(.airevo-sync) .more-features .div-block-5>.heading-3{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;margin:0 0 28px!important;border-radius:15px!important;background:var(--fc-mint)!important;color:var(--fc-teal-dark)!important;font-size:13px!important;letter-spacing:.08em!important} body:has(.airevo-sync) .more-features .div-block-5>.heading-4{margin-bottom:18px!important} body:has(.airevo-sync) .more-features .reverse>.img-wrap2{order:2!important} body:has(.airevo-sync) .airevo-sync>._3-steps{padding:112px 0!important;background:#fff!important} body:has(.airevo-sync) .container-8>.container-16{padding:64px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:32px!important;background:radial-gradient(circle at 86% 12%,rgba(68,215,197,.17),transparent 27%),linear-gradient(-145deg,#0b2a3d,#11495a)!important;box-shadow:0 28px 75px rgba(16,38,60,.17)!important} body:has(.airevo-sync) .container-16 .heading---light{color:#93eee3!important} body:has(.airevo-sync) .container-16 .heading-9, body:has(.airevo-sync) .container-16 .heading-9 strong{max-width:830px!important;color:#fff!important} body:has(.airevo-sync) .container-16>.compp{max-width:780px!important;color:rgba(255,255,255,.69)!important} body:has(.airevo-sync) .container-16>.table{margin-top:40px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:23px!important;background:rgba(255,255,255,.06)!important;box-shadow:none!important;overflow:hidden!important} body:has(.airevo-sync) .container-16 .comparison-col1{background:rgba(225,252,247,.97)!important} body:has(.airevo-sync) .container-16 .comparison-col2{background:rgba(255,255,255,.91)!important} body:has(.airevo-sync) .container-16 .check, body:has(.airevo-sync) .container-16 .cross{width:22px!important;height:22px!important;max-width:22px!important;object-fit:contain!important;transform:none!important} body:has(.airevo-sync) .container-8>.sth{margin-top:106px!important;text-align:center!important} body:has(.airevo-sync) .container-8>.heading-3{max-width:800px!important;margin:0 auto 18px!important;text-align:center!important} body:has(.airevo-sync) .container-8>.paragraph-4{max-width:700px!important;margin:0 auto 50px!important;text-align:center!important} body:has(.airevo-sync) .container-8>.steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important} body:has(.airevo-sync) .steps>.step-wrap{position:relative!important;padding:18px 18px 28px!important;border:1px solid var(--fc-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 17px 45px rgba(16,38,60,.07)!important;overflow:hidden!important} body:has(.airevo-sync) .steps>.step-wrap{width:auto!important;min-width:0!important;max-width:none!important} body:has(.airevo-sync) .steps .heading-5{position:absolute!important;z-index:2!important;top:31px!important;right:31px!important;margin:0!important;padding:8px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;color:var(--fc-ink)!important;font-size:10px!important;letter-spacing:.12em!important;box-shadow:0 8px 20px rgba(16,38,60,.1)!important} body:has(.airevo-sync) .steps .hr{display:none!important} body:has(.airevo-sync) .steps .image-18{width:100%!important;aspect-ratio:1.15!important;border-radius:17px!important;object-fit:cover!important} body:has(.airevo-sync) .steps .paragraph-4{margin:22px 5px 0!important;text-align:right!important} body:has(.airevo-sync) .airevo-sync>.comparison{display:none!important} body:has(.airevo-sync) .airevo-sync>.guarantee{padding:0!important;background:#fff!important} body:has(.airevo-sync) .guarantee>.container-11{padding:0!important} body:has(.airevo-sync) .guarantee .div-block-11{display:grid!important;grid-template-columns:.72fr 1.28fr!important;align-items:center!important;min-height:430px!important;border-radius:32px!important;background:radial-gradient(circle at 15% 50%,rgba(73,218,201,.22),transparent 31%),linear-gradient(-135deg,#09283b,#105064)!important;box-shadow:0 28px 70px rgba(16,38,60,.17)!important;overflow:hidden!important} body:has(.airevo-sync) .guarantee .div-block-11>*{width:auto!important;min-width:0!important;max-width:none!important} body:has(.airevo-sync) .guarantee .image-22{width:78%!important;max-height:350px!important;margin:auto!important;padding:45px!important;object-fit:contain!important;filter:drop-shadow(0 22px 22px rgba(0,0,0,.20))!important;transform:none!important} body:has(.airevo-sync) .guarantee .div-block-12{padding:58px 20px 58px 65px!important;text-align:right!important} body:has(.airevo-sync) .guarantee .div-block-12>*{text-align:right!important} body:has(.airevo-sync) .guarantee h2, body:has(.airevo-sync) .guarantee h2 strong{color:#fff!important} body:has(.airevo-sync) .guarantee p{color:rgba(255,255,255,.72)!important} body:has(.airevo-sync) .guarantee .cta-group{align-items:flex-start!important;margin-right:0!important} body:has(.airevo-sync) .guarantee .cta-button{background:#fff!important;color:var(--fc-ink)!important} body:has(.airevo-sync) .airevo-sync>.reviews{padding:112px 0!important;background:linear-gradient(-180deg,#fff,#f5f9fa)!important} body:has(.airevo-sync) .reviews>.container-12>.heading---light, body:has(.airevo-sync) .reviews>.container-12>.heading-3{text-align:center!important} body:has(.airevo-sync) .reviews>.container-12>.heading-3{max-width:880px!important;margin:0 auto 54px!important} body:has(.airevo-sync) .reviews ._3-col-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important} body:has(.airevo-sync) .reviews .grid{display:grid!important;grid-template-columns:48px 1fr!important;grid-template-rows:auto 1fr auto!important;gap:8px 13px!important;min-height:260px!important;padding:27px!important;border:1px solid var(--fc-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 15px 42px rgba(16,38,60,.055)!important;text-align:right!important} body:has(.airevo-sync) .reviews .image-23{grid-row:1!important;width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover!important} body:has(.airevo-sync) .reviews .image-24{grid-column:2!important;grid-row:1!important;width:auto!important;max-width:105px!important;max-height:20px!important;align-self:center!important;object-fit:contain!important} body:has(.airevo-sync) .reviews .paragraph-6{grid-column:1/3!important;grid-row:2!important;margin:16px 0 20px!important;color:#385466!important;font-size:14px!important;line-height:1.7!important} body:has(.airevo-sync) .reviews .text-block-16{grid-column:1/3!important;grid-row:3!important;padding-top:14px!important;border-top:1px solid var(--fc-line)!important;color:#78909d!important;font-size:11px!important} body:has(.airevo-sync) .airevo-sync>._2-col-features{padding:0 0 112px!important;background:#f5f9fa!important} body:has(.airevo-sync) ._2-col-features>.container-13{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:0!important;border:1px solid var(--fc-line)!important;border-radius:32px!important;background:#fff!important;box-shadow:var(--fc-shadow)!important;overflow:hidden!important} body:has(.airevo-sync) ._2-col-features>.container-13>*{width:auto!important;min-width:0!important;max-width:none!important} body:has(.airevo-sync) ._2-col-features .div-block-14{height:100%!important;min-height:600px!important;background:var(--fc-mint)!important;overflow:hidden!important} body:has(.airevo-sync) ._2-col-features .div-block-14 .image-28{width:100%!important;height:100%!important;min-height:600px!important;object-fit:cover!important} body:has(.airevo-sync) ._2-col-features .text-wrap{padding:62px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>*{width:auto!important;max-width:none!important;text-align:right!important} body:has(.airevo-sync) ._2-col-features .text-block-17{margin-bottom:20px!important;color:var(--fc-teal-dark)!important;font-size:11px!important} body:has(.airevo-sync) ._2-col-features .text-block-18{margin:20px 0!important;color:#566f7e!important;font-size:15px!important;line-height:1.65!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.mobn{display:none!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.cta-group{align-items:flex-start!important;margin-right:0!important} body:has(.airevo-sync) .airevo-sync>.faqs{padding:112px 0!important;background:#fff!important} body:has(.airevo-sync) .faqs>.container-14{display:grid!important;grid-template-columns:.72fr 1.28fr!important;gap:90px!important;align-items:start!important} body:has(.airevo-sync) .faqs>.container-14>.heading-3{position:sticky!important;top:130px!important;margin:0!important} body:has(.airevo-sync) .faqs .accordion-container{display:grid!important;gap:10px!important} body:has(.airevo-sync) .faqs [class^="faq-item-"]{overflow:hidden!important;border:1px solid var(--fc-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(16,38,60,.035)!important} body:has(.airevo-sync) .faqs [class^="faq-header-"]{min-height:64px!important;padding:20px 22px!important;background:#fff!important;color:var(--fc-ink)!important;font-size:15px!important;font-weight:750!important} body:has(.airevo-sync) .faqs [class^="faq-content-"]{padding-inline:22px!important;background:#f7fafb!important;color:#5c7180!important} body:has(.airevo-sync) .faqs .faq-content-text{padding:5px 0 22px!important;font-size:14px!important;line-height:1.75!important} body:has(.airevo-sync) .airevo-marketing-disclosure{width:min(900px,calc(100% - 40px))!important;margin:0 auto!important;padding:25px 0 45px!important;color:#90a0aa!important;font-size:9px!important;line-height:1.65!important;text-align:center!important} @media(max-width:991px){ body:has(.airevo-sync) .airevo-sync .w-container{width:min(100% - 40px,820px)!important} body:has(.airevo-sync) .airevo-sync>.hero-section---desktop{padding-block:74px!important} body:has(.airevo-sync) .hero-section---desktop>.quick-stack{grid-template-columns:1fr!important;gap:42px!important} body:has(.airevo-sync) .hero-section---desktop .product-bg{min-height:480px!important} body:has(.airevo-sync) .container-6>._3-col-features{grid-template-columns:1fr 1fr!important} body:has(.airevo-sync) .container-6>._3-col-features>.column-2{grid-column:1/3!important;grid-row:1!important;min-height:440px!important} body:has(.airevo-sync) .more-features .div-block-5{padding:40px!important} body:has(.airevo-sync) .reviews ._3-col-grid{grid-template-columns:1fr 1fr!important} body:has(.airevo-sync) .faqs>.container-14{grid-template-columns:1fr!important;gap:38px!important} body:has(.airevo-sync) .faqs>.container-14>.heading-3{position:static!important} } @media(max-width:700px){ body:has(.airevo-sync) .product-description>.nav{width:calc(100% - 28px)} body:has(.airevo-sync) .airevo-sync .w-container{width:calc(100% - 30px)!important} body:has(.airevo-sync) .airevo-sync h1{font-size:42px!important} body:has(.airevo-sync) .airevo-sync h2{font-size:36px!important} body:has(.airevo-sync) .airevo-sync h3{font-size:25px!important} body:has(.airevo-sync) .airevo-sync p{font-size:15px!important} body:has(.airevo-sync) .airevo-sync>.notification{padding:12px 10px!important;font-size:10px!important} body:has(.airevo-sync) .airevo-sync>.hero-section---desktop{display:none!important} body:has(.airevo-sync) .airevo-sync>.hero-section---mobile{display:block!important;padding:62px 0 68px!important;background:radial-gradient(circle at 80% 34%,rgba(64,208,191,.2),transparent 31%),linear-gradient(-160deg,#eff9f7,#f8fbfc)!important} body:has(.airevo-sync) .hero-section---mobile>.container-3{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:right!important} body:has(.airevo-sync) .hero-section---mobile .text-block-8{width:auto!important;padding:8px 11px!important;border:1px solid rgba(8,169,159,.15)!important;border-radius:999px!important;background:rgba(255,255,255,.76)!important;color:var(--fc-teal-dark)!important;font-size:9px!important} body:has(.airevo-sync) .hero-section---mobile .text-block-11{display:none!important} body:has(.airevo-sync) .hero-section---mobile .heading-2{margin:24px 0 17px!important;text-align:right!important} body:has(.airevo-sync) .hero-section---mobile .text-block-25{color:#4c6878!important;font-size:16px!important;line-height:1.6!important;text-align:right!important} body:has(.airevo-sync) .hero-section---mobile>.container-3>.image-56{width:100%!important;max-height:420px!important;margin:30px 0!important;padding:22px!important;border:1px solid var(--fc-line)!important;border-radius:24px!important;background:radial-gradient(circle,#fff,#dff4ef)!important;object-fit:contain!important;box-shadow:0 20px 55px rgba(16,38,60,.13)!important} body:has(.airevo-sync) .hero-section---mobile .hero---bullets{display:grid!important;gap:11px!important;width:100%!important} body:has(.airevo-sync) .hero-section---mobile .cta-group{width:100%!important;align-items:stretch!important} body:has(.airevo-sync) .hero-section---mobile .cta-button{width:100%!important} body:has(.airevo-sync) .airevo-sync>.brands{display:none!important} body:has(.airevo-sync) .airevo-sync>._3-col-features, body:has(.airevo-sync) .airevo-sync>.more-features, body:has(.airevo-sync) .airevo-sync>._3-steps, body:has(.airevo-sync) .airevo-sync>.reviews, body:has(.airevo-sync) .airevo-sync>.faqs{padding:76px 0!important} body:has(.airevo-sync) .container-6>.pp1{margin-bottom:34px!important} body:has(.airevo-sync) .container-6>.image-11{max-height:360px!important;border-radius:21px!important} body:has(.airevo-sync) .container-6>._3-col-features{grid-template-columns:1fr!important} body:has(.airevo-sync) .container-6>._3-col-features>.column-2{grid-column:auto!important;min-height:330px!important} body:has(.airevo-sync) .container-6 .feature{min-height:88px!important;padding:15px!important} body:has(.airevo-sync) .more-features>.container-7>.heading-3{margin-bottom:38px!important} body:has(.airevo-sync) .more-features .drone-feature{grid-template-columns:1fr!important;min-height:0!important;border-radius:22px!important} body:has(.airevo-sync) .more-features .img-wrap1, body:has(.airevo-sync) .more-features .img-wrap2, body:has(.airevo-sync) .more-features .img-wrap1 img, body:has(.airevo-sync) .more-features .img-wrap2 img{min-height:270px!important;height:270px!important} body:has(.airevo-sync) .more-features .reverse>.img-wrap2{order:0!important} body:has(.airevo-sync) .more-features .div-block-5{padding:31px 24px 35px!important} body:has(.airevo-sync) .more-features .div-block-5>.heading-3{width:42px!important;height:42px!important;margin-bottom:20px!important} body:has(.airevo-sync) .container-8>.container-16{padding:34px 20px!important;border-radius:24px!important} body:has(.airevo-sync) .container-16>.table{overflow-x:auto!important} body:has(.airevo-sync) .container-16>.table>*{min-width:540px!important} body:has(.airevo-sync) .container-8>.sth{margin-top:76px!important} body:has(.airevo-sync) .container-8>.steps{grid-template-columns:1fr!important} body:has(.airevo-sync) .steps>.step-wrap{padding:14px 14px 23px!important} body:has(.airevo-sync) .guarantee .div-block-11{grid-template-columns:1fr!important;border-radius:0!important} body:has(.airevo-sync) .guarantee .image-22{max-height:280px!important;padding:35px 35px 0!important} body:has(.airevo-sync) .guarantee .div-block-12{padding:30px 24px 45px!important;text-align:center!important} body:has(.airevo-sync) .guarantee .cta-group{align-items:stretch!important;margin-right:auto!important} body:has(.airevo-sync) .reviews ._3-col-grid{grid-template-columns:1fr!important} body:has(.airevo-sync) .reviews .grid{min-height:235px!important;padding:23px!important} body:has(.airevo-sync) .airevo-sync>._2-col-features{padding-bottom:76px!important} body:has(.airevo-sync) ._2-col-features>.container-13{grid-template-columns:1fr!important;border-radius:24px!important} body:has(.airevo-sync) ._2-col-features .div-block-14{display:none!important} body:has(.airevo-sync) ._2-col-features .text-wrap{padding:34px 24px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.mobn{display:block!important;width:100%!important;margin:25px 0!important;border-radius:18px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.cta-group{align-items:stretch!important} body:has(.airevo-sync) .faqs>.container-14{gap:30px!important} body:has(.airevo-sync) .faqs [class^="faq-header-"]{min-height:58px!important;padding:17px!important;font-size:14px!important} body:has(.airevo-sync) .faqs [class^="faq-content-"]{padding-inline:17px!important} } @media(prefers-reduced-motion:reduce){body:has(.airevo-sync) .airevo-sync *{scroll-behavior:auto!important;transition-duration:.01ms!important}} /* AirEvo product refinement v2 — comparison, guarantee, CTA, disclosure and FAQ */ body:has(.airevo-sync) .airevo-sync>._3-steps{background:linear-gradient(-180deg,#f4f9fa 0%,#fff 100%)!important} body:has(.airevo-sync) .container-8>.container-16{padding:74px 72px!important;border:1px solid rgba(16,38,60,.08)!important;background:radial-gradient(circle at 92% 4%,rgba(72,208,193,.13),transparent 24%),#fff!important;box-shadow:0 26px 75px rgba(16,38,60,.09)!important} body:has(.airevo-sync) .container-16 .heading---light{color:var(--fc-teal-dark)!important;text-align:center!important} body:has(.airevo-sync) .container-16 .heading-9, body:has(.airevo-sync) .container-16 .heading-9 strong{max-width:780px!important;margin-inline:auto!important;color:var(--fc-ink)!important;text-align:center!important} body:has(.airevo-sync) .container-16>.compp{max-width:770px!important;margin:20px auto 0!important;color:#607685!important;text-align:center!important} body:has(.airevo-sync) .container-16>.table{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;width:100%!important;height:auto!important;min-height:528px!important;margin-top:48px!important;border:1px solid var(--fc-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 48px rgba(16,38,60,.07)!important;overflow:hidden!important} body:has(.airevo-sync) .container-16 .comparison-col1{display:grid!important;grid-template-rows:repeat(8,58px)!important;width:auto!important;min-width:0!important;max-width:none!important;padding-top:64px!important;background:#fff!important} body:has(.airevo-sync) .container-16 .comparison-col1 .comp-item1{display:flex!important;width:auto!important;min-width:0!important;max-width:none!important;height:58px!important;align-items:center!important;padding:0 26px!important;border:0!important;border-top:1px solid var(--fc-line)!important;background:#fff!important} body:has(.airevo-sync) .container-16 .comparison-col1 .text-block-24{width:auto!important;height:auto!important;padding:0!important;color:#29485b!important;font-size:14px!important;font-weight:720!important;line-height:1.25!important} body:has(.airevo-sync) .container-16 .comparison-col2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;gap:0!important;background:#fff!important} body:has(.airevo-sync) .container-16 .prod-col1, body:has(.airevo-sync) .container-16 .prod-col2{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:64px repeat(8,58px)!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;padding:0!important;border:0!important} body:has(.airevo-sync) .container-16 .prod-col1{position:relative!important;z-index:2;background:linear-gradient(-180deg,#daf6f0,#ebfaf7)!important;box-shadow:0 0 0 1px rgba(8,169,159,.15)!important} body:has(.airevo-sync) .container-16 .prod-col2{background:#f4f6f7!important} body:has(.airevo-sync) .container-16 .col-heading{display:flex!important;width:auto!important;height:64px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:7px!important;border:0!important;background:transparent!important} body:has(.airevo-sync) .container-16 .col-heading>*{position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;opacity:1!important;transform:none!important} body:has(.airevo-sync) .container-16 .prod-col1 .col-heading{background:#0f756f!important} body:has(.airevo-sync) .container-16 .prod-col2 .col-heading{background:#e7ebed!important} body:has(.airevo-sync) .container-16 .col-heading .product{display:none!important} body:has(.airevo-sync) .container-16 .col-heading img{width:auto!important;max-width:92px!important;height:16px!important;object-fit:contain!important} body:has(.airevo-sync) .container-16 .col-heading [class^="text-block-"]{width:auto!important;height:auto!important;padding:0!important;color:var(--fc-ink)!important;font-size:12px!important;font-weight:850!important;line-height:1!important;text-align:center!important} body:has(.airevo-sync) .container-16 .prod-col1 .col-heading [class^="text-block-"]{color:#fff!important} body:has(.airevo-sync) .container-16 .prod-col1>.row, body:has(.airevo-sync) .container-16 .prod-col2>.row{display:grid!important;width:100%!important;min-width:0!important;max-width:none!important;height:58px!important;min-height:0!important;max-height:none!important;place-items:center!important;justify-self:stretch!important;margin:0!important;padding:0!important;border:0!important;border-top:1px solid rgba(16,38,60,.08)!important;background:transparent!important;box-sizing:border-box!important} body:has(.airevo-sync) .container-16 .prod-col1>.row img, body:has(.airevo-sync) .container-16 .prod-col2>.row img{display:none!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:before, body:has(.airevo-sync) .container-16 .prod-col2>.row:before{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;font-size:14px;font-weight:900;line-height:1} body:has(.airevo-sync) .container-16 .prod-col1>.row:before{content:"✓";background:#fff;color:#087d76;box-shadow:0 5px 15px rgba(8,125,118,.13)} body:has(.airevo-sync) .container-16 .prod-col2>.row:before{content:"×";background:#e2e6e8;color:#74828a} body:has(.airevo-sync) .container-16 .check, body:has(.airevo-sync) .container-16 .cross{display:block!important;width:19px!important;height:19px!important;max-width:19px!important;object-fit:contain!important;opacity:.9!important;transform:none!important} /* Normalize the source table's asymmetric markup: the competitor rows are nested inside its heading while the AirEvo rows are siblings. */ body:has(.airevo-sync) .container-16 .prod-col1>.col-heading{grid-row:1!important;justify-self:stretch!important;align-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:nth-child(2){grid-row:2!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:nth-child(3){grid-row:3!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:nth-child(4){grid-row:4!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:nth-child(5){grid-row:5!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:nth-child(6){grid-row:6!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:nth-child(7){grid-row:7!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:nth-child(8){grid-row:8!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:nth-child(9){grid-row:9!important} body:has(.airevo-sync) .container-16 .prod-col1>.col-heading .image-52, body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.image-52, body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.image-53{display:none!important} body:has(.airevo-sync) .container-16 .prod-col1>.column-tail, body:has(.airevo-sync) .container-16 .prod-col2>.column-tail2{display:none!important} body:has(.airevo-sync) .container-16 .comparison-col2{align-items:stretch!important;justify-items:stretch!important} body:has(.airevo-sync) .container-16 .prod-col1, body:has(.airevo-sync) .container-16 .prod-col2{justify-self:stretch!important;align-self:stretch!important;width:100%!important;box-sizing:border-box!important;zoom:1!important} body:has(.airevo-sync) .container-16 .prod-col1{grid-column:1!important;grid-row:1!important} body:has(.airevo-sync) .container-16 .prod-col2{grid-column:2!important;grid-row:1!important} body:has(.airevo-sync) .container-16 .prod-col2{display:block!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:64px repeat(8,58px)!important;align-items:stretch!important;justify-items:stretch!important;width:100%!important;height:auto!important;padding:0!important;gap:0!important;overflow:hidden!important;box-sizing:border-box!important;background:#f4f6f7!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.text-block-23{display:grid!important;grid-row:1!important;width:100%!important;height:64px!important;place-items:center!important;background:#e7ebed!important;color:var(--fc-ink)!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row, body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2{display:grid!important;width:100%!important;min-width:0!important;max-width:none!important;height:58px!important;min-height:0!important;max-height:none!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;border-top:1px solid rgba(16,38,60,.08)!important;background:#f4f6f7!important;box-sizing:border-box!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row img, body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2 img{display:none!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row:before, body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:before{content:"×";display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#e2e6e8;color:#74828a;font-size:14px;font-weight:900;line-height:1} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row:nth-child(4){grid-row:2!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:nth-child(5){grid-row:3!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:nth-child(6){grid-row:4!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:nth-child(7){grid-row:5!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:nth-child(8){grid-row:6!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:nth-child(9){grid-row:7!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:nth-child(10){grid-row:8!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:nth-child(11){grid-row:9!important} body:has(.airevo-sync) .airevo-sync>.guarantee{padding:0 0 112px!important;background:#fff!important} body:has(.airevo-sync) .guarantee .div-block-11{grid-template-columns:.62fr 1.38fr!important;min-height:430px!important;border:1px solid rgba(8,169,159,.13)!important;background:radial-gradient(circle at 12% 50%,rgba(80,211,195,.18),transparent 31%),linear-gradient(-135deg,#eaf8f5 0%,#f7fbfb 56%,#fff 100%)!important;box-shadow:0 28px 75px rgba(16,38,60,.10)!important} body:has(.airevo-sync) .guarantee .image-22{width:78%!important;max-height:310px!important;padding:34px!important;border-radius:50%!important;background:rgba(255,255,255,.74)!important;box-shadow:0 18px 48px rgba(16,38,60,.09)!important;filter:none!important} body:has(.airevo-sync) .guarantee .div-block-12{padding:62px 18px 62px 72px!important} body:has(.airevo-sync) .guarantee h2, body:has(.airevo-sync) .guarantee h2 strong{margin-bottom:20px!important;color:var(--fc-ink)!important} body:has(.airevo-sync) .guarantee p, body:has(.airevo-sync) .guarantee p *{color:#536e7d!important;font-size:16px!important;line-height:1.75!important} body:has(.airevo-sync) .guarantee .cta-group{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;margin-top:27px!important} body:has(.airevo-sync) .guarantee .cta-button{background:linear-gradient(-135deg,var(--fc-ink),#15586a)!important;color:#fff!important} body:has(.airevo-sync) .guarantee .scarcity-group---dark{justify-content:flex-start!important} body:has(.airevo-sync) .guarantee .scarcity-group---dark, body:has(.airevo-sync) .guarantee .scarcity-group---dark *{color:#617687!important} body:has(.airevo-sync) .airevo-sync>._2-col-features{padding:112px 0!important;background:linear-gradient(-180deg,#f4f9fa,#eef6f7)!important} body:has(.airevo-sync) ._2-col-features>.container-13{grid-template-columns:.96fr 1.04fr!important;max-width:1180px!important;border-color:rgba(16,38,60,.08)!important;box-shadow:0 28px 75px rgba(16,38,60,.11)!important} body:has(.airevo-sync) ._2-col-features .div-block-14{min-height:620px!important} body:has(.airevo-sync) ._2-col-features .div-block-14 .image-28{min-height:620px!important} body:has(.airevo-sync) ._2-col-features .text-wrap{padding:60px 66px!important} body:has(.airevo-sync) ._2-col-features .text-block-17{display:inline-flex!important;width:max-content!important;max-width:100%!important;padding:8px 11px!important;border:1px solid rgba(8,169,159,.15)!important;border-radius:999px!important;background:var(--fc-mint)!important;color:var(--fc-teal-dark)!important} body:has(.airevo-sync) ._2-col-features .rating-mobile{display:none!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.heading-3{max-width:500px!important;margin:24px 0 17px!important;font-size:clamp(42px,4.3vw,58px)!important;line-height:1!important} body:has(.airevo-sync) ._2-col-features .text-block-18{max-width:510px!important;margin:0 0 25px!important;color:#536e7d!important} body:has(.airevo-sync) ._2-col-features .text-wrap>div:not([class]){display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 14px!important;margin:0 0 29px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>div:not([class]) .bullet---item{min-height:54px!important;padding:11px 12px!important;border:1px solid var(--fc-line)!important;border-radius:14px!important;background:#f8fbfb!important;font-size:12px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.cta-group{flex-direction:column!important;align-items:flex-start!important;gap:13px!important;margin-top:0!important} body:has(.airevo-sync) ._2-col-features .scarcity-group---dark{justify-content:flex-start!important} body:has(.airevo-sync) ._2-col-features .scarcity-group---dark, body:has(.airevo-sync) ._2-col-features .scarcity-group---dark *{color:#617687!important} body:has(.airevo-sync) .airevo-sync>.faqs{padding:118px 0 96px!important;background:#fff!important} body:has(.airevo-sync) .faqs>.container-14{display:block!important} body:has(.airevo-sync) .faqs>.container-14>.heading-3{position:static!important;max-width:780px!important;margin:0 auto!important;font-size:clamp(42px,4.5vw,62px)!important;line-height:1.02!important;text-align:center!important} body:has(.airevo-sync) .faqs>.container-14>.heading-3:after{content:"";display:block;width:54px;height:3px;margin:25px auto 0;border-radius:999px;background:linear-gradient(-90deg,var(--fc-teal),#79ded2)} body:has(.airevo-sync) .faqs .accordion-container{width:min(900px,100%)!important;margin:54px auto 0!important;gap:12px!important} body:has(.airevo-sync) .faqs [class^="faq-item-"]{border-color:rgba(16,38,60,.09)!important;border-radius:18px!important;box-shadow:none!important;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease!important} body:has(.airevo-sync) .faqs [class^="faq-item-"]{height:auto!important;min-height:0!important} body:has(.airevo-sync) .faqs [class^="faq-item-"]:hover{border-color:rgba(8,169,159,.27)!important;box-shadow:0 13px 34px rgba(16,38,60,.06)!important;transform:translateY(-1px)!important} body:has(.airevo-sync) .faqs [class^="faq-header-"]{height:72px!important;min-height:72px!important;padding:18px 25px!important} body:has(.airevo-sync) .faqs .faq-header-text, body:has(.airevo-sync) .faqs .faq-header-text strong{width:auto!important;min-width:0!important;height:auto!important;color:var(--fc-ink)!important;font-size:16px!important;line-height:1.35!important} body:has(.airevo-sync) .faqs [class^="faq-header-"]>img{width:16px!important;height:16px!important;margin-right:auto!important;opacity:.65!important} body:has(.airevo-sync) .faqs [class^="faq-content-"]{padding-inline:25px!important;background:#f5faf9!important} body:has(.airevo-sync) .faqs .faq-content-text{padding:8px 0 24px!important;color:#536e7d!important;font-size:14px!important;line-height:1.8!important} body:has(.airevo-sync) .airevo-marketing-disclosure{width:min(980px,calc(100% - 40px))!important;margin:0 auto 78px!important;padding:20px 24px!important;border:1px solid rgba(16,38,60,.08)!important;border-right:3px solid var(--fc-teal)!important;border-radius:15px 0 0 15px!important;background:#f6fafb!important;color:#718691!important;font-size:10px!important;font-weight:500!important;line-height:1.7!important;text-align:right!important;letter-spacing:.01em!important} @media(max-width:900px){ body:has(.airevo-sync) .container-8>.container-16{padding:54px 38px!important} body:has(.airevo-sync) .container-16>.table{grid-template-columns:minmax(0,1fr) 300px!important} body:has(.airevo-sync) .guarantee .div-block-11{grid-template-columns:.75fr 1.25fr!important} body:has(.airevo-sync) .guarantee .div-block-12{padding:48px 10px 48px 40px!important} body:has(.airevo-sync) ._2-col-features .text-wrap{padding:48px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>div:not([class]){grid-template-columns:1fr!important} } @media(max-width:700px){ body:has(.airevo-sync) .container-8>.container-16{padding:38px 18px!important} body:has(.airevo-sync) .container-16>.table{grid-template-columns:minmax(0,1fr) 154px!important;margin-top:34px!important;overflow:hidden!important} body:has(.airevo-sync) .container-16>.table{min-height:474px!important} body:has(.airevo-sync) .container-16 .comparison-col1{grid-template-rows:repeat(8,52px)!important;padding-top:58px!important} body:has(.airevo-sync) .container-16 .comparison-col1 .comp-item1{height:52px!important;padding:0 10px!important} body:has(.airevo-sync) .container-16 .comparison-col1 .text-block-24{font-size:10px!important;line-height:1.2!important} body:has(.airevo-sync) .container-16 .prod-col1, body:has(.airevo-sync) .container-16 .prod-col2{grid-template-rows:58px repeat(8,52px)!important} body:has(.airevo-sync) .container-16 .col-heading{height:58px!important;margin:0!important;padding:5px!important} body:has(.airevo-sync) .container-16 .col-heading img{max-width:68px!important;height:13px!important} body:has(.airevo-sync) .container-16 .col-heading [class^="text-block-"]{font-size:9px!important} body:has(.airevo-sync) .container-16 .prod-col1>.row, body:has(.airevo-sync) .container-16 .prod-col2>.row{height:52px!important} body:has(.airevo-sync) .container-16 .prod-col1>.row:before, body:has(.airevo-sync) .container-16 .prod-col2>.row:before{width:20px;height:20px;font-size:12px} body:has(.airevo-sync) .container-16 .check, body:has(.airevo-sync) .container-16 .cross{width:16px!important;height:16px!important;max-width:16px!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading{grid-template-rows:58px repeat(8,52px)!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.text-block-23{height:58px!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row, body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2{height:52px!important} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row:before, body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.row2:before{width:20px;height:20px;font-size:12px} body:has(.airevo-sync) .container-16 .prod-col2>.col-heading>.text-block-23 strong{width:auto!important;max-width:none!important;font-size:8px!important} body:has(.airevo-sync) .airevo-sync>.guarantee{padding-bottom:76px!important} body:has(.airevo-sync) .guarantee .div-block-11{grid-template-columns:1fr!important;border-radius:24px!important} body:has(.airevo-sync) .guarantee .image-22{width:62%!important;max-height:250px!important;margin:35px auto 0!important;padding:24px!important} body:has(.airevo-sync) .guarantee .div-block-12{padding:30px 24px 42px!important;text-align:center!important} body:has(.airevo-sync) .guarantee .div-block-12>*{text-align:center!important} body:has(.airevo-sync) .guarantee .cta-group{flex-direction:column!important;align-items:stretch!important} body:has(.airevo-sync) .guarantee .scarcity-group---dark{justify-content:center!important} body:has(.airevo-sync) .airevo-sync>._2-col-features{padding:76px 0!important} body:has(.airevo-sync) ._2-col-features>.container-13{grid-template-columns:1fr!important} body:has(.airevo-sync) ._2-col-features>.container-13>.text-wrap{grid-column:1!important;width:100%!important;min-width:0!important;box-sizing:border-box!important} body:has(.airevo-sync) ._2-col-features .text-wrap{padding:34px 24px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>*{width:100%!important;min-width:0!important;box-sizing:border-box!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.text-block-17{width:max-content!important;max-width:100%!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.heading-3{font-size:38px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.mobn{width:100%!important;height:auto!important;max-height:250px!important;object-fit:cover!important} body:has(.airevo-sync) ._2-col-features .text-wrap>div:not([class]){grid-template-columns:1fr 1fr!important;gap:8px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>div:not([class]) .bullet---item{min-height:64px!important;padding:10px!important;font-size:10px!important} body:has(.airevo-sync) ._2-col-features .text-wrap>.cta-group{flex-direction:column!important;align-items:stretch!important} body:has(.airevo-sync) ._2-col-features .rating-desktop{display:none!important} body:has(.airevo-sync) ._2-col-features .rating-mobile{display:inline-flex!important;width:auto!important;max-width:100%!important} body:has(.airevo-sync) ._2-col-features .rating-mobile .bold-text-7{width:auto!important;max-width:100%!important} body:has(.airevo-sync) ._2-col-features .scarcity-group---dark{justify-content:center!important} body:has(.airevo-sync) .airevo-sync>.faqs{padding:78px 0 64px!important} body:has(.airevo-sync) .faqs>.container-14>.heading-3{font-size:40px!important} body:has(.airevo-sync) .faqs .accordion-container{margin-top:38px!important} body:has(.airevo-sync) .faqs [class^="faq-header-"]{height:68px!important;min-height:68px!important;padding:16px 18px!important} body:has(.airevo-sync) .faqs .faq-header-text, body:has(.airevo-sync) .faqs .faq-header-text strong{font-size:14px!important} body:has(.airevo-sync) .faqs [class^="faq-content-"]{padding-inline:18px!important} body:has(.airevo-sync) .airevo-marketing-disclosure{margin-bottom:54px!important;padding:17px 18px!important;font-size:9px!important} } /* /image/catalog/airevo/airevo-readable-type-v2.css */ /* AirEvo readable type floor v2: high-specificity overrides for embedded content. */ body small, body:has(.av-home) main.av-home .av-spec span, body:has(.av-home) main.av-home .av-process__tab > span, body:has(.av-home) main.av-home .av-use__card > div > span, body:has(.av-home) main.av-home .av-rating small, body:has(.av-home) main.av-home .av-story footer span, body:has(.av-home) main.av-home .av-final__copy > small, body:has(.av-home) main.av-home .av-compare__head > span, body:has(.av-home) main.av-home .av-compare__row > strong, body:has(.av-home) main.av-home .av-compare__row > span > i, body:has(.av-page) main.av-page .ap-kicker, body:has(.av-page) main.av-page .ap-policy-meta, body:has(.av-page) main.av-page .ap-hero__meta > span, body:has(.av-page) main.av-page .ap-value__num, body:has(.av-page) main.av-page .ap-contact-card > span, body:has(.av-page) main.av-page .ap-contact-line > small, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .brands-title, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .heading---light, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .heading-5, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .notification, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .notification .fc-sale-date, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .notification .fc-sale-date *, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .text-block-24, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .text-block-23, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .text-block-23 *, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .scarcity-group---dark, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .scarcity-group---dark *, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .text-span-3, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .rating-desktop, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .airevo-marketing-disclosure, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .airevo-marketing-disclosure * { font-size: 12px !important; } body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .airevo-marketing-disclosure, body:has(.airevo-sync) .tab-pane .rich-text-editor-content .airevo-sync .airevo-marketing-disclosure * { line-height: 1.7 !important; letter-spacing: 0.01em; } /* The mobile "Others" label is rendered in a duplicated comparison block outside the tab wrapper. */ html body:has(.airevo-sync) .airevo-sync .text-block-23 strong { font-size: 12px !important; } #product-description .airevo-sync section._3-steps .container-8 .container-16 .table .comparison-col2 .prod-col2 .col-heading .text-block-23 strong { font-size: 12px !important; } /* /image/catalog/airevo/airevo-docx-refinement-v1.css */ /* AirEvo visual refinement from 网站修改一键.docx — scoped, product-top untouched. */ :root{--av-ink:#102536;--av-navy:#0b3040;--av-teal:#0a847a;--av-mint:#7ee7d7;--av-paper:#f4f9f8;--av-line:#dbe7e6;--av-warm:#ffad2f;--av-shadow:0 28px 80px rgba(16,37,54,.12)} /* Homepage ultra-wide hero and three-scene closing mosaic */ .av-home .av-hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 52%} .av-home .av-final{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr)!important;gap:0!important;overflow:hidden!important;background:linear-gradient(-135deg,#092b3a,#0d4955)!important;border-radius:32px!important;box-shadow:0 34px 90px rgba(8,39,52,.18)!important} .av-home .av-final__media{min-height:650px!important;display:grid!important;grid-template-columns:1.2fr .8fr!important;grid-template-rows:1fr 1fr!important;gap:4px!important;overflow:hidden!important} .av-home .av-final__media figure{margin:0!important;min-width:0;min-height:0;overflow:hidden;position:relative} .av-home .av-final__media figure:first-child{grid-row:1/3} .av-home .av-final__media img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transition:transform .7s cubic-bezier(.2,.7,.2,1)} .av-home .av-final__media figure:hover img{transform:scale(1.035)} .av-home .av-final__copy{padding:clamp(38px,5vw,78px)!important;text-align:right!important;align-items:flex-start!important;justify-content:center!important;background:radial-gradient(circle at 100% 0,rgba(126,231,215,.16),transparent 42%)} .av-home .av-final__copy h2,.av-home .av-final__copy p,.av-home .av-final__copy small{text-align:right!important} /* Product editorial body */ html body .airevo-sync{color:var(--av-ink);background:#fff;overflow:hidden} html body .airevo-sync .w-layout-blockcontainer{box-sizing:border-box} html body .airevo-sync .hero-section---desktop{padding:clamp(24px,4vw,58px) 20px 72px!important;background:linear-gradient(-180deg,#f1faf8 0,#fff 100%)} html body .airevo-sync .quick-stack{width:min(1240px,100%)!important;max-width:1240px!important;display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr)!important;gap:clamp(24px,3vw,42px)!important;padding:0!important;overflow:visible!important} html body .airevo-sync .w-layout-cell.cell{width:100%!important;min-width:0;border-radius:30px!important;overflow:hidden!important;background:#dfecea;box-shadow:var(--av-shadow)} html body .airevo-sync .cell .product-bg{width:100%!important;height:100%!important;min-height:640px!important;display:block!important;overflow:hidden!important} html body .airevo-sync .cell .product-bg>img{width:100%!important;height:100%!important;min-height:640px!important;display:block!important;object-fit:cover!important;object-position:center!important} html body .airevo-sync .w-layout-cell.cell-2{width:100%!important;min-width:0!important;padding:clamp(30px,4vw,52px)!important;border:1px solid var(--av-line)!important;border-radius:30px!important;background:#fff!important;box-shadow:0 26px 75px rgba(16,37,54,.09)!important} html body .airevo-sync .text-block-4{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:100%;padding:10px 14px!important;border-radius:999px;background:#edf9f7!important;color:#0b776e!important;font-size:13px!important;line-height:1.35!important} html body .airevo-sync .text-block-4 .bold-text-11{font-size:13px!important;line-height:1.35!important;color:#0b776e!important} html body .airevo-sync .cell-2 .heading{margin:22px 0 12px!important;color:var(--av-ink)!important;font-size:clamp(38px,4.2vw,60px)!important;line-height:1.03!important;letter-spacing:-.045em!important} html body .airevo-sync .text-block-25{color:#d95f1a!important;font-size:18px!important;line-height:1.55!important} html body .airevo-sync .hero---bullets{margin-top:22px!important;padding:0!important} html body .airevo-sync .bullet---item{gap:12px!important;margin-top:13px!important} html body .airevo-sync .bullet---item .bullet{width:24px!important;height:24px!important;flex:0 0 24px} html body .airevo-sync .bullet---item .text-block-6{margin:0!important;color:#243b47!important;font-size:15px!important;line-height:1.45!important} /* One unified conversion component */ html body .airevo-sync .cta-group{width:100%!important;margin:28px 0 0!important;padding:20px!important;display:flex!important;align-items:center!important;gap:12px!important;border:1px solid #cfe3e0!important;border-radius:22px!important;background:linear-gradient(-135deg,#f6fbfa,#ecf8f5)!important;box-shadow:0 16px 42px rgba(16,37,54,.07)!important} html body .airevo-sync .cta-group.white{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important;box-shadow:none!important} html body .airevo-sync .cta-button{width:min(100%,420px)!important;min-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:14px 30px!important;border:0!important;border-radius:999px!important;background:linear-gradient(-135deg,#ff7a1a,#e94e13)!important;color:#fff!important;font-size:clamp(17px,2vw,21px)!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.01em!important;box-shadow:0 14px 34px rgba(225,82,20,.26)!important;transition:transform .2s ease,box-shadow .2s ease!important} html body .airevo-sync .cta-button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(225,82,20,.34)!important} html body .airevo-sync .scarcity-group---dark{min-height:34px!important;margin:0!important;padding:8px 12px!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;border-radius:999px!important;background:rgba(255,255,255,.78)!important;border:1px solid #dce9e7!important} html body .airevo-sync .cta-group.white .scarcity-group---dark{background:rgba(4,25,35,.28)!important;border-color:rgba(255,255,255,.18)!important} html body .airevo-sync .scarcity-group---dark .text-block-7,html body .airevo-sync .scarcity-group---dark .text-block-10{margin:0!important;color:#314b55!important;font-size:12px!important;line-height:1.35!important} html body .airevo-sync .cta-group.white .scarcity-group---dark .text-block-10{color:#fff!important} html body .airevo-sync .battery-charge{height:12px!important;width:56px!important;margin-right:2px!important} html body .airevo-sync .div-block-31{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important} html body .airevo-sync .div-block-31 .feat{min-width:0;padding:10px 6px;border-radius:14px;background:#fff;border:1px solid #e0ecea} html body .airevo-sync .image-51{width:34px!important;height:34px!important;object-fit:contain} html body .airevo-sync .text-block-22{margin-top:6px!important;color:#48606a!important;font-size:12px!important;line-height:1.35!important;text-align:center} /* Feature/structure area */ html body .airevo-sync .container-6{width:min(1240px,calc(100% - 40px))!important;max-width:1240px!important;margin:70px auto 0!important;padding:clamp(34px,5vw,68px)!important;border:1px solid var(--av-line);border-radius:32px;background:linear-gradient(-145deg,#f4faf9,#fff);box-shadow:0 28px 80px rgba(16,37,54,.08)!important;overflow:visible!important} html body .airevo-sync .container-6>.image-11{display:none!important} html body .airevo-sync ._3-col-features{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.86fr) minmax(0,1fr)!important;gap:clamp(20px,3vw,40px)!important;align-items:stretch!important;margin-top:38px!important} html body .airevo-sync .column-1,html body .airevo-sync .column-2,html body .airevo-sync .column-3{width:100%!important;min-width:0!important} html body .airevo-sync .column-1,html body .airevo-sync .column-3{display:grid!important;grid-template-rows:repeat(4,1fr)!important;gap:10px!important} html body .airevo-sync .column-2{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;padding:30px!important;border:1px solid rgba(126,231,215,.42)!important;border-radius:28px!important;background:radial-gradient(circle at 50% 45%,rgba(126,231,215,.27),rgba(10,48,64,.98) 68%)!important;overflow:hidden!important} html body .airevo-sync .column-2:before,html body .airevo-sync .column-2:after{content:"";position:absolute;border:1px solid rgba(126,231,215,.23);border-radius:50%;animation:avPulse 5s ease-in-out infinite} html body .airevo-sync .column-2:before{width:76%;aspect-ratio:1} html body .airevo-sync .column-2:after{width:54%;aspect-ratio:1;animation-delay:-2.5s} html body .airevo-sync .column-2 .image-11{position:relative;z-index:1;display:block!important;width:100%!important;height:auto!important;max-height:470px!important;object-fit:contain!important;filter:drop-shadow(0 22px 28px rgba(0,0,0,.28))} @keyframes avPulse{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.04);opacity:1}} html body .airevo-sync .feature{height:100%!important;min-height:78px!important;padding:14px 16px!important;display:flex!important;align-items:center!important;gap:14px!important;border:1px solid #dce9e7!important;border-radius:17px!important;background:#fff!important;box-shadow:0 10px 28px rgba(16,37,54,.05)!important} html body .airevo-sync .feature .image-10{width:44px!important;height:44px!important;flex:0 0 44px!important;object-fit:contain!important} html body .airevo-sync .feature .div-block-4{margin:0!important;align-items:flex-start!important} html body .airevo-sync .feature .paragraph-2{margin:0!important;color:#263e49!important;font-size:15px!important;line-height:1.45!important;font-weight:700!important;text-align:right!important} /* Three benefit blocks and three-step cards */ html body .airevo-sync .container-7{width:min(1240px,calc(100% - 40px))!important;max-width:1240px!important;padding:76px 0 20px!important;overflow:visible!important} html body .airevo-sync .drone-feature{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;margin-top:24px!important;border:1px solid var(--av-line)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 22px 58px rgba(16,37,54,.08)!important;overflow:hidden!important} html body .airevo-sync .drone-feature.reverse{grid-template-columns:1fr 1fr!important} html body .airevo-sync .drone-feature .img-wrap1,html body .airevo-sync .drone-feature .img-wrap2{width:100%!important;min-height:390px!important;overflow:hidden!important} html body .airevo-sync .drone-feature .img-wrap1 img,html body .airevo-sync .drone-feature .img-wrap2 img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transform:none!important} html body .airevo-sync .drone-feature .div-block-5{width:100%!important;padding:clamp(28px,4vw,56px)!important;justify-content:center!important} html body .airevo-sync ._3-steps{background:linear-gradient(-180deg,#f5faf9,#fff)!important;padding:50px 20px 80px!important} html body .airevo-sync .container-8{width:min(1240px,100%)!important;max-width:1240px!important;padding:0!important;overflow:visible!important} html body .airevo-sync .steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;margin-top:32px!important} html body .airevo-sync .step-wrap{width:100%!important;height:100%!important;min-height:530px!important;padding:20px!important;align-items:flex-start!important;border:1px solid var(--av-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 48px rgba(16,37,54,.075)!important;overflow:hidden!important} html body .airevo-sync .step-wrap .heading-5{text-align:right!important;color:#087a71!important} html body .airevo-sync .step-wrap .hr{margin:0 0 16px!important;width:44px!important;background:#7ee7d7!important} html body .airevo-sync .step-wrap .image-18.steps{width:calc(100% + 40px)!important;max-width:none!important;height:245px!important;margin:0 -20px 18px!important;border-radius:0!important;object-fit:cover!important} html body .airevo-sync .step-wrap .paragraph-4{text-align:right!important;margin:0!important;color:#40545e!important;font-size:15px!important;line-height:1.7!important} /* Comparison table rebuilt with CSS grid; no negative margins or clipped tails */ html body .airevo-sync .container-16{width:100%!important;max-width:1240px!important;margin:0 auto 78px!important;padding:clamp(34px,5vw,64px)!important;border-radius:30px!important;background:linear-gradient(-135deg,#0b3141,#105867)!important;color:#fff!important;box-shadow:0 28px 78px rgba(11,49,65,.2)!important;overflow:visible!important} html body .airevo-sync .container-16 .heading---light,html body .airevo-sync .container-16 .heading-9,html body .airevo-sync .container-16 .paragraph-4{color:#fff!important} html body .airevo-sync .container-16 .paragraph-4{max-width:820px;margin:16px auto 0!important;color:#d5e7e9!important} html body .airevo-sync .container-16 .table{width:100%!important;margin:34px 0 0!important;padding:0!important;display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(300px,380px)!important;align-items:stretch!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:22px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 60px rgba(0,0,0,.18)!important;overflow:hidden!important} html body .airevo-sync .comparison-col1{width:100%!important;padding-top:154px!important;background:#f5faf9!important} html body .airevo-sync .comparison-col2{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;align-items:stretch!important} html body .airevo-sync .prod-col1,html body .airevo-sync .prod-col2{width:100%!important;height:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;border-radius:0!important;overflow:hidden!important;position:relative!important} html body .airevo-sync .prod-col1{background:#243a73!important} html body .airevo-sync .prod-col2{background:#69737b!important} html body .airevo-sync .col-heading{height:154px!important;min-height:154px!important;padding:15px 8px 10px!important;justify-content:flex-end!important} html body .airevo-sync .col-heading .product,html body .airevo-sync .col-heading .image-53{height:70px!important;max-width:90px!important;margin:0 0 4px!important;padding:0!important;object-fit:contain!important} html body .airevo-sync .col-heading .image-52{width:76px!important;height:auto!important} html body .airevo-sync .text-block-23{font-size:14px!important;line-height:1.35!important} html body .airevo-sync .comp-item1,html body .airevo-sync .row,html body .airevo-sync .row2{height:64px!important;min-height:64px!important;box-sizing:border-box!important;border-top:1px solid rgba(78,112,123,.16)!important} html body .airevo-sync .comp-item1{padding:0 20px!important} html body .airevo-sync .text-block-24{color:#18313d!important;font-size:15px!important;line-height:1.35!important} html body .airevo-sync .check,html body .airevo-sync .cross{width:24px!important;height:24px!important} html body .airevo-sync .column-tail,html body .airevo-sync .column-tail2{position:static!important;width:100%!important;height:20px!important;min-height:20px!important;border-radius:0!important;margin-top:auto!important} /* Guarantee, dynamic review showcase and final purchase panel */ html body .airevo-sync .guarantee{margin:0!important;padding:76px 20px!important;background:linear-gradient(-135deg,#092c3b,#0c6970)!important} html body .airevo-sync .container-11{width:min(1170px,100%)!important;max-width:1170px!important;margin:auto!important;padding:0!important;background:transparent!important} html body .airevo-sync .div-block-11{width:100%!important;max-width:none!important;padding:0!important;display:grid!important;grid-template-columns:220px 1fr!important;gap:50px!important;align-items:center!important} html body .airevo-sync .image-22{width:200px!important;height:200px!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.3))} html body .airevo-sync .div-block-12{align-items:flex-start!important;text-align:right!important} html body .airevo-sync .div-block-12 .heading-3,html body .airevo-sync .div-block-12 .paragraph-5{text-align:right!important;width:100%!important;max-width:760px!important;margin-right:0!important;margin-left:0!important;color:#fff!important} html body .airevo-sync .reviews{padding:78px 20px!important;background:#f5faf9!important} html body .airevo-sync .container-12{width:min(1240px,100%)!important;max-width:1240px!important;padding:0!important;overflow:visible!important} html body .airevo-sync .container-12 ._3-col-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:22px!important} html body .airevo-sync ._2-col-features{padding:78px 20px!important;background:#fff!important} html body .airevo-sync .container-13{width:min(1170px,100%)!important;max-width:1170px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;align-items:stretch!important;border:1px solid var(--av-line)!important;border-radius:30px!important;background:#fff!important;box-shadow:var(--av-shadow)!important;overflow:hidden!important} html body .airevo-sync .container-13 .div-block-14{width:100%!important;height:100%!important;margin:0!important} html body .airevo-sync .container-13 .image-28{width:100%!important;max-width:none!important;height:100%!important;min-height:650px!important;border-radius:0!important;display:block!important;object-fit:cover!important} html body .airevo-sync .container-13 .text-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(34px,5vw,64px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important} html body .airevo-sync .container-13 .heading-3.dark-text{padding:0!important;font-size:clamp(36px,4vw,54px)!important;line-height:1.05!important;letter-spacing:-.04em!important} /* FAQ and disclosure share one exact content width */ html body .airevo-sync .faqs{padding:78px 20px!important;background:linear-gradient(-180deg,#f4f9f8,#fff)!important} html body .airevo-sync .container-14{width:min(1170px,100%)!important;max-width:1170px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(260px,.38fr) minmax(0,.62fr)!important;gap:54px!important;align-items:start!important} html body .airevo-sync .container-14>.heading-3{position:sticky;top:110px;text-align:right!important;padding:0!important;margin:0!important;font-size:clamp(38px,4.5vw,60px)!important;line-height:1.02!important;letter-spacing:-.045em!important} html body .airevo-sync .accordion-container{width:100%!important;margin:0!important;gap:12px!important} html body .airevo-sync [class^=faq-item-]{border:1px solid var(--av-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 35px rgba(16,37,54,.055)!important;overflow:hidden!important} html body .airevo-sync [class^=faq-header-]{min-height:74px!important;padding:20px 22px!important;background:#fff!important} html body .airevo-sync .bold-text-8{color:#17313d!important;font-size:16px!important;line-height:1.45!important} html body .airevo-sync [class^=faq-content-]{padding:0 22px 22px!important;background:#fff!important} html body .airevo-sync .faq-content-text{padding:0!important;color:#52656e!important;font-size:14px!important;line-height:1.75!important} html body .airevo-sync .airevo-marketing-disclosure{width:min(1170px,calc(100% - 40px))!important;margin:52px auto!important;padding:24px 28px!important;border:1px solid #dce8e7!important;border-right:4px solid #12ad9e!important;border-radius:18px 0 0 18px!important;background:#f5f9f9!important;color:#5b6c74!important;font-size:12px!important;line-height:1.7!important;text-align:right!important;box-shadow:0 12px 32px rgba(16,37,54,.05)!important} @media(max-width:991px){ .av-home .av-final{grid-template-columns:1fr!important}.av-home .av-final__media{min-height:520px!important} html body .airevo-sync .quick-stack{grid-template-columns:1fr!important}.airevo-sync .cell .product-bg,.airevo-sync .cell .product-bg>img{min-height:520px!important} html body .airevo-sync ._3-col-features{grid-template-columns:1fr 1fr!important}.airevo-sync .column-2{grid-column:1/-1;grid-row:1}.airevo-sync .column-1,.airevo-sync .column-3{grid-row:2} html body .airevo-sync .drone-feature,html body .airevo-sync .drone-feature.reverse{grid-template-columns:1fr!important}.airevo-sync .drone-feature.reverse .img-wrap2{order:0}.airevo-sync .drone-feature.reverse .div-block-5{order:1} html body .airevo-sync .container-16{padding:36px 20px!important}.airevo-sync .container-16 .table{grid-template-columns:minmax(220px,1fr) minmax(260px,340px)!important} html body .airevo-sync .container-12 ._3-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} html body .airevo-sync .container-13{grid-template-columns:1fr!important}.airevo-sync .container-13 .image-28{min-height:480px!important} html body .airevo-sync .container-14{grid-template-columns:1fr!important;gap:30px!important}.airevo-sync .container-14>.heading-3{position:static!important;max-width:650px!important} } @media(max-width:767px){ .av-home .av-hero__media img{object-position:36% 50%}.av-home .av-final{border-radius:22px!important}.av-home .av-final__media{min-height:520px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1.15fr .85fr!important}.av-home .av-final__media figure:first-child{grid-row:1;grid-column:1/-1}.av-home .av-final__copy{padding:32px 24px!important} html body .airevo-sync .hero-section---desktop{padding:18px 12px 46px!important}.airevo-sync .w-layout-cell.cell,.airevo-sync .w-layout-cell.cell-2{border-radius:22px!important}.airevo-sync .cell .product-bg,.airevo-sync .cell .product-bg>img{min-height:390px!important}.airevo-sync .w-layout-cell.cell-2{padding:26px 20px!important} html body .airevo-sync .cell-2 .heading{font-size:38px!important}.airevo-sync .cta-group{padding:15px!important}.airevo-sync .scarcity-group---dark{border-radius:15px!important}.airevo-sync .div-block-31{grid-template-columns:1fr 1fr!important} html body .airevo-sync .container-6{width:calc(100% - 24px)!important;margin-top:45px!important;padding:32px 18px!important;border-radius:22px!important}.airevo-sync ._3-col-features{grid-template-columns:1fr!important}.airevo-sync .column-2,.airevo-sync .column-1,.airevo-sync .column-3{grid-column:1;grid-row:auto}.airevo-sync .column-2{min-height:360px} html body .airevo-sync .container-7{width:calc(100% - 24px)!important;padding-top:50px!important}.airevo-sync .drone-feature{border-radius:20px!important}.airevo-sync .drone-feature .img-wrap1,.airevo-sync .drone-feature .img-wrap2{min-height:270px!important} html body .airevo-sync ._3-steps{padding:42px 12px 58px!important}.airevo-sync .steps{grid-template-columns:1fr!important}.airevo-sync .step-wrap{min-height:0!important} html body .airevo-sync .container-16{margin-bottom:52px!important;border-radius:22px!important}.airevo-sync .container-16 .table{grid-template-columns:minmax(140px,1fr) minmax(170px,1.12fr)!important}.airevo-sync .comparison-col1{padding-top:126px!important}.airevo-sync .col-heading{height:126px!important;min-height:126px!important}.airevo-sync .col-heading .product,.airevo-sync .col-heading .image-53{height:50px!important}.airevo-sync .comp-item1{padding:0 10px!important}.airevo-sync .text-block-24{font-size:12px!important}.airevo-sync .comp-item1,.airevo-sync .row,.airevo-sync .row2{height:58px!important;min-height:58px!important} html body .airevo-sync .guarantee{padding:52px 20px!important}.airevo-sync .div-block-11{grid-template-columns:1fr!important;gap:26px!important;text-align:center}.airevo-sync .image-22{margin:auto}.airevo-sync .div-block-12{align-items:center!important}.airevo-sync .div-block-12 .heading-3,.airevo-sync .div-block-12 .paragraph-5{text-align:center!important} html body .airevo-sync .reviews{padding:52px 12px!important}.airevo-sync .container-12 ._3-col-grid{grid-template-columns:1fr!important}.airevo-sync ._2-col-features{padding:52px 12px!important}.airevo-sync .container-13{border-radius:22px!important}.airevo-sync .container-13 .image-28{min-height:360px!important}.airevo-sync .container-13 .text-wrap{padding:30px 20px!important} html body .airevo-sync .faqs{padding:52px 12px!important}.airevo-sync .container-14{gap:24px!important}.airevo-sync .container-14>.heading-3{font-size:40px!important}.airevo-sync [class^=faq-header-]{min-height:68px!important;padding:17px 16px!important}.airevo-sync [class^=faq-content-]{padding:0 16px 18px!important}.airevo-sync .airevo-marketing-disclosure{width:calc(100% - 24px)!important;margin:36px auto!important;padding:20px!important} } /* Final specificity pass: supersede the legacy product40-premium rules. */ html body:has(.airevo-sync) #product-description .airevo-sync .container-8>.container-16{ padding:clamp(36px,5vw,64px)!important; border:1px solid rgba(255,255,255,.14)!important; border-radius:30px!important; background:radial-gradient(circle at 88% 6%,rgba(78,223,205,.18),transparent 26%),linear-gradient(-145deg,#092d3d,#105a66)!important; box-shadow:0 30px 82px rgba(10,47,62,.22)!important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .heading---light{ color:#79eadc!important; font-size:13px!important; line-height:1.4!important; font-weight:800!important; letter-spacing:.16em!important; text-transform:uppercase!important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .heading-9, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .heading-9 strong{color:#fff!important} html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .paragraph-4.compp{ max-width:820px!important; margin:16px auto 0!important; color:#d7e9eb!important; font-size:16px!important; line-height:1.75!important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16>.table{ margin-top:36px!important; border:1px solid rgba(255,255,255,.18)!important; background:#fff!important; box-shadow:0 24px 60px rgba(0,0,0,.2)!important; } html body:has(.airevo-sync) #product-description .airevo-sync>.guarantee{ padding:78px 20px 110px!important; background:#fff!important; } html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .div-block-11{ grid-template-columns:.65fr 1.35fr!important; min-height:440px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:30px!important; background:radial-gradient(circle at 14% 50%,rgba(81,221,204,.22),transparent 32%),linear-gradient(-135deg,#082b3b,#0e5966)!important; box-shadow:0 30px 80px rgba(10,47,62,.2)!important; overflow:hidden!important; } html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .div-block-12{ align-items:flex-start!important; padding:62px 12px 62px 72px!important; text-align:right!important; } html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .div-block-12>*{text-align:right!important} html body:has(.airevo-sync) #product-description .airevo-sync .guarantee h2, html body:has(.airevo-sync) #product-description .airevo-sync .guarantee h2 strong{color:#fff!important} html body:has(.airevo-sync) #product-description .airevo-sync .guarantee p, html body:has(.airevo-sync) #product-description .airevo-sync .guarantee p *{color:#d5e8ea!important} html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .cta-group.white{ align-items:flex-start!important; justify-content:flex-start!important; background:rgba(255,255,255,.07)!important; border-color:rgba(255,255,255,.16)!important; } html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .cta-button{ background:#fff!important; color:#0b3040!important; box-shadow:0 14px 36px rgba(0,0,0,.18)!important; } html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .scarcity-group---dark, html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .scarcity-group---dark *{color:#fff!important} @media(max-width:700px){ html body:has(.airevo-sync) #product-description .airevo-sync .container-8>.container-16{padding:36px 18px!important} html body:has(.airevo-sync) #product-description .airevo-sync .container-16>.table{ grid-template-columns:minmax(0,1fr) 154px!important; width:100%!important; min-width:0!important; overflow:hidden!important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .comparison-col2{ width:154px!important; min-width:0!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .comparison-col1 .text-block-24, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .col-heading [class^="text-block-"]{ font-size:12px!important; line-height:1.25!important; } html body:has(.airevo-sync) #product-description .airevo-sync>.guarantee{padding:54px 15px 76px!important} html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .div-block-11{grid-template-columns:1fr!important;border-radius:24px!important} html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .div-block-12{align-items:flex-start!important;padding:28px 24px 42px!important;text-align:right!important} html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .div-block-12>*{text-align:right!important} html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .cta-group.white{align-items:stretch!important} } @media(prefers-reduced-motion:reduce){.airevo-sync .column-2:before,.airevo-sync .column-2:after{animation:none}.av-home .av-final__media img,.airevo-sync .cta-button{transition:none!important}} /* /image/catalog/airevo/product40-layout-ui-v4.css */ /* AirEvo product-detail responsive alignment and tab refinement, desktop scoped where requested. */ body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow { display: flex !important; width: max-content !important; max-width: calc(100% - 24px) !important; margin: 22px auto 26px !important; padding: 6px !important; gap: 5px !important; border: 1px solid #d8e8e6 !important; border-radius: 999px !important; background: linear-gradient(-180deg, #f5faf9, #edf6f5) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 28px rgba(16,38,60,.07) !important; } body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow .nav-item { margin: 0 !important; } body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow .nav-link { min-width: clamp(140px, 16vw, 190px) !important; min-height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 11px 22px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: #365361 !important; font-weight: 750 !important; line-height: 1.2 !important; box-shadow: none !important; transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease !important; } body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow .nav-link:not(.active):hover { background: rgba(255,255,255,.78) !important; color: #0b746f !important; } body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow .nav-link.active { background: linear-gradient(-135deg, #0b8f89, #12b9aa) !important; color: #fff !important; box-shadow: 0 9px 22px rgba(10,145,137,.24), inset 0 1px 0 rgba(255,255,255,.24) !important; } /* BeikeShop's default active-tab marker is redundant inside the pill switcher. */ body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow .nav-link::before, body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow .nav-link::after { display: none !important; content: none !important; } body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow .nav-link.active { margin-bottom: 0 !important; border-bottom: 0 !important; text-decoration: none !important; } /* A compact, legible low-stock battery used by every AirEvo CTA. */ body:has(.airevo-sync) .airevo-sync .battery-charge { position: relative !important; display: inline-grid !important; grid-template-columns: repeat(5, 1fr) !important; align-items: stretch !important; width: 54px !important; min-width: 54px !important; height: 17px !important; margin: 0 3px 0 5px !important; padding: 2px !important; gap: 2px !important; border: 1.5px solid #ff5263 !important; border-radius: 5px !important; background: rgba(255,255,255,.96) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.85), 0 3px 8px rgba(255,82,99,.12) !important; overflow: visible !important; box-sizing: border-box !important; } body:has(.airevo-sync) .airevo-sync .battery-charge::after { content: "" !important; position: absolute !important; top: 4px !important; left: -5px !important; width: 3px !important; height: 7px !important; border-radius: 3px 0 0 3px !important; background: #ff5263 !important; } body:has(.airevo-sync) .airevo-sync .battery-charge > div { width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; border: 0 !important; border-radius: 2px !important; background: #e6edef !important; box-shadow: none !important; } body:has(.airevo-sync) .airevo-sync .battery-charge > .red-box { background: linear-gradient(-180deg, #ff6b78, #ef3348) !important; } body:has(.airevo-sync) .product-description > .nav.nav-tabs.nav-overflow .nav-link:focus-visible { outline: 3px solid rgba(18,185,170,.25) !important; outline-offset: 2px !important; } @media (min-width: 992px) { html body:has(.airevo-sync) #product-top.row.mb-md-5.mt-md-0 { position: relative !important; right: 50% !important; width: min(1920px, 100vw) !important; max-width: 1920px !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 50px !important; padding-left: 50px !important; transform: translateX(50%) !important; } html body:has(.airevo-sync) #product-top > [class*="col-"] { padding-right: 12px !important; padding-left: 12px !important; } html body:has(.airevo-sync) #product-top .product-image { width: 100% !important; max-width: 928px !important; align-items: stretch !important; gap: clamp(9px, .65vw, 13px) !important; } html body:has(.airevo-sync) #product-top .product-image > .left { width: clamp(80px, 5vw, 112px) !important; min-width: 80px !important; max-width: 112px !important; flex: 0 0 clamp(80px, 5vw, 112px) !important; margin-left: 0 !important; } html body:has(.airevo-sync) #product-top .product-image > .left .product-left-thumb-wrap, html body:has(.airevo-sync) #product-top .product-image > .left .swiper-wrapper, html body:has(.airevo-sync) #product-top .product-image > .left .swiper-slide, html body:has(.airevo-sync) #product-top .product-image > .left .swiper-slide > a { width: 100% !important; max-width: 112px !important; } html body:has(.airevo-sync) #product-top .product-image > .left .swiper-slide img { width: calc(100% - 6px) !important; min-width: 74px !important; max-width: 106px !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; } html body:has(.airevo-sync) #product-top .product-image > .right { width: auto !important; min-width: 0 !important; max-width: 800px !important; flex: 1 1 510px !important; aspect-ratio: 1 / 1 !important; } html body:has(.airevo-sync) #product-top .product-image > .right .product-img, html body:has(.airevo-sync) #product-top .product-image > .right .product-img > img { width: 100% !important; min-width: 0 !important; max-width: 800px !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; } html body:has(.airevo-sync) #product-top .product-image > .right > img.zoomImg[role="presentation"] { min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; } html body:has(.airevo-sync) #product-description .airevo-sync > section[class] { padding-right: 0 !important; padding-left: 0 !important; } html body:has(.airevo-sync) #product-description .airevo-sync > section > .w-container, html body:has(.airevo-sync) #product-description .airevo-sync > section > .quick-stack { width: min(1920px, 100%) !important; max-width: 1920px !important; margin-right: auto !important; margin-left: auto !important; padding-right: 50px !important; padding-left: 50px !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync > .notification > .fc-sale-date { width: min(1920px, 100%) !important; max-width: 1920px !important; margin-right: auto !important; margin-left: auto !important; padding-right: 50px !important; padding-left: 50px !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync > section > .container-6 { padding-right: clamp(56px, 4.15vw, 80px) !important; padding-left: clamp(56px, 4.15vw, 80px) !important; } html body:has(.airevo-sync) #product-description .airevo-sync > section > .container-6 > ._3-col-features { width: 100% !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } /* Tighten the handoff from the press strip to the feature story. */ html body:has(.airevo-sync) #product-description .airevo-sync > .brands { padding-top: 24px !important; padding-bottom: 26px !important; } html body:has(.airevo-sync) #product-description .airevo-sync > ._3-col-features { padding-top: 58px !important; padding-bottom: 78px !important; } html body:has(.airevo-sync) #product-description .airevo-sync > ._3-col-features > .container-6 { margin-top: 0 !important; } /* Balanced feature columns with a full-bleed structural visual. */ html body:has(.airevo-sync) #product-description .airevo-sync .container-6 > ._3-col-features { grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr) minmax(0, 1fr) !important; gap: clamp(18px, 1.4vw, 28px) !important; align-items: stretch !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-6 .column-1, html body:has(.airevo-sync) #product-description .airevo-sync .container-6 .column-2, html body:has(.airevo-sync) #product-description .airevo-sync .container-6 .column-3 { width: 100% !important; min-width: 0 !important; max-width: none !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-6 .column-1, html body:has(.airevo-sync) #product-description .airevo-sync .container-6 .column-3 { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: repeat(4, minmax(88px, 1fr)) !important; gap: 12px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-6 .feature { width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 88px !important; box-shadow: none !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-6 .column-2 { min-height: 436px !important; padding: 0 !important; border-radius: 24px !important; overflow: hidden !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-6 .column-2 .image-11 { position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 436px !important; max-width: none !important; max-height: none !important; margin: 0 !important; border-radius: inherit !important; object-fit: cover !important; } /* Comparison card inherits the same usable width as the surrounding content. */ html body:has(.airevo-sync) #product-description .airevo-sync .container-8 > .container-16 { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; padding: clamp(48px, 3.35vw, 64px) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 > .table { --fc-comparison-row: 62px; grid-template-columns: minmax(0, 1fr) clamp(400px, 27vw, 520px) !important; min-height: 562px !important; align-items: stretch !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .comparison-col1 { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: repeat(8, var(--fc-comparison-row)) !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding-top: 66px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .comparison-col1 .comp-item1 { justify-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: var(--fc-comparison-row) !important; min-height: var(--fc-comparison-row) !important; padding: 0 28px !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .comparison-col2 { width: 100% !important; min-width: 0 !important; max-width: none !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col1, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 { grid-template-rows: 66px repeat(8, var(--fc-comparison-row)) !important; height: 100% !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .col-heading { width: 100% !important; height: 66px !important; min-height: 66px !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .row, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .row2 { width: 100% !important; min-width: 0 !important; height: var(--fc-comparison-row) !important; min-height: var(--fc-comparison-row) !important; margin: 0 !important; box-sizing: border-box !important; } /* Three-step cards start with the image; the label becomes a precise badge. */ html body:has(.airevo-sync) #product-description .airevo-sync .steps > .step-wrap { position: relative !important; padding: 0 20px 26px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .steps .heading-5 { top: 16px !important; right: 16px !important; width: max-content !important; min-width: 76px !important; height: auto !important; margin: 0 !important; padding: 9px 15px !important; border: 1px solid rgba(255,255,255,.45) !important; border-radius: 999px !important; background: linear-gradient(-135deg, rgba(8,122,113,.96), rgba(17,177,163,.94)) !important; color: #fff !important; font-size: 12px !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: .12em !important; text-transform: uppercase !important; box-shadow: 0 9px 24px rgba(6,69,75,.2), inset 0 1px 0 rgba(255,255,255,.28) !important; backdrop-filter: blur(7px) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .steps .image-18.steps { width: calc(100% + 40px) !important; max-width: none !important; margin: 0 -20px 18px !important; border-radius: 23px 23px 0 0 !important; } /* Keep the 90-day seal perfectly circular at every desktop width. */ html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .image-22 { display: block !important; width: clamp(190px, 12vw, 228px) !important; min-width: clamp(190px, 12vw, 228px) !important; max-width: clamp(190px, 12vw, 228px) !important; height: clamp(190px, 12vw, 228px) !important; min-height: clamp(190px, 12vw, 228px) !important; max-height: clamp(190px, 12vw, 228px) !important; aspect-ratio: 1 / 1 !important; margin: auto !important; padding: 18px !important; border-radius: 50% !important; background: rgba(236,250,248,.9) !important; object-fit: contain !important; box-sizing: border-box !important; } /* Final conversion panel aligns to the shared 50px desktop gutter. */ html body:has(.airevo-sync) #product-description .airevo-sync > ._2-col-features > .container-13 { width: min(1820px, calc(100% - 100px)) !important; max-width: 1820px !important; margin-right: auto !important; margin-left: auto !important; padding: 0 !important; border-radius: 30px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .div-block-14 { padding-right: 0 !important; border-radius: 0 29px 29px 0 !important; overflow: hidden !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .image-28 { border-radius: 0 29px 29px 0 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .cta-group { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; align-self: stretch !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .cta-group .cta-button { width: 100% !important; } /* FAQ and disclosure use the same adaptive desktop gutter as every section. */ html body:has(.airevo-sync) #product-description .airevo-sync .faqs > .container-14 { display: block !important; width: min(1920px, 100%) !important; max-width: 1920px !important; padding-right: 50px !important; padding-left: 50px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .faqs > .container-14 > .heading-3 { position: static !important; max-width: 900px !important; margin: 0 auto !important; text-align: center !important; } html body:has(.airevo-sync) #product-description .airevo-sync .accordion-container { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; max-width: none !important; margin: 48px 0 0 !important; gap: 14px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .airevo-marketing-disclosure { width: min(1820px, calc(100% - 100px)) !important; max-width: 1820px !important; margin: 42px auto !important; box-sizing: border-box !important; } } @media (min-width: 1600px) { html body:has(.airevo-sync) #product-description .airevo-sync .accordion-container { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: start !important; } html body:has(.airevo-sync) #product-description .airevo-sync .accordion-container > [class^="faq-item-"] { width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 74px !important; } } /* ========================================================================== */ /* 2026-08-24 conversion, comparison and review detail polish */ /* ========================================================================== */ html body:has(.airevo-sync) .nav-tabs .product-review-tab-count { display: inline-block !important; margin-right: 3px !important; color: #52717a !important; font-size: .78em !important; font-weight: 850 !important; line-height: 1 !important; vertical-align: .04em !important; } html body:has(.airevo-sync) .nav-tabs .nav-link.active .product-review-tab-count { color: rgba(255, 255, 255, .94) !important; } @media (min-width: 992px) { /* Conversion cards: consistent breathing room, centred content and stronger CTA. */ html body:has(.airevo-sync) #product-description .airevo-sync .cta-group:not(.white) { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 16px !important; min-height: 176px !important; padding: 32px clamp(26px, 3vw, 48px) !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .cta-group:not(.white) > .cta-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: min(100%, 580px) !important; min-height: 64px !important; padding: 17px 30px !important; font-size: 18px !important; line-height: 1.2 !important; border-radius: 999px !important; box-shadow: 0 14px 30px rgba(5, 57, 76, .16) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .cta-group:not(.white) > .scarcity-group---dark { display: flex !important; justify-content: center !important; align-items: center !important; width: max-content !important; max-width: 100% !important; min-height: 38px !important; margin: 0 auto !important; padding: 8px 14px !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .cta-group .div-block-31 { width: 100% !important; margin-top: 10px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .feat { min-height: 108px !important; padding: 20px 14px !important; gap: 8px !important; justify-content: center !important; align-items: center !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .feat .text-block-22 { font-size: 13px !important; line-height: 1.35 !important; text-align: center !important; } /* Comparison table: readable row rhythm and a reliably rendered Others column. */ html body:has(.airevo-sync) #product-description .airevo-sync .container-16 > .table { --fc-comparison-row: 72px; min-height: 648px !important; font-size: 15px !important; line-height: 1.35 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .comparison-col1 { position: relative !important; padding-top: 72px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .comparison-col1::before { content: var(--airevo-label-features, "Features") !important; position: absolute !important; inset: 0 0 auto !important; display: flex !important; align-items: center !important; width: 100% !important; height: 72px !important; padding: 0 28px !important; border-bottom: 1px solid #dce8e8 !important; background: linear-gradient(-135deg, #f9fcfc 0%, #f1f9f7 100%) !important; color: #123a48 !important; font-size: 15px !important; font-weight: 850 !important; line-height: 1.2 !important; letter-spacing: .02em !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .comparison-col1 .comp-item1, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .text-block-24 { font-size: 15px !important; font-weight: 750 !important; line-height: 1.35 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col1 { grid-template-rows: 72px repeat(8, var(--fc-comparison-row)) !important; height: 648px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col1 > .col-heading { height: 72px !important; min-height: 72px !important; font-size: 15px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 { display: block !important; height: 648px !important; min-height: 648px !important; overflow: hidden !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: 72px repeat(8, var(--fc-comparison-row)) !important; width: 100% !important; height: 648px !important; min-height: 648px !important; overflow: hidden !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .text-block-23 { grid-column: 1 !important; grid-row: 1 !important; display: grid !important; place-items: center !important; width: 100% !important; height: 72px !important; min-height: 72px !important; margin: 0 !important; padding: 0 12px !important; font-size: 15px !important; line-height: 1.2 !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2 { display: grid !important; place-items: center !important; width: 100% !important; height: var(--fc-comparison-row) !important; min-height: var(--fc-comparison-row) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row { grid-row: 2 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2:nth-of-type(3) { grid-row: 3 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2:nth-of-type(4) { grid-row: 4 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2:nth-of-type(5) { grid-row: 5 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2:nth-of-type(6) { grid-row: 6 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2:nth-of-type(7) { grid-row: 7 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2:nth-of-type(8) { grid-row: 8 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2:nth-of-type(9) { grid-row: 9 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row img, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2 img { display: none !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row::before, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col2 > .col-heading > .row2::before { content: "\00d7" !important; display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; border: 1px solid #ffd1d4 !important; border-radius: 50% !important; background: #fff1f2 !important; color: #e95b64 !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 5px 13px rgba(176,53,65,.1) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col1 .row img, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col1 .row2 img { display: none !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col1 > .row::before, html body:has(.airevo-sync) #product-description .airevo-sync .container-16 .prod-col1 > .row2::before { content: "\2713" !important; display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; border: 1px solid #bcebd9 !important; border-radius: 50% !important; background: #eafaf4 !important; color: #079b73 !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 5px 13px rgba(5,138,101,.11) !important; } /* Step copy and guarantee conversion panel. */ html body:has(.airevo-sync) #product-description .airevo-sync .steps .paragraph-4 strong { display: inline-block !important; margin-bottom: 5px !important; color: #10263c !important; font-size: 18px !important; font-weight: 850 !important; line-height: 1.35 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .cta-group.white { display: grid !important; grid-template-columns: minmax(360px, 1.1fr) minmax(330px, .9fr) !important; align-items: center !important; gap: 20px !important; width: 100% !important; min-height: 118px !important; padding: 22px !important; border: 1px solid rgba(181, 226, 222, .3) !important; border-radius: 22px !important; background: rgba(255,255,255,.08) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .cta-group.white > .cta-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 64px !important; margin: 0 !important; padding: 17px 28px !important; border-radius: 999px !important; font-size: 18px !important; line-height: 1.2 !important; box-shadow: 0 14px 30px rgba(2, 38, 52, .18) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .cta-group.white > .scarcity-group---dark { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 64px !important; margin: 0 !important; padding: 12px 18px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 999px !important; background: rgba(3, 54, 68, .32) !important; box-sizing: border-box !important; } /* Featured review author rows retain the full card width. */ html body:has(.airevo-sync) #product-description .airevo-sync article.fc-featured-review { align-items: stretch !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head { display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; align-items: center !important; gap: 14px !important; align-self: stretch !important; justify-self: stretch !important; grid-column: 1 / -1 !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head > .image-23 { display: block !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; border-radius: 50% !important; object-fit: cover !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head > div { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; width: 100% !important; min-width: 0 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head .fc-featured-review__name { display: block !important; width: 100% !important; color: #10263c !important; font-size: 16px !important; font-weight: 850 !important; line-height: 1.35 !important; white-space: normal !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head .image-24 { display: block !important; width: 100% !important; margin: 0 !important; color: #ffad1f !important; font-size: 16px !important; line-height: 1 !important; letter-spacing: .09em !important; } /* Trusted-rating capsule: verified cue, premium surface and balanced typography. */ html body:has(.airevo-sync) #product-description .airevo-sync .text-block-17 { display: inline-flex !important; align-items: center !important; gap: 9px !important; width: fit-content !important; max-width: 100% !important; margin: 0 0 20px !important; padding: 10px 11px 10px 16px !important; border: 1px solid rgba(28, 170, 157, .26) !important; border-radius: 999px !important; background: linear-gradient(-135deg, #f6fffd 0%, #e9f8f5 100%) !important; box-shadow: 0 10px 26px rgba(10, 78, 81, .08), inset 0 1px 0 rgba(255,255,255,.95) !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .text-block-17::before { content: "\2713" !important; display: grid !important; place-items: center !important; flex: 0 0 26px !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; background: linear-gradient(-135deg, #10b9a8, #087d76) !important; color: #fff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; box-shadow: 0 5px 12px rgba(7, 126, 117, .22) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .text-block-17 .rating-desktop, html body:has(.airevo-sync) #product-description .airevo-sync .text-block-17 .bold-text-7 { color: #11293b !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: -.01em !important; white-space: normal !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { html body:has(.airevo-sync) #product-description .airevo-sync .guarantee .cta-group.white { grid-template-columns: 1fr !important; } } @media (max-width: 991.98px) { /* Mobile readability floor and resilient review identity layout. */ html body:has(.airevo-sync) #product-description .airevo-sync .text-block-17, html body:has(.airevo-sync) #product-description .airevo-sync .text-block-17 strong, html body:has(.airevo-sync) #product-description .airevo-sync .bullet---item, html body:has(.airevo-sync) #product-description .airevo-sync .bullet---item .text-block-6, html body:has(.airevo-sync) #product-description .airevo-sync .bullet---item strong { font-size: 12px !important; line-height: 1.45 !important; } html body:has(.airevo-sync) #product-description .airevo-sync article.fc-featured-review { align-items: stretch !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head { display: grid !important; grid-column: 1 / -1 !important; grid-template-columns: 48px minmax(0, 1fr) !important; align-items: center !important; align-self: stretch !important; gap: 12px !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head > div, html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head .fc-featured-review__name, html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head .image-24 { width: 100% !important; min-width: 0 !important; } } /* Final rating lock: keep the legacy text node visually inert while the rounded SVG stars and rating copy share one compact horizontal row. */ html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7 { display: flex !important; grid-template-columns: none !important; align-items: center !important; gap: 10px !important; min-height: 24px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::before { flex: 0 0 100px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::after { flex: 1 1 auto !important; width: auto !important; } @media (max-width: 991.98px) { html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7 { gap: 9px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::before { flex-basis: 90px !important; } } @media (max-width: 767.98px) { html body:has(.airevo-sync) #product-description .airevo-sync .container-12 ._3-col-grid { grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; padding-right: 20px !important; padding-left: 20px !important; box-sizing: border-box !important; } } /* ========================================================================== */ /* 2026-08-24 rounded SVG ratings and premium final conversion section */ /* ========================================================================== */ html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head > div { align-items: flex-start !important; text-align: right !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head .fc-featured-review__name { align-self: flex-start !important; margin-right: 0 !important; text-align: right !important; } html body:has(.airevo-sync) #product-description .airevo-sync .fc-featured-review__head .image-24 { display: block !important; align-self: flex-start !important; width: 100px !important; min-width: 100px !important; max-width: 100px !important; height: 20px !important; min-height: 20px !important; margin: 3px 0 0 !important; overflow: hidden !important; background-image: url("https://airevobox.com/image/catalog/airevo/airevo-star-rounded.svg") !important; background-position: right center !important; background-repeat: repeat-x !important; background-size: 20px 20px !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; letter-spacing: 0 !important; text-align: right !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7 { display: grid !important; grid-template-columns: 100px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-width: 0 !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::before { content: "" !important; display: block !important; width: 100px !important; height: 20px !important; background-image: url("https://airevobox.com/image/catalog/airevo/airevo-star-rounded.svg") !important; background-position: right center !important; background-repeat: repeat-x !important; background-size: 20px 20px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::after { content: attr(data-review-summary) !important; display: block !important; min-width: 0 !important; color: #123044 !important; font-size: 13.5px !important; font-weight: 820 !important; line-height: 1.35 !important; letter-spacing: -.01em !important; white-space: normal !important; } @media (min-width: 992px) { html body:has(.airevo-sync) #product-description .airevo-sync > ._2-col-features { padding-top: clamp(58px, 5vw, 92px) !important; padding-bottom: clamp(58px, 5vw, 92px) !important; background: radial-gradient(circle at 12% 20%, rgba(137, 231, 218, .2), transparent 30%), linear-gradient(-180deg, #f5fbfa 0%, #edf7f7 100%) !important; } html body:has(.airevo-sync) #product-description .airevo-sync > ._2-col-features > .container-13 { display: grid !important; grid-template-columns: minmax(0, 1.04fr) minmax(520px, .96fr) !important; align-items: stretch !important; min-height: 760px !important; border: 1px solid rgba(13, 91, 98, .13) !important; border-radius: 32px !important; background: #fff !important; box-shadow: 0 28px 70px rgba(8, 52, 66, .12), 0 4px 14px rgba(8, 52, 66, .04) !important; overflow: hidden !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .div-block-14 { position: relative !important; width: 100% !important; height: 100% !important; min-height: 760px !important; margin: 0 !important; padding: 0 !important; border-radius: 0 31px 31px 0 !important; background: #e9f4f2 !important; overflow: hidden !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .div-block-14::after { content: var(--airevo-label-fresher, "Designed for a fresher everyday") !important; position: absolute !important; right: 28px !important; bottom: 28px !important; z-index: 2 !important; padding: 10px 15px !important; border: 1px solid rgba(255,255,255,.34) !important; border-radius: 999px !important; background: rgba(5, 41, 53, .7) !important; color: #fff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .08em !important; text-transform: uppercase !important; box-shadow: 0 10px 26px rgba(0,0,0,.16) !important; backdrop-filter: blur(10px) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .div-block-14 > .image-28 { display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 760px !important; margin: 0 !important; border-radius: inherit !important; object-fit: cover !important; object-position: center !important; transition: transform .6s cubic-bezier(.2,.75,.25,1) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13:hover .div-block-14 > .image-28 { transform: scale(1.018) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: stretch !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 760px !important; margin: 0 !important; padding: clamp(46px, 4vw, 72px) clamp(40px, 4.2vw, 78px) !important; background: radial-gradient(circle at 100% 0%, rgba(116, 223, 207, .14), transparent 34%), #fff !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-block-17:not(.rating-mobile) { display: inline-flex !important; align-self: stretch !important; width: 100% !important; max-width: 100% !important; margin: 0 0 26px !important; padding: 10px 10px 10px 15px !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-block-17.rating-mobile { display: none !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .heading-3.dark-text { width: 100% !important; max-width: 720px !important; margin: 0 !important; color: #142638 !important; text-align: right !important; font-size: clamp(38px, 3.05vw, 56px) !important; font-weight: 820 !important; line-height: 1.05 !important; letter-spacing: -.045em !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-block-18 { margin: 20px 0 0 !important; color: #5a707b !important; font-size: 16px !important; line-height: 1.55 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap > div:not([class]) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; margin: 28px 0 0 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bullet---item { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; gap: 11px !important; min-height: 68px !important; margin: 0 !important; padding: 13px 15px !important; border: 1px solid #dbe9e8 !important; border-radius: 16px !important; background: linear-gradient(-135deg, #fbfefe 0%, #f2f9f8 100%) !important; box-shadow: 0 8px 20px rgba(7, 55, 68, .05) !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bullet---item .bullet { width: 38px !important; min-width: 38px !important; height: 38px !important; margin: 0 !important; padding: 7px !important; border-radius: 12px !important; background: #e5f7f3 !important; object-fit: contain !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bullet---item .text-block-6 { width: 100% !important; margin: 0 !important; color: #17384a !important; font-size: 14px !important; line-height: 1.35 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap > .cta-group { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; min-height: 0 !important; margin: 28px 0 0 !important; padding: 20px !important; border: 1px solid #cde8e4 !important; border-radius: 20px !important; background: linear-gradient(-135deg, #edf9f7 0%, #f8fcfb 100%) !important; box-shadow: 0 14px 32px rgba(9, 80, 83, .08) !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap > .cta-group > .cta-button { width: 100% !important; max-width: none !important; min-height: 64px !important; margin: 0 !important; border-radius: 999px !important; background: linear-gradient(-110deg, #0b364c 0%, #087a76 100%) !important; color: #fff !important; font-size: 18px !important; box-shadow: 0 15px 30px rgba(4, 67, 78, .2) !important; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap > .cta-group > .cta-button:hover { transform: translateY(-2px) !important; filter: brightness(1.05) !important; box-shadow: 0 19px 36px rgba(4, 67, 78, .27) !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap > .cta-group > .scarcity-group---dark { width: max-content !important; max-width: 100% !important; min-height: 38px !important; margin: 0 !important; padding: 8px 14px !important; border: 1px solid #dbe9e7 !important; border-radius: 999px !important; background: #fff !important; box-shadow: 0 6px 16px rgba(5, 54, 65, .06) !important; } } @media (max-width: 991.98px) { html body:has(.airevo-sync) #product-description .airevo-sync .container-13 { display: flex !important; flex-direction: column !important; width: calc(100% - 24px) !important; margin-right: auto !important; margin-left: auto !important; border: 1px solid rgba(13, 91, 98, .13) !important; border-radius: 24px !important; background: #fff !important; box-shadow: 0 18px 42px rgba(8, 52, 66, .1) !important; overflow: hidden !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .div-block-14 { width: 100% !important; height: auto !important; min-height: 360px !important; margin: 0 !important; padding: 0 !important; border-radius: 23px 23px 0 0 !important; overflow: hidden !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .div-block-14 > .image-28 { display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 360px !important; margin: 0 !important; border-radius: inherit !important; object-fit: cover !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 28px 20px 24px !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-block-17:not(.rating-mobile) { display: none !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-block-17.rating-mobile { display: inline-flex !important; width: 100% !important; margin: 0 0 22px !important; padding: 10px !important; border-radius: 18px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7 { grid-template-columns: 90px minmax(0, 1fr) !important; gap: 9px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::before { width: 90px !important; height: 18px !important; background-size: 18px 18px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::after { font-size: 12px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .heading-3.dark-text { margin: 0 !important; color: #142638 !important; text-align: right !important; font-size: clamp(32px, 9vw, 42px) !important; line-height: 1.08 !important; letter-spacing: -.04em !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-block-18 { margin: 16px 0 0 !important; font-size: 14px !important; line-height: 1.5 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap > div:not([class]) { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin: 22px 0 0 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bullet---item { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; align-items: center !important; gap: 11px !important; min-height: 62px !important; margin: 0 !important; padding: 11px 13px !important; border: 1px solid #dbe9e8 !important; border-radius: 15px !important; background: #f6fbfa !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bullet---item .bullet { width: 38px !important; height: 38px !important; margin: 0 !important; padding: 7px !important; border-radius: 12px !important; background: #e5f7f3 !important; box-sizing: border-box !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bullet---item .text-block-6 { margin: 0 !important; color: #17384a !important; font-size: 13px !important; line-height: 1.35 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap > .cta-group { min-height: 0 !important; margin: 22px 0 0 !important; padding: 16px !important; border: 1px solid #cde8e4 !important; border-radius: 18px !important; background: #f0faf8 !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .text-wrap > .cta-group > .cta-button { width: 100% !important; min-height: 58px !important; border-radius: 999px !important; background: linear-gradient(-110deg, #0b364c 0%, #087a76 100%) !important; color: #fff !important; font-size: 16px !important; } } /* Final rating lock: override the legacy anonymous text/grid behavior. */ html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7 { display: flex !important; grid-template-columns: none !important; align-items: center !important; gap: 10px !important; min-height: 24px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::before { flex: 0 0 100px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::after { flex: 1 1 auto !important; width: auto !important; } @media (max-width: 991.98px) { html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7 { gap: 9px !important; } html body:has(.airevo-sync) #product-description .airevo-sync .container-13 .bold-text-7::before { flex-basis: 90px !important; } } /* /image/catalog/airevo/airevo-visual-refinement-v5.css */ /* AirEvo visual refinements — 2026-08-25 */ /* Homepage intro: use the full visual canvas, while keeping labels readable. */ .av-home .av-intro__visual > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center !important; filter: none !important; } .av-home .av-intro__visual .av-spec { z-index: 4 !important; box-shadow: 0 12px 32px rgba(7, 35, 49, .14) !important; backdrop-filter: blur(12px) !important; } .av-home .av-spec.av-spec--one, .av-home .av-spec.av-spec--one strong, .av-home .av-spec.av-spec--one span { font-size: 12px !important; line-height: 1.35 !important; } /* The dark statistic card must never contain microcopy below 12px. */ .av-home .av-stat.av-stat--ink { font-size: 12px !important; } .av-home .av-stat.av-stat--ink .av-stat__value { font-size: clamp(56px, 4.6vw, 70px) !important; } .av-home .av-stat.av-stat--ink small { font-size: 15px !important; } .av-home .av-stat.av-stat--ink p { font-size: 13px !important; } /* Product detail: keep all three process photos genuinely square. */ #product-description .airevo-sync .steps > .step-wrap { overflow: hidden !important; } #product-description .airevo-sync .steps .image-18.steps { display: block !important; width: calc(100% + 40px) !important; height: auto !important; aspect-ratio: 1 / 1 !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center !important; } /* Homepage process: every tab owns a full-bleed image. */ .av-home .av-process__stage { isolation: isolate !important; background: #0a2535 !important; } .av-home .av-process__stage::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(-180deg, rgba(5, 22, 34, .02) 32%, rgba(5, 22, 34, .76) 100%); } .av-home .av-process__stage > img { position: absolute !important; z-index: 1 !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center !important; opacity: 1 !important; filter: none !important; transform: scale(1.002); transition: opacity .24s ease, transform .5s ease !important; } .av-home .av-process__stage > img.is-switching { opacity: .18 !important; transform: scale(1.015); } .av-home .av-process__ring { z-index: 3 !important; opacity: .18 !important; } .av-home .av-process__panel { z-index: 4 !important; } /* Homepage comparison table: same readable rhythm and fresh tones as product 40. */ .av-home .av-compare__card { border: 1px solid #cfe1e1 !important; border-radius: 24px !important; background: #fff !important; box-shadow: 0 24px 65px rgba(13, 54, 67, .10) !important; } .av-home .av-compare__head, .av-home .av-compare__row { grid-template-columns: minmax(210px, 1.25fr) minmax(175px, .75fr) minmax(175px, .75fr) !important; } .av-home .av-compare__head { background: linear-gradient(-135deg, #f9fcfc, #f1f8f7) !important; } .av-home .av-compare__head > *, .av-home .av-compare__row > * { min-height: 72px !important; padding: 20px 26px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; font-size: 15px !important; line-height: 1.35 !important; } .av-home .av-compare__head > * { color: #123a48 !important; font-weight: 850 !important; } .av-home .av-compare__head > :nth-child(2) { justify-content: center !important; background: #147f77 !important; color: #fff !important; } .av-home .av-compare__head > :nth-child(3) { justify-content: center !important; background: #eef2f4 !important; } .av-home .av-compare__row { border-top-color: #dce8e8 !important; } .av-home .av-compare__row > strong { color: #123a48 !important; font-weight: 750 !important; } .av-home .av-compare__row > span:nth-child(2) { justify-content: center !important; background: #e8f8f4 !important; color: #087b64 !important; font-weight: 800 !important; } .av-home .av-compare__row > span:nth-child(3) { justify-content: center !important; background: #f5f7f8 !important; color: #6f7f89 !important; } .av-home .av-compare__row > .is-good::before { display: none !important; } .av-home .av-compare__row i { display: inline-grid !important; place-items: center !important; width: 28px !important; height: 28px !important; margin-left: 9px !important; border-radius: 50% !important; background: #eafaf4 !important; border: 1px solid #bcebd9 !important; color: #079b73 !important; font-size: 16px !important; font-style: normal !important; font-weight: 900 !important; line-height: 1 !important; } .av-home .av-compare__row > span:nth-child(3) i { background: #fff1f2 !important; border-color: #ffd1d4 !important; color: #e95b64 !important; } /* Beat legacy global typography rules: desktop comparison text matches product 40. */ html body .av-home section.av-compare .av-compare__card .av-compare__head > *, html body .av-home section.av-compare .av-compare__card .av-compare__row > * { font-size: 15px !important; line-height: 1.35 !important; } /* Featured review identity strip matches the other review cards. */ .av-home .av-story--feature .av-story__identity { width: 100% !important; padding: 10px 12px !important; border: 1px solid rgba(151, 238, 226, .28) !important; border-radius: 14px !important; background: rgba(235, 251, 248, .96) !important; color: #123a48 !important; box-sizing: border-box !important; } /* Final lifestyle gallery: one hero tile + two supporting tiles. */ @media (min-width: 1001px) { .av-home .av-final__media { right: 47% !important; left: 0 !important; width: 53% !important; padding: clamp(28px, 2.4vw, 42px) !important; display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important; gap: clamp(14px, 1.1vw, 20px) !important; box-sizing: border-box !important; } .av-home .av-final__media figure { min-width: 0 !important; min-height: 0 !important; margin: 0 !important; overflow: hidden !important; border-radius: 22px !important; box-shadow: 0 18px 48px rgba(0, 0, 0, .24) !important; } .av-home .av-final__media figure:first-child { grid-row: 1 / 3 !important; } .av-home .av-final__media img { display: block !important; width: 100% !important; height: 100% !important; border-radius: 0 !important; object-fit: cover !important; object-position: center !important; box-shadow: none !important; } } @media (max-width: 1000px) { .av-home .av-final__media { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: minmax(0, 1.35fr) minmax(0, 1fr) !important; gap: 10px !important; padding: 14px !important; } .av-home .av-final__media figure { margin: 0 !important; overflow: hidden !important; border-radius: 16px !important; } .av-home .av-final__media figure:first-child { grid-column: 1 / 3 !important; } .av-home .av-final__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; } } @media (max-width: 700px) { .av-home .av-compare__card { overflow-x: auto !important; } .av-home .av-compare__head, .av-home .av-compare__row { min-width: 650px !important; } .av-home .av-compare__head > *, .av-home .av-compare__row > * { min-height: 64px !important; padding: 16px !important; font-size: 12px !important; } html body .av-home section.av-compare .av-compare__card .av-compare__head > *, html body .av-home section.av-compare .av-compare__card .av-compare__row > * { font-size: 12px !important; } } /* /image/catalog/airevo/airevo-shell-alignment-v6.css */ /* * AirEvo PC shell alignment v6 * Keep every homepage content shell on the same responsive frame as * .container-fluid.navbar-expand-lg: fluid width, 1920px cap, 50px gutters. */ @media (min-width: 992px) { /* Only the page wrapper becomes fluid; the navbar keeps its 1920px cap. */ .container-fluid:has(> .av-home) { box-sizing: border-box !important; width: 100% !important; max-width: none !important; padding-right: 50px !important; padding-left: 50px !important; } .av-home { --av-pc-shell-max: 1920px; --av-pc-shell-gutter: 50px; width: calc(100% + (var(--av-pc-shell-gutter) * 2)) !important; max-width: none !important; margin-right: calc(var(--av-pc-shell-gutter) * -1) !important; } .av-home .av-shell { box-sizing: border-box !important; width: 100% !important; max-width: var(--av-pc-shell-max) !important; margin-right: auto !important; margin-left: auto !important; padding-right: var(--av-pc-shell-gutter) !important; padding-left: var(--av-pc-shell-gutter) !important; } /* Full-bleed background bands: only their inner content uses the shell. */ .av-home .av-hero, .av-home .av-process, .av-home .av-use, .av-home .av-final.av-shell { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; } .av-home .av-final.av-shell { container-type: inline-size !important; padding-right: 0 !important; padding-left: 0 !important; border-radius: 0 !important; } } @media (min-width: 1001px) { .av-home .av-final__copy { box-sizing: border-box !important; width: min(620px, calc(48% - 50px)) !important; max-width: 620px !important; margin-right: max(50px, calc(50cqw - 910px)) !important; margin-left: 0 !important; padding-right: 0 !important; } .av-home .av-final__media { right: 48% !important; left: max(50px, calc(50% - 910px)) !important; width: auto !important; } } /* /image/catalog/airevo/airevo-image-ratio-v7.css */ /* AirEvo responsive image proportions v7 — 2026-08-25 */ /* Primary artwork always fills its responsive column. */ .av-home .av-intro__visual { width: 100% !important; max-width: none !important; min-height: 500px !important; height: clamp(500px, 36vw, 650px) !important; aspect-ratio: auto !important; align-self: stretch !important; justify-self: stretch !important; overflow: hidden !important; } .av-home .av-intro__visual > img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } /* Process tabs and artwork share one vertical boundary. */ .av-home .av-process__grid { align-items: stretch !important; } .av-home .av-process__stage { width: 100% !important; max-width: none !important; min-height: 500px !important; height: clamp(500px, 36vw, 650px) !important; aspect-ratio: auto !important; align-self: stretch !important; justify-self: stretch !important; overflow: hidden !important; } .av-home .av-process__tabs { align-self: stretch !important; height: auto !important; justify-content: center !important; } .av-home .av-process__stage > img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } /* Bento imagery fills every lead/secondary media window. */ .av-home .av-bento__image, .av-home .av-bento__small { width: 100% !important; max-width: none !important; overflow: hidden !important; } .av-home .av-bento__image img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; } .av-home .av-bento__small img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: left center !important; } /* Use-case photography spans the complete card width at every viewport. */ .av-home .av-use__card > div:first-child { width: 100% !important; max-width: none !important; min-height: 300px !important; height: clamp(300px, 24vw, 440px) !important; aspect-ratio: auto !important; margin: 0 !important; overflow: hidden !important; } .av-home .av-use__card > div:first-child > img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } .av-home .av-final__copy { background: none !important; background-color: transparent !important; background-image: none !important; } /* Give the three primary section introductions room to breathe. */ .av-home .av-section-head > div:first-child, .av-home .av-section-head h2 { width: 100% !important; max-width: none !important; } .av-home .av-stories .av-section-head { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-items: start !important; gap: 22px !important; } .av-home .av-stories .av-rating { justify-self: start !important; } .av-home .av-process .av-section-head, .av-home .av-compare.av-section .av-section-head, .av-home .av-use .av-section-head { width: 80% !important; max-width: none !important; } @media (min-width: 1001px) { /* The three lifestyle originals are 4:5 portraits. */ .av-home .av-final { --av-final-edge: max(50px, calc(50cqw - 910px)); --av-final-media-width: min(53cqw, 860px); --av-final-column-gap: clamp(12px, 1.2vw, 24px); min-height: 750px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .av-home .av-final__copy { width: calc(100cqw - var(--av-final-edge) - var(--av-final-edge) - var(--av-final-media-width) - var(--av-final-column-gap)) !important; max-width: none !important; height: auto !important; align-self: center !important; padding: 0 !important; background: none !important; } .av-home .av-final__copy > * { max-width: none !important; } .av-home .av-final__copy > .av-eyebrow, .av-home .av-final__copy > h2, .av-home .av-final__copy > p, .av-home .av-final__copy > small { width: 100% !important; } .av-home .av-final__copy > .av-button { width: fit-content !important; } .av-home .av-final__copy .av-eyebrow { white-space: normal !important; } .av-home .av-final__media { position: absolute !important; top: 50% !important; bottom: auto !important; right: auto !important; width: min(53%, 860px) !important; height: auto !important; min-height: 0 !important; max-height: 700px !important; aspect-ratio: 6 / 5 !important; transform: translateY(-50%) !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important; grid-template-rows: repeat(2, minmax(0, 1fr)) !important; gap: clamp(10px, 1vw, 16px) !important; padding: clamp(16px, 1.2vw, 22px) !important; } .av-home .av-final__media figure, .av-home .av-final__media img { min-width: 0 !important; min-height: 0 !important; } .av-home .av-final__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } } @media (min-width: 701px) and (max-width: 1000px) { .av-home .av-final__media { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important; grid-template-rows: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; padding: 12px !important; } .av-home .av-final__media figure:first-child { grid-column: 1 !important; grid-row: 1 / 3 !important; } .av-home .av-final__media figure:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; } .av-home .av-final__media figure:nth-child(3) { grid-column: 2 !important; grid-row: 2 !important; } } @media (max-width: 700px) { .av-home .av-final__media { gap: 8px !important; padding: 10px !important; } } @media (max-width: 1000px) { .av-home .av-process .av-section-head, .av-home .av-compare.av-section .av-section-head, .av-home .av-use .av-section-head { width: 90% !important; } .av-home .av-intro__visual, .av-home .av-process__stage { width: 100% !important; max-width: none !important; min-height: 420px !important; height: clamp(420px, 70vw, 570px) !important; justify-self: center !important; margin: 0 !important; } .av-home .av-use__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .av-home .av-use__card > div:first-child { min-height: 300px !important; height: clamp(300px, 40vw, 380px) !important; } } @media (min-width: 1001px) and (max-width: 1180px) { .av-home .av-use__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .av-home .av-use__card > div:first-child { height: clamp(320px, 34vw, 380px) !important; } } @media (max-width: 640px) { .av-home .av-intro__visual, .av-home .av-process__stage { min-height: 340px !important; height: clamp(340px, 92vw, 500px) !important; } .av-home .av-use__card > div:first-child { min-height: 280px !important; height: clamp(280px, 82vw, 420px) !important; } } @media (max-width: 700px) { .av-home .av-process .av-section-head, .av-home .av-compare.av-section .av-section-head, .av-home .av-use .av-section-head { width: 100% !important; } .av-home .av-use__grid { grid-template-columns: minmax(0, 1fr) !important; } } /* Premium hero copy system: true half-width column with full-width content. */ .av-home .av-hero__copy { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; max-width: none !important; padding: 0 !important; overflow: visible !important; isolation: isolate !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .av-home .av-hero__copy::before { display: none !important; } .av-home .av-hero__copy::after { content: "" !important; position: absolute !important; top: -16px !important; right: 0 !important; left: auto !important; width: clamp(72px, 8vw, 128px) !important; height: 3px !important; border-radius: 999px !important; pointer-events: none !important; background: linear-gradient(-90deg, #0da99d, #7ce5d3) !important; box-shadow: 0 6px 16px rgba(13, 169, 157, 0.2) !important; } .av-home .av-hero__copy > * { box-sizing: border-box !important; width: 100% !important; max-width: none !important; } .av-home .av-hero__copy > .av-kicker { min-height: 38px !important; margin: 0 !important; padding: 0 0 13px !important; justify-content: flex-start !important; border: 0 !important; border-bottom: 1px solid rgba(16, 93, 103, 0.18) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } .av-home .av-hero__copy > h1 { margin: clamp(22px, 2vw, 30px) 0 clamp(18px, 1.55vw, 24px) !important; font-size: clamp(54px, 4.75vw, 80px) !important; line-height: 0.96 !important; letter-spacing: -0.058em !important; text-wrap: balance !important; } .av-home .av-hero__copy > .av-hero__lead { margin: 0 0 clamp(22px, 1.85vw, 30px) !important; color: #385b68 !important; font-size: clamp(17px, 1.15vw, 20px) !important; line-height: 1.6 !important; text-wrap: pretty !important; } .av-home .av-hero__copy > .av-hero__actions { display: grid !important; grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important; gap: 12px !important; } .av-home .av-hero__actions > .av-button { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 58px !important; justify-content: center !important; padding: 14px 18px !important; border-radius: 18px !important; font-size: 14px !important; letter-spacing: 0.005em !important; } .av-home .av-hero__actions > .av-button--primary { box-shadow: 0 16px 30px rgba(14, 65, 83, 0.2) !important; } .av-home .av-hero__actions > .av-button--ghost { border-color: rgba(13, 83, 95, 0.16) !important; background: rgba(255, 255, 255, 0.72) !important; box-shadow: 0 10px 24px rgba(27, 75, 87, 0.08) !important; } .av-home .av-hero__copy > .av-hero__proof { min-height: 66px !important; margin-top: clamp(18px, 1.65vw, 26px) !important; padding: 13px 0 !important; gap: 15px !important; border: 0 !important; border-top: 1px solid rgba(16, 93, 103, 0.16) !important; border-bottom: 1px solid rgba(16, 93, 103, 0.16) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } .av-home .av-hero__proof > div:last-child { min-width: 0 !important; display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 6px 12px !important; } .av-home .av-hero__proof strong { margin: 0 !important; color: #12384b !important; font-size: 16px !important; white-space: nowrap !important; } .av-home .av-hero__proof span { color: #5a7480 !important; font-size: 13px !important; line-height: 1.35 !important; } @media (min-width: 1001px) { .av-home .av-hero__copy { width: 50% !important; } } @media (min-width: 1001px) and (max-width: 1180px) { .av-home .av-hero__copy { padding: 0 !important; } .av-home .av-hero__copy > h1 { font-size: clamp(48px, 5.1vw, 58px) !important; } .av-home .av-hero__copy > .av-hero__lead { font-size: 16px !important; } } @media (min-width: 701px) and (max-width: 1000px) { .av-home .av-hero__copy { width: min(72%, 660px) !important; padding: 0 !important; } .av-home .av-hero__copy > h1 { font-size: clamp(50px, 7vw, 62px) !important; } } @media (max-width: 700px) { .av-home .av-hero__copy { width: 100% !important; padding: 0 !important; border-radius: 0 !important; } .av-home .av-hero__copy > h1 { font-size: clamp(40px, 12.2vw, 51px) !important; line-height: 0.98 !important; } .av-home .av-hero__copy > .av-hero__lead { font-size: 16px !important; } .av-home .av-hero__copy > .av-hero__actions { grid-template-columns: minmax(0, 1fr) !important; } .av-home .av-hero__proof > div:last-child { grid-template-columns: minmax(0, 1fr) !important; gap: 2px !important; } } /* /image/catalog/airevo/hero-carousel-v1/airevo-hero-carousel-v1-14.css */ @import url("https://airevobox.com/image/catalog/airevo/hero-carousel-v1/airevo-hero-carousel-v1-7.css?v=eb8ee3e8"); /* v1.9 - Center the carousel controls on the banner edges. */ .av-home .av-hero-carousel__nav { position: absolute !important; z-index: 24 !important; top: 50% !important; left: clamp(84px, 7vw, 112px) !important; bottom: auto !important; right: clamp(16px, 2.6vw, 42px) !important; display: flex !important; width: auto !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; pointer-events: none !important; transform: translateY(-50%) !important; } .av-home .av-hero-carousel__arrow { width: clamp(56px, 4vw, 66px) !important; height: clamp(56px, 4vw, 66px) !important; color: #0b3444 !important; background: rgba(255, 255, 255, .66) !important; border: 1px solid rgba(255, 255, 255, .74) !important; box-shadow: 0 18px 48px rgba(0, 14, 24, .24) !important; -webkit-backdrop-filter: blur(16px) saturate(130%) !important; backdrop-filter: blur(16px) saturate(130%) !important; pointer-events: auto !important; transition: color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important; } .av-home .av-hero-carousel__arrow:hover, .av-home .av-hero-carousel__arrow:focus-visible { color: #fff !important; background: rgba(10, 166, 156, .9) !important; border-color: rgba(134, 245, 234, .82) !important; box-shadow: 0 20px 52px rgba(0, 57, 65, .32) !important; transform: scale(1.06) !important; } .av-home .av-hero-carousel__arrow svg { width: 24px !important; height: 24px !important; stroke-width: 2.1 !important; } @media (max-width: 767px) { .av-home .av-hero-carousel__nav { top: calc(min(84.6vw, 330px) / 2) !important; left: 10px !important; right: 10px !important; } .av-home .av-hero-carousel__arrow { width: 46px !important; height: 46px !important; background: rgba(255, 255, 255, .72) !important; box-shadow: 0 12px 32px rgba(0, 14, 24, .22) !important; } .av-home .av-hero-carousel__arrow svg { width: 20px !important; height: 20px !important; } } /* v1.20 - Square desktop banner imagery and balance both carousel controls. */ @media (min-width: 768px) { html body.page-home.page-home.page-home .av-home.av-home.av-home .av-hero.av-hero.av-hero-carousel, .av-home .av-hero-carousel__track, .av-home .av-hero-carousel__slide, .av-home .av-hero-carousel__media, .av-home .av-hero-carousel__media picture, .av-home .av-hero-carousel__media img { border-radius: 0 !important; } .av-home .av-hero-carousel__nav { left: clamp(24px, 2.6vw, 42px) !important; right: clamp(24px, 2.6vw, 42px) !important; } } /* v1.10 - Preserve the original hero H1 presentation on semantic H2 slides. */ .av-home .av-hero__copy > .av-hero__title { width: 100% !important; margin: clamp(22px, 2vw, 30px) 0 clamp(18px, 1.55vw, 24px) !important; color: var(--av-slide-copy) !important; font-size: clamp(54px, 4.75vw, 80px) !important; font-style: normal !important; font-weight: 760 !important; letter-spacing: -.058em !important; line-height: .96 !important; text-transform: none !important; text-wrap: balance !important; } .av-home .av-hero-carousel .av-hero__title em { display: block !important; color: var(--av-slide-accent) !important; font-style: normal !important; font-weight: 520 !important; } @media (min-width: 1001px) and (max-width: 1180px) { .av-home .av-hero__copy > .av-hero__title { font-size: clamp(48px, 5.1vw, 58px) !important; } } @media (min-width: 701px) and (max-width: 1000px) { .av-home .av-hero__copy > .av-hero__title { font-size: clamp(50px, 7vw, 62px) !important; } } @media (max-width: 700px) { .av-home .av-hero__copy > .av-hero__title { font-size: clamp(32px, 8.8vw, 38px) !important; line-height: 1.02 !important; } .av-home .av-hero-carousel .av-hero__title em { display: inline !important; } } /* v1.11 - Tighter, consistently aligned mobile hero content. */ @media (max-width: 767px) { .av-home .av-hero-carousel .av-shell.av-hero__inner, .av-home .av-hero-carousel__slide--copy-right .av-shell.av-hero__inner { box-sizing: border-box !important; padding: 18px 16px 56px !important; } .av-home .av-hero-carousel .av-hero__copy, .av-home .av-hero-carousel__slide--copy-right .av-hero__copy { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .av-home .av-hero-carousel .av-hero__copy > h1, .av-home .av-hero__copy > .av-hero__title { margin: 22px 0 0 !important; } .av-home .av-hero-carousel .av-hero__lead { margin: 10px 0 0 !important; } .av-home .av-hero-carousel .av-hero__microproof { width: 100% !important; align-items: stretch !important; gap: 8px !important; } .av-home .av-hero-carousel .av-hero__microproof span { min-width: 0 !important; min-height: 48px !important; box-sizing: border-box !important; flex: 1 1 0 !important; align-items: center !important; justify-content: center !important; padding-inline: 8px !important; line-height: 1.2 !important; white-space: normal !important; } .av-home .av-hero-carousel .av-hero-callout--b { bottom: calc(420px + 30px) !important; } } /* v1.20 - Mobile callouts sit consistently 50px from opposite edges. */ @media (max-width: 767px) { .av-home .av-hero-carousel .av-hero-callout--a, .av-home .av-hero-carousel__slide--tech .av-hero-callout--a, .av-home .av-hero-carousel__slide--light .av-hero-callout--a, .av-home .av-hero-carousel__slide--wardrobe .av-hero-callout--a { left: auto !important; right: 50px !important; } .av-home .av-hero-carousel .av-hero-callout--b, .av-home .av-hero-carousel__slide--tech .av-hero-callout--b, .av-home .av-hero-carousel__slide--light .av-hero-callout--b, .av-home .av-hero-carousel__slide--wardrobe .av-hero-callout--b { left: 50px !important; right: auto !important; } } /* v1.15 - Mobile-only product-anchored translucent glass callouts. */ @media (max-width: 767px) { .av-home .av-hero-carousel .av-hero-callout { background: rgba(242, 250, 249, .56) !important; border-color: rgba(255, 255, 255, .72) !important; box-shadow: 0 10px 28px rgba(1, 18, 28, .18), inset 0 1px 0 rgba(255, 255, 255, .42) !important; -webkit-backdrop-filter: blur(14px) saturate(145%) !important; backdrop-filter: blur(14px) saturate(145%) !important; } .av-home .av-hero-carousel .av-hero-callout strong { color: #0b2b3b !important; } .av-home .av-hero-carousel .av-hero-callout small { color: #365767 !important; } .av-home .av-hero-carousel__slide--tech .av-hero-callout--a, .av-home .av-hero-carousel__slide--light .av-hero-callout--a, .av-home .av-hero-carousel__slide--wardrobe .av-hero-callout--a { top: 24px !important; left: clamp(58px, 18vw, 72px) !important; right: auto !important; } .av-home .av-hero-carousel__slide--tech .av-hero-callout--b, .av-home .av-hero-carousel__slide--light .av-hero-callout--b, .av-home .av-hero-carousel__slide--wardrobe .av-hero-callout--b { left: clamp(48px, 16vw, 64px) !important; bottom: calc(420px + 30px) !important; right: auto !important; } } /* v1.16 - Mobile-only staggered placement and soft breathing motion. */ @media (max-width: 767px) { .av-home .av-hero-carousel .av-hero-carousel__slide.is-active .av-hero-callout { backface-visibility: hidden !important; transform-origin: center center !important; will-change: opacity, transform !important; animation: avMobileCalloutRevealV3 .9s .24s cubic-bezier(.16, 1, .3, 1) both, avMobileCalloutBreatheV3 5.6s 1.14s cubic-bezier(.45, 0, .55, 1) infinite !important; } .av-home .av-hero-carousel .av-hero-carousel__slide.is-active .av-hero-callout--b { animation-delay: .46s, 1.36s !important; } .av-home .av-hero-carousel .av-hero-callout--a { min-height: 44px !important; padding: 10px 14px !important; } .av-home .av-hero-carousel .av-hero-callout--a strong { font-size: 18px !important; } .av-home .av-hero-carousel .av-hero-callout--a small { font-size: 8.5px !important; } .av-home .av-hero-carousel .av-hero-callout--b { min-height: 34px !important; padding: 7px 10px !important; } .av-home .av-hero-carousel .av-hero-callout--b strong { font-size: 15px !important; } .av-home .av-hero-carousel .av-hero-callout--b small { font-size: 7.5px !important; } .av-home .av-hero-carousel__slide--tech .av-hero-callout--a { top: 28px !important; left: auto !important; right: 18% !important; } .av-home .av-hero-carousel__slide--tech .av-hero-callout--b { left: 18% !important; bottom: calc(420px + 38px) !important; right: auto !important; } .av-home .av-hero-carousel__slide--light .av-hero-callout--a { top: 44px !important; left: auto !important; right: 22% !important; } .av-home .av-hero-carousel__slide--light .av-hero-callout--b { left: 16% !important; bottom: calc(420px + 50px) !important; right: auto !important; } .av-home .av-hero-carousel__slide--wardrobe .av-hero-callout--a { top: 20px !important; left: auto !important; right: 16% !important; } .av-home .av-hero-carousel__slide--wardrobe .av-hero-callout--b { left: 22% !important; bottom: calc(420px + 28px) !important; right: auto !important; } } @keyframes avMobileCalloutRevealV3 { 0% { opacity: 0; transform: translate3d(0, 8px, 0) scale(.96); } 100% { opacity: .88; transform: translate3d(0, 0, 0) scale(1); } } /* v1.21 - Final mobile placement override. Keep this after the per-slide * choreography so the two labels remain approximately 50px from opposite * viewport edges while retaining their individual vertical positions. */ @media (max-width: 767px) { .av-home .av-hero-carousel .av-hero-callout--a, .av-home .av-hero-carousel__slide--tech .av-hero-callout--a, .av-home .av-hero-carousel__slide--light .av-hero-callout--a, .av-home .av-hero-carousel__slide--wardrobe .av-hero-callout--a { left: auto !important; right: 50px !important; } .av-home .av-hero-carousel .av-hero-callout--b, .av-home .av-hero-carousel__slide--tech .av-hero-callout--b, .av-home .av-hero-carousel__slide--light .av-hero-callout--b, .av-home .av-hero-carousel__slide--wardrobe .av-hero-callout--b { left: 50px !important; right: auto !important; } } @keyframes avMobileCalloutBreatheV3 { 0%, 100% { opacity: .88; transform: translate3d(0, 0, 0) scale(1); } 50% { opacity: 1; transform: translate3d(0, -1px, 0) scale(1.025); } } /* v1.17 - Mobile-only image continuation behind the copy glass panel. */ @media (max-width: 767px) { .av-home .av-hero-carousel__slide { --av-mobile-copy-image: none; } .av-home .av-hero-carousel__slide--tech { --av-mobile-copy-image: url("https://airevobox.com/image/catalog/airevo/hero-carousel-v1/airevo-banner-tech-mobile-v6.webp"); } .av-home .av-hero-carousel__slide--light { --av-mobile-copy-image: url("https://airevobox.com/image/catalog/airevo/hero-carousel-v1/airevo-banner-10yr-mobile-v6.webp"); } .av-home .av-hero-carousel__slide--wardrobe { --av-mobile-copy-image: url("https://airevobox.com/image/catalog/airevo/hero-carousel-v1/airevo-banner-wardrobe-mobile-v3.webp"); } .av-home .av-hero-carousel__slide::before { content: ""; position: absolute; z-index: 0; top: calc(min(84.6vw, 330px) - 24px); left: -18px; bottom: -18px; right: -18px; background-image: var(--av-mobile-copy-image); background-position: center center; background-repeat: no-repeat; background-size: cover; filter: blur(12px) saturate(112%); opacity: .58; pointer-events: none; transform: scale(1.05); } .av-home .av-hero-carousel .av-shell.av-hero__inner, .av-home .av-hero-carousel__slide--copy-right .av-shell.av-hero__inner { border-top: 1px solid rgba(255, 255, 255, .18) !important; background: linear-gradient(-180deg, rgba(6, 18, 27, .64), rgba(6, 18, 27, .86)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important; -webkit-backdrop-filter: blur(16px) saturate(118%) !important; backdrop-filter: blur(16px) saturate(118%) !important; } .av-home .av-hero-carousel__slide--light .av-shell.av-hero__inner { border-top-color: rgba(255, 255, 255, .5) !important; background: linear-gradient(-180deg, rgba(248, 246, 242, .62), rgba(248, 246, 242, .88)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .52) !important; } .av-home .av-hero-carousel__slide--wardrobe .av-shell.av-hero__inner { background: linear-gradient(-180deg, rgba(20, 14, 12, .64), rgba(20, 14, 12, .87)) !important; } } /* v1.19 - One continuous portrait artwork behind image and floating copy. */ @media (max-width: 767px) { .av-home .av-hero-carousel__media { inset: 0 !important; width: 100% !important; height: 100% !important; } .av-home .av-hero-carousel__media picture, .av-home .av-hero-carousel__media img { width: 100% !important; height: 100% !important; } .av-home .av-hero-carousel__media img { object-fit: cover !important; object-position: center top !important; } .av-home .av-hero-carousel__slide--tech .av-hero-carousel__media img { object-position: center -100px !important; } .av-home .av-hero-carousel__slide--light .av-hero-carousel__media img { object-position: center -30px !important; } .av-home .av-hero-carousel__shade { inset: 0 !important; width: 100% !important; height: 100% !important; } .av-home .av-hero-carousel__slide::before { content: none !important; display: none !important; } .av-home .av-hero-carousel .av-shell.av-hero__inner, .av-home .av-hero-carousel__slide--copy-right .av-shell.av-hero__inner { background: linear-gradient(-180deg, rgba(6, 18, 27, .55), rgba(6, 18, 27, .79)) !important; -webkit-backdrop-filter: blur(12px) saturate(112%) !important; backdrop-filter: blur(12px) saturate(112%) !important; } .av-home .av-hero-carousel__slide--light .av-shell.av-hero__inner { background: linear-gradient(-180deg, rgba(249, 247, 243, .56), rgba(249, 247, 243, .82)) !important; } .av-home .av-hero-carousel__slide--wardrobe .av-shell.av-hero__inner { background: linear-gradient(-180deg, rgba(20, 14, 12, .57), rgba(20, 14, 12, .81)) !important; } } /* v1.18 - Mobile floating copy card with equal side and bottom clearance. */ @media (max-width: 767px) { .av-home .av-hero.av-hero-carousel, .av-home .av-hero-carousel__slide, .av-home .av-hero-carousel__media, .av-home .av-hero-carousel__media picture, .av-home .av-hero-carousel__media img { border-radius: 0 !important; } .av-home .av-hero-carousel .av-shell.av-hero__inner, .av-home .av-hero-carousel__slide--copy-right .av-shell.av-hero__inner { left: 0 !important; bottom: 14px !important; right: 0 !important; width: auto !important; margin-left: 14px !important; margin-right: 14px !important; border-radius: 8px !important; overflow: hidden !important; } } /* /image/catalog/airevo/mobile-polish-v1/airevo-mobile-polish-v1-4.css */ @import url("https://airevobox.com/image/catalog/airevo/mobile-polish-v1/airevo-mobile-polish-v1-1.css?v=fdc40658"); /* AirEvo mobile polish v1.3: final responsive corrections. */ @media (max-width: 767.98px) { body.page-product .product-description > .nav-tabs { position: relative !important; top: auto !important; z-index: 3 !important; } body.page-product .airevo-sync .container-16 .row::before, body.page-product .airevo-sync .container-16 .row2::before { display: none !important; content: none !important; } body.page-product .airevo-sync .container-16 .prod-col1 > .col-heading { height: 68px !important; } body.page-product .airevo-sync .container-16 .prod-col1 > .row, body.page-product .airevo-sync .container-16 .prod-col2 > .col-heading > .row, body.page-product .airevo-sync .container-16 .prod-col2 > .col-heading > .row2 { box-sizing: border-box !important; width: 100% !important; min-height: 54px !important; height: 54px !important; } body.page-product .airevo-sync .container-16 .prod-col2 { display: block !important; } body.page-product .airevo-sync .container-16 .prod-col2 > .col-heading { display: grid !important; grid-template-rows: 68px repeat(8, 54px) !important; width: 100% !important; height: 500px !important; padding: 0 !important; } body.page-product .airevo-sync .container-16 .prod-col2 > .col-heading > .text-block-23 { display: flex !important; width: 100% !important; height: 68px !important; padding: 8px 4px !important; align-items: center !important; justify-content: center !important; background: #eef4f5 !important; } body.page-product .airevo-sync .container-16 .prod-col2 .row::after, body.page-product .airevo-sync .container-16 .prod-col2 .row2::after { content: "\00d7" !important; color: #cf4d57 !important; background: #fff0f1 !important; } body.page-home .av-compare__head, body.page-home .av-compare__row { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; } body.page-home .av-hero.av-hero-carousel .av-kicker { display: none !important; } body.page-home .av-hero.av-hero-carousel .av-hero__copy::after { display: none !important; content: none !important; } } /* /image/catalog/airevo/airevo-layout-hotfix-v2.css */ /* * AirEvo responsive alignment hotfix v2 * - Mirror the desktop navbar's fluid width and 1920px maximum. * - Let carousel content remain visible beneath the navigation arrows. * - Keep story-card footers transparent without changing the site footer. */ @media (min-width: 992px) { .av-home .av-benefits.av-shell { width: 100% !important; max-width: 1920px !important; } } .av-home .av-hero-carousel__arrow { background: rgba(255, 255, 255, .26) !important; border-color: rgba(255, 255, 255, .52) !important; -webkit-backdrop-filter: blur(3px) saturate(110%) !important; backdrop-filter: blur(3px) saturate(110%) !important; } .av-home .av-hero-carousel__arrow:hover, .av-home .av-hero-carousel__arrow:focus-visible { background: rgba(10, 166, 156, .55) !important; } @media (max-width: 767px) { .av-home .av-hero-carousel__arrow { background: rgba(255, 255, 255, .30) !important; } } .av-home .av-story footer { background: transparent !important; } /* /image/catalog/airevo/hero-carousel-v1/airevo-carousel-arrow-v2.css */ /* * AirEvo carousel arrow v2 * Transparent at rest, high-contrast icon on every hero image, * frosted glass only during hover or keyboard focus. */ .av-home .av-hero-carousel__arrow { color: #f5fffd !important; background: rgba(255, 255, 255, .18) !important; border-color: rgba(255, 255, 255, .76) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .av-home .av-hero-carousel__arrow svg { width: 26px !important; height: 26px !important; stroke: currentColor !important; stroke-width: 2.8 !important; filter: drop-shadow(0 1px 1px rgba(0, 22, 30, .95)) drop-shadow(0 0 4px rgba(0, 25, 34, .8)) drop-shadow(0 0 7px rgba(39, 237, 220, .58)); transition: filter .22s ease, transform .22s ease !important; } .av-home .av-hero-carousel__arrow:hover, .av-home .av-hero-carousel__arrow:focus-visible { color: #fff !important; background: rgba(7, 111, 107, .5) !important; border-color: rgba(173, 255, 247, .82) !important; -webkit-backdrop-filter: blur(16px) saturate(135%) !important; backdrop-filter: blur(16px) saturate(135%) !important; } .av-home .av-hero-carousel__arrow:hover svg, .av-home .av-hero-carousel__arrow:focus-visible svg { filter: drop-shadow(0 1px 1px rgba(0, 28, 34, .85)) drop-shadow(0 0 8px rgba(121, 255, 243, .88)); transform: scale(1.08); } @media (max-width: 767px) { .av-home .av-hero-carousel__arrow svg { width: 22px !important; height: 22px !important; stroke-width: 2.7 !important; } } /* /image/catalog/airevo/airevo-product-radius-8-v1.css */ /* AirEvo semantic radius system. * Only visible surfaces receive the shared 8px radius. Text, ordinary layout * wrappers, media overlays and full-width sections deliberately stay square. */ :root { --airevo-product-radius: 8px; } /* Homepage: cards, framed media, controls and compact information surfaces. */ html body.page-home.page-home.page-home .av-home.av-home.av-home :is( .av-hero.av-hero-carousel, .av-hero-callout, .av-button, .av-hero__microproof > span, .av-benefits, .av-icon, .av-intro__visual, .av-spec, .av-bento > article, .av-process__tab, .av-process__stage, .av-process__stage > img, .av-use__card, .av-compare__card, .av-compare__brand, .av-compare__brand > span, .av-story, .av-story__identity, .av-final__media, .av-final__media > figure ) { border-radius: var(--airevo-product-radius) !important; } html body.page-home.page-home.page-home .av-home.av-home.av-home :is( .av-hero.av-hero-carousel, .av-intro__visual, .av-bento > article, .av-process__stage, .av-use__card, .av-compare__card, .av-story, .av-final__media, .av-final__media > figure ) { overflow: hidden; } /* Full-width sections and internal positioning layers are not cards. */ html body.page-home.page-home.page-home .av-home.av-home.av-home :is( .av-section, .av-intro, .av-bento, .av-process, .av-use, .av-compare, .av-final, .av-hero-carousel__track, .av-hero-carousel__slide, .av-hero-carousel__media, .av-hero-carousel__shade, .av-hero__inner, .av-hero__copy, .av-hero__actions, .av-hero__microproof, .av-benefit, .av-intro__copy, .av-process__content, .av-use__grid, .av-compare__head, .av-story__copy, .av-story footer ) { border-radius: 0 !important; } /* Product purchase area: visible gallery/control surfaces only. */ html body.page-product.page-product.page-product .product-info.product-info.product-info :is( .product-image img, .product-gallery img, .swiper-slide img, .product-rating-jump, .stock-and-sku, .variable-info > div, .variable-info span, .quantity-wrap, .product-btns .btn, .btn-buy-now, .btn-add-to-cart, button ) { border-radius: var(--airevo-product-radius) !important; } html body.page-product.page-product.page-product #product-top#product-top#product-top :is( #zoom, .product-image .swiper-slide ) { border-radius: var(--airevo-product-radius) !important; } html body.page-product.page-product.page-product .product-description.product-description.product-description :is( .nav-tabs, .nav-tabs .nav-link ) { border-radius: var(--airevo-product-radius) !important; } /* Story section roots, grids, rows and text wrappers are layout—not surfaces. */ html body.page-product.page-product.page-product #product-description#product-description#product-description .airevo-sync.airevo-sync.airevo-sync :is( section, .section, .container, .w-container, .w-layout-grid, .text-wrap, .row, .row2, .prod-col1, .prod-col2, .comparison-col1, .comparison-col2, .accordion-container, .faq-content-text, .heading---light, .div-block-5 ) { border-radius: 0 !important; } /* Product story: cards, framed imagery, badges, CTAs, review and FAQ surfaces. */ html body.page-product.page-product.page-product #product-description#product-description#product-description .airevo-sync.airevo-sync.airevo-sync :is( .w-layout-cell.cell, .w-layout-cell.cell-2, .product-bg, .hero---review, .text-block-4, .cta-group, .cta-button, .scarcity-group---dark, .feat, .container-6, .column-1, .column-2, .column-3, .feature, .feature > img, .image-10, .container-6 > .image-11, .drone-feature, .more-features .div-block-5 > .heading-3, .img-wrap1, .img-wrap2, .img-wrap1 > img, .img-wrap2 > img, .container-16, .container-16 > .table, .step-wrap, .steps .heading-5, .steps .image-18, .guarantee .div-block-11, .guarantee .cta-group, .reviews .grid, .fc-featured-review, .container-13, .container-13 .div-block-14, .container-13 .image-28, .text-block-17, .bullet---item, .bullet, [class^="faq-item-"], .airevo-marketing-disclosure, .image-56 ) { border-radius: var(--airevo-product-radius) !important; } html body.page-product.page-product.page-product #product-description#product-description#product-description .airevo-sync.airevo-sync.airevo-sync :is( .product-bg, .container-6, .feature, .drone-feature, .img-wrap1, .img-wrap2, .container-16, .container-16 > .table, .step-wrap, .guarantee .div-block-11, .reviews .grid, .fc-featured-review, .container-13, .container-13 .div-block-14, [class^="faq-item-"] ) { overflow: hidden; } /* Keep controls and artwork whose intended geometry is circular. */ html body.page-home.page-home.page-home .av-home.av-home.av-home :is( .av-kicker__dot, .av-avatar-stack img, .av-orbit, .av-process__ring, .av-process__tab > span, .av-use__card span, .av-story footer img, .av-hero-carousel__arrow, .av-hero-carousel__dot, .av-hero__microproof i ), html body.page-product.page-product.page-product :is( .product-info.product-info.product-info, .product-description.product-description.product-description ) :is( input[type="radio"], .rounded-circle, .swiper-pagination-bullet, .green-dot, .image-22, .image-23 ) { border-radius: 50% !important; } /* Decorative circles are pseudo-elements and never become rounded squares. */ html body.page-home.page-home.page-home .av-home.av-home.av-home .av-process__ring::after, html body.page-product.page-product.page-product .product-description.product-description.product-description .heading---light::before, html body.page-product.page-product.page-product .product-description.product-description.product-description .product-bg::after, html body.page-product.page-product.page-product .product-description.product-description.product-description .column-2::before, html body.page-product.page-product.page-product .product-description.product-description.product-description .column-2::after, html body.page-product.page-product.page-product .product-description.product-description.product-description .container-16 .prod-col2 > .row::before, html body.page-product.page-product.page-product .product-description.product-description.product-description .container-16 .prod-col2 > .col-heading > .row2::before { border-radius: 50% !important; } /* Mobile hero exception: the copy is a floating glass card; the banner media * itself remains square. This intentionally overrides the general hero card. */ @media (max-width: 767px) { html body.page-home.page-home.page-home .av-home.av-home.av-home .av-hero.av-hero-carousel { border-radius: 0 !important; } html body.page-home.page-home.page-home .av-home.av-home.av-home .av-hero.av-hero-carousel :is( .av-hero-carousel__slide, .av-hero-carousel__media, .av-hero-carousel__media picture, .av-hero-carousel__media img ) { border-radius: 0 !important; } html body.page-home.page-home.page-home .av-home.av-home.av-home .av-hero.av-hero-carousel .av-shell.av-hero__inner { border-radius: var(--airevo-product-radius) !important; } } /* /image/catalog/airevo/airevo-mobile-spacing-v1.css */ /* AirEvo mobile content rhythm — compact repeated outer/inner whitespace * while retaining readable separation between headings, copy and cards. */ @media (max-width: 767.98px) { html body.page-home.page-home .av-home.av-home .av-section.av-section { padding-top: 40px !important; padding-bottom: 40px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync > section:not(.notification) { padding-top: 20px !important; padding-bottom: 20px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync > ._3-col-features { margin-top: 0 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 { margin-top: 0 !important; padding: 24px 16px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-7.container-7 { padding-top: 0 !important; padding-bottom: 0 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-7.container-7 > .drone-feature { margin-top: 14px !important; margin-bottom: 14px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-7.container-7 > .cta-group { margin-top: 22px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-8.container-8 > .heading---light.sth { margin-top: 20px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-8.container-8 > .steps { margin-top: 28px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync > .airevo-marketing-disclosure { margin-top: 18px !important; margin-bottom: 18px !important; } } @keyframes airevo-thumb-swipe-hint { 0%, 100% { transform: translate(2px, -50%); } 50% { transform: translate(-2px, -50%); } } @media (prefers-reduced-motion: reduce) { .product-mobile-thumb-wrap::after { animation: none !important; } } /* Product page mobile purchase layout: edge-to-edge gallery, clean product * information surface, wishlist in content, and two equal purchase buttons. */ @media (max-width: 767.98px) { html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap { display: block !important; box-sizing: border-box !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; height: 64px !important; margin: 12px 12px !important; padding: 0 !important; overflow: hidden !important; touch-action: pan-x !important; position: relative !important; z-index: 20 !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap::before, html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap::after { position: absolute !important; z-index: 12 !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .22s ease, transform .22s ease !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap::before { top: 0 !important; left: 0 !important; bottom: 0 !important; width: 58px !important; background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9) 52%, #fff 82%) !important; content: "" !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap::after { top: 50% !important; left: 8px !important; display: grid !important; width: 32px !important; height: 32px !important; border: 1px solid rgba(17, 170, 167, .28) !important; border-radius: 50% !important; color: #087c7c !important; background: rgba(239, 251, 248, .96) !important; box-shadow: 0 6px 18px rgba(6, 72, 82, .16) !important; content: "›" !important; font-size: 25px !important; font-weight: 600 !important; line-height: 28px !important; place-items: center !important; transform: translateY(-50%) !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap.has-overflow:not(.is-at-end)::before, html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap.has-overflow:not(.is-at-end)::after { opacity: 1 !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap.has-overflow:not(.is-at-end)::after { animation: airevo-thumb-swipe-hint 1.55s ease-in-out infinite !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap .swiper-wrapper { align-items: center !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap .swiper-slide { position: relative !important; z-index: 1 !important; flex: 0 0 64px !important; width: 64px !important; height: 64px !important; pointer-events: auto !important; } html body.page-product.page-product #product-top#product-top #swiper-mobile { touch-action: pan-y !important; } html body.page-product.page-product #product-top#product-top #swiper-mobile img { user-select: none !important; -webkit-user-drag: none !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap button { position: relative !important; z-index: 2 !important; display: block !important; width: 64px !important; height: 64px !important; padding: 2px !important; overflow: hidden !important; border: 1px solid rgba(15, 82, 95, .14) !important; border-radius: 8px !important; background: #fff !important; cursor: pointer !important; pointer-events: auto !important; touch-action: manipulation !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap .swiper-slide:last-child { margin-left: 0 !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap img { display: block !important; width: 100% !important; height: 100% !important; border-radius: 6px !important; object-fit: cover !important; } html body.page-product.page-product #product-top#product-top .product-mobile-thumb-wrap .swiper-slide-thumb-active button { border-color: #14aaa7 !important; box-shadow: 0 0 0 1px #14aaa7 !important; } html body #ss_menu { left: 20px !important; bottom: 100px !important; z-index: 130 !important; margin: 0 !important; } html body #ss_menu > #ss_toggle.menu { position: absolute !important; inset: 0 !important; width: 64px !important; height: 64px !important; margin: 0 !important; } html body #ss_menu > #ss_toggle.menu .share, html body #ss_menu > #ss_toggle.menu .circle1 { position: relative !important; inset: auto !important; width: 100% !important; height: 100% !important; } html body #ss_menu > #ss_toggle.menu .airevo-contact-icon { position: static !important; inset: auto !important; display: block !important; width: 44px !important; height: 44px !important; margin: 0 !important; transform-origin: center !important; } html body.page-product.page-product #product-top#product-top .product-image.product-image { right: 50% !important; width: 100vw !important; max-width: 100vw !important; gap: 0 !important; margin-left: 0 !important; margin-right: -50vw !important; border-radius: 0 !important; } html body.page-product.page-product #product-top#product-top #swiper .swiper-slide, html body.page-product.page-product #product-top#product-top #swiper .swiper-slide > a { position: relative !important; z-index: 2 !important; pointer-events: auto !important; touch-action: manipulation !important; } html body.page-product.page-product #product-top#product-top #swiper .swiper-slide > a { display: block !important; width: 100% !important; height: 100% !important; } html body.page-product.page-product #product-top#product-top #swiper .swiper-slide:last-child { margin-left: 12px !important; } html body.page-product.page-product #product-top#product-top #swiper { position: relative !important; z-index: 20 !important; touch-action: pan-x !important; -webkit-overflow-scrolling: touch !important; } html body.page-product.page-product #product-top#product-top #zoom .product-img { touch-action: pan-y !important; cursor: grab !important; user-select: none !important; -webkit-user-select: none !important; } html body.page-product.page-product #product-top#product-top #zoom .product-img img { pointer-events: none !important; user-select: none !important; -webkit-user-drag: none !important; } html body.page-product.page-product #product-app#product-app { margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body.page-product.page-product #product-app#product-app .product-title-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 40px !important; gap: 10px !important; align-items: start !important; width: 100% !important; } html body.page-product.page-product #product-app#product-app .product-title-row .product-name { min-width: 0 !important; margin-left: 0 !important; } html body.page-product.page-product #product-app#product-app .mobile-wishlist-slot { display: flex !important; justify-content: center !important; align-items: flex-start !important; width: 40px !important; height: 40px !important; min-height: 0 !important; margin: 0 !important; } html body.page-product.page-product #product-app#product-app .mobile-wishlist-slot .add-wishlist { display: flex !important; width: 40px !important; height: 40px !important; margin: 0 !important; } html body.page-product.page-product #product-app#product-app .mobile-wishlist-slot .add-wishlist .btn { display: flex !important; justify-content: center !important; align-items: center !important; width: 40px !important; height: 40px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: #0f5260 !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; } html body.page-product.page-product #product-app#product-app .mobile-wishlist-slot .add-wishlist .btn span { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } html body.page-product.page-product #product-app#product-app .mobile-wishlist-slot .add-wishlist .btn i { margin: 0 !important; font-size: 24px !important; line-height: 1 !important; } html body.page-product.page-product #product-app#product-app .variables-wrap.variables-wrap { margin-bottom: 0 !important; } html body.page-product.page-product #product-app#product-app .variable-group > p { margin-bottom: 10px !important; font-weight: 650 !important; } html body.page-product.page-product #product-app#product-app .variable-info.variable-info { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; } html body.page-product.page-product #product-app#product-app .variable-info > .variable-option-card.variable-option-card { display: block !important; width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 88px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #d8dee2 !important; border-radius: 8px !important; color: #10293b !important; background: #fff !important; box-shadow: none !important; } html body.page-product.page-product #product-app#product-app .variable-option-desktop { display: none !important; } html body.page-product.page-product #product-app#product-app .variable-info > .variable-option-card.selected { border-color: #18aaa7 !important; background: #effbf8 !important; box-shadow: 0 0 0 1px #18aaa7 !important; } html body.page-product.page-product #product-app#product-app .variable-info > .variable-option-card.disabled { opacity: .46 !important; } html body.page-product.page-product #product-app#product-app .variable-option-mobile { box-sizing: border-box !important; gap: 10px !important; align-items: center !important; width: 100% !important; min-height: 88px !important; padding: 10px 12px !important; } html body.page-product.page-product #product-app#product-app .variable-option-radio { position: relative !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; min-height: 0 !important; padding: 0 !important; border: 2px solid #c7d0d5 !important; border-radius: 50% !important; background: #fff !important; } html body.page-product.page-product #product-app#product-app .variable-option-card.selected .variable-option-radio { border-color: #11b9b3 !important; } html body.page-product.page-product #product-app#product-app .variable-option-card.selected .variable-option-radio::after { position: absolute !important; top: 3px !important; right: 3px !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #11b9b3 !important; content: "" !important; } html body.page-product.page-product #product-app#product-app .variable-option-visual { position: relative !important; flex: 0 0 58px !important; width: 58px !important; height: 58px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.page-product.page-product #product-app#product-app .variable-option-visual img { position: absolute !important; top: 4px !important; right: 8px !important; width: 42px !important; height: 50px !important; border-radius: 0 !important; object-fit: contain !important; } html body.page-product.page-product #product-app#product-app .variable-option-visual--2 img:first-child { right: 1px !important; } html body.page-product.page-product #product-app#product-app .variable-option-visual--2 img:last-child { right: 17px !important; } html body.page-product.page-product #product-app#product-app .variable-option-visual--3 img:nth-child(1) { top: 7px !important; right: -1px !important; } html body.page-product.page-product #product-app#product-app .variable-option-visual--3 img:nth-child(2) { top: 1px !important; right: 15px !important; } html body.page-product.page-product #product-app#product-app .variable-option-visual--3 img:nth-child(3) { top: 8px !important; right: 24px !important; } html body.page-product.page-product #product-app#product-app .variable-option-copy { display: flex !important; flex: 1 1 auto !important; min-width: 0 !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.page-product.page-product #product-app#product-app .variable-option-copy strong { font-size: 15px !important; line-height: 1.2 !important; } html body.page-product.page-product #product-app#product-app .variable-option-badge { margin-bottom: 4px !important; padding: 2px 5px !important; border-radius: 4px !important; color: #fff !important; background: #ef3d47 !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .03em !important; line-height: 1 !important; } html body.page-product.page-product #product-app#product-app .variable-option-price { display: flex !important; flex: 0 0 74px !important; min-width: 74px !important; flex-direction: column !important; align-items: flex-end !important; justify-content: center !important; text-align: left !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.page-product.page-product #product-app#product-app .variable-option-price del { color: #e44747 !important; font-size: 11px !important; line-height: 1.1 !important; } html body.page-product.page-product #product-app#product-app .variable-option-price strong { color: #10293b !important; font-size: 16px !important; line-height: 1.2 !important; white-space: nowrap !important; } html body.page-product.page-product #product-app#product-app .variable-option-price small { margin-top: 2px !important; color: #0d7e79 !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1.1 !important; white-space: nowrap !important; } html body.page-product.page-product #product-app#product-app .product-quantity-row { margin-top: 18px !important; margin-bottom: 0 !important; } html body.page-product.page-product #product-app#product-app .product-quantity-row > p { margin-bottom: 8px !important; font-weight: 650 !important; } html body.page-product.page-product #product-app#product-app .quantity-wrap.quantity-wrap { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) 48px !important; width: 100% !important; max-width: none !important; height: 48px !important; border: 1px solid #d8dee2 !important; border-radius: 8px !important; background: #fff !important; overflow: hidden !important; } html body.page-product.page-product #product-app#product-app .quantity-wrap .btn { width: 48px !important; height: 46px !important; padding: 0 !important; border: 0 !important; color: #40525f !important; background: #f1f3f5 !important; box-shadow: none !important; } html body.page-product.page-product #product-app#product-app .quantity-wrap .quantity-reduce { border-radius: 0 7px 7px 0 !important; } html body.page-product.page-product #product-app#product-app .quantity-wrap .quantity-increase { border-radius: 7px 0 0 7px !important; } html body.page-product.page-product #product-app#product-app .quantity-wrap .form-control { width: 100% !important; min-width: 0 !important; height: 46px !important; padding: 0 8px !important; border: 0 !important; border-left: 1px solid #e1e5e8 !important; border-right: 1px solid #e1e5e8 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; text-align: center !important; } html body.page-product.page-product #product-app#product-app .mobile-stock-slot .stock-and-sku { width: 100% !important; margin: 14px 0 0 !important; } html body.page-product.page-product #product-app#product-app .product-btns.product-btns { display: block !important; } html body.page-product.page-product #product-app#product-app .product-btns .add-cart-btns.add-cart-btns { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; } html body.page-product.page-product #product-app#product-app .product-btns .add-cart-btns > .btn { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding-left: 8px !important; padding-right: 8px !important; white-space: nowrap !important; } } /* Product page mobile feature matrix: two balanced cards per row while the * product structure image remains a full-width visual break. */ @media (max-width: 767.98px) { html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features._3-col-features { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; gap: 10px !important; align-items: stretch !important; margin-top: 24px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features > .column-1, html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features > .column-3 { display: contents !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features > .column-2 { grid-column: 1 / -1 !important; width: 100% !important; height: 250px !important; min-height: 0 !important; padding: 0 !important; border: 1px solid rgba(15, 82, 95, .1) !important; border-radius: 8px !important; background: linear-gradient(-145deg, rgba(239, 251, 248, .76), rgba(255, 255, 255, .92)) !important; overflow: hidden !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features > .column-2 > .image-11.image-11 { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: cover !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 .div-block-31.div-block-31 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: none !important; gap: 12px !important; width: 100% !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 .div-block-31.div-block-31 > .feat { box-sizing: border-box !important; min-width: 0 !important; width: 100% !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin-bottom: 26px !important; margin-left: 0 !important; margin-right: 0 !important; padding: 20px 0 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-11.container-11 { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; border-radius: 8px !important; overflow: hidden !important; } html body.page-product.page-product.page-product #product-description#product-description#product-description .airevo-sync.airevo-sync.airevo-sync .container-11.container-11.container-11 { border-radius: 8px !important; } /* Keep all three comparison headings in one row and give the feature copy * the larger share of the available mobile width. */ html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 > .table { --airevo-compare-head: 54px; --airevo-compare-row: 54px; grid-template-columns: minmax(0, 1fr) 164px !important; width: 100% !important; min-height: 486px !important; margin-top: 18px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .comparison-col1 { position: relative !important; grid-template-rows: repeat(8, var(--airevo-compare-row)) !important; padding-top: var(--airevo-compare-head) !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .comparison-col1::before { content: var(--airevo-label-feature, "FEATURE") !important; position: absolute !important; inset: 0 auto auto 0 !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; width: 100% !important; height: var(--airevo-compare-head) !important; padding: 0 10px !important; border-bottom: 1px solid rgba(16, 38, 60, .08) !important; font-size: 10px !important; line-height: 1 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .comparison-col1 .comp-item1 { height: var(--airevo-compare-row) !important; min-height: var(--airevo-compare-row) !important; padding: 0 10px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .comparison-col1 .text-block-24 { font-size: 11px !important; line-height: 1.22 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .comparison-col2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .prod-col1, html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .prod-col2, html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .prod-col2 > .col-heading { grid-template-rows: var(--airevo-compare-head) repeat(8, var(--airevo-compare-row)) !important; height: 486px !important; min-height: 486px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .prod-col1 > .col-heading, html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .prod-col2 > .col-heading > .text-block-23 { box-sizing: border-box !important; height: var(--airevo-compare-head) !important; min-height: var(--airevo-compare-head) !important; margin: 0 !important; padding: 6px 4px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .prod-col1 > .row, html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .prod-col2 > .col-heading > .row, html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 .prod-col2 > .col-heading > .row2 { box-sizing: border-box !important; height: var(--airevo-compare-row) !important; min-height: var(--airevo-compare-row) !important; } /* Mobile step cards begin directly with the artwork. The floating label uses * the same teal treatment as the desktop design. */ html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .steps.steps > .step-wrap.step-wrap { position: relative !important; padding: 0 14px 23px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .steps.steps > .step-wrap.step-wrap > .image-18.steps { display: block !important; width: calc(100% + 28px) !important; max-width: none !important; margin: 0 -14px 18px !important; border-radius: 8px 8px 0 0 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .steps.steps > .step-wrap.step-wrap > .heading-5.heading-5 { position: absolute !important; z-index: 2 !important; top: 16px !important; right: 16px !important; width: max-content !important; min-width: 76px !important; height: auto !important; margin: 0 !important; padding: 9px 15px !important; border: 1px solid rgba(255, 255, 255, .45) !important; border-radius: 999px !important; color: #fff !important; background: linear-gradient(-135deg, rgba(8, 122, 113, .96), rgba(17, 177, 163, .94)) !important; font-size: 12px !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: .12em !important; text-align: center !important; text-transform: uppercase !important; box-shadow: 0 9px 24px rgba(6, 69, 75, .2), inset 0 1px 0 rgba(255, 255, 255, .28) !important; backdrop-filter: blur(7px) !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features .feature.feature { display: grid !important; grid-template-columns: 34px minmax(0, 1fr) !important; grid-template-rows: 1fr !important; gap: 8px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 108px !important; height: 100% !important; margin: 0 !important; padding: 12px !important; border: 1px solid rgba(15, 82, 95, .12) !important; border-radius: 8px !important; background: linear-gradient(-145deg, rgba(255, 255, 255, .98), rgba(239, 251, 248, .72)) !important; box-shadow: 0 6px 18px rgba(15, 82, 95, .06) !important; overflow: hidden !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features .feature.feature .image-10 { width: 34px !important; height: 34px !important; min-width: 34px !important; margin: 0 !important; object-fit: contain !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features .feature.feature .div-block-4 { width: 100% !important; min-width: 0 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-6.container-6 ._3-col-features .feature.feature .paragraph-2 { margin: 0 !important; font-size: 12.5px !important; line-height: 1.3 !important; letter-spacing: -.01em !important; overflow-wrap: anywhere !important; } } /* Mobile-only visual density pass: keep the hierarchy, remove oversized cards * and empty grid tracks that make the product story feel unnecessarily long. */ @media (max-width: 767.98px) { html body.page-home.page-home .av-home.av-home .av-section-head.av-section-head { margin-bottom: 24px !important; } html body.page-home.page-home .av-home.av-home .av-bento.av-bento { grid-template-rows: auto auto auto !important; gap: 10px !important; } html body.page-home.page-home .av-home.av-home .av-bento__lead.av-bento__lead { min-height: 340px !important; height: 340px !important; } html body.page-home.page-home .av-home.av-home .av-bento__content.av-bento__content { padding: 20px !important; } html body.page-home.page-home .av-home.av-home .av-bento__content h2 { margin-bottom: 12px !important; font-size: 27px !important; line-height: 1.06 !important; } html body.page-home.page-home .av-home.av-home .av-bento__content p { margin-bottom: 0 !important; font-size: 13px !important; line-height: 1.45 !important; } html body.page-home.page-home .av-home.av-home .av-stat.av-stat { min-height: 158px !important; height: auto !important; padding: 16px !important; } html body.page-home.page-home .av-home.av-home .av-stat__value.av-stat__value { font-size: 44px !important; line-height: .92 !important; } html body.page-home.page-home .av-home.av-home .av-stat small { margin: 5px 0 7px !important; } html body.page-home.page-home .av-home.av-home .av-stat p { font-size: 11.5px !important; line-height: 1.4 !important; } html body.page-home.page-home .av-home.av-home .av-bento__small.av-bento__small { min-height: 240px !important; height: 240px !important; } html body.page-home.page-home .av-home.av-home .av-bento__small h3 { font-size: 23px !important; line-height: 1.1 !important; } html body.page-home.page-home .av-home.av-home .av-process__tabs.av-process__tabs { gap: 8px !important; } html body.page-home.page-home .av-home.av-home .av-process__tab.av-process__tab { min-height: 64px !important; padding: 10px 12px !important; } html body.page-home.page-home .av-home.av-home .av-compare__card.av-compare__card { gap: 6px !important; padding: 8px !important; } html body.page-home.page-home .av-home.av-home .av-compare__row.av-compare__row { gap: 6px !important; padding: 8px !important; } html body.page-home.page-home .av-home.av-home .av-compare__row > * { min-height: 40px !important; padding: 6px 8px !important; } html body.page-home.page-home .av-home.av-home .av-compare__row > strong { min-height: auto !important; } html body.page-home.page-home .av-home.av-home .av-use__grid.av-use__grid { gap: 12px !important; } html body.page-home.page-home .av-home.av-home .av-use__card.av-use__card { padding-bottom: 18px !important; } html body.page-home.page-home .av-home.av-home .av-use__card > div { height: 230px !important; } html body.page-home.page-home .av-home.av-home .av-use__card > div img { width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; } html body.page-home.page-home .av-home.av-home .av-use__card h3 { margin: 18px 20px 6px !important; font-size: 23px !important; line-height: 1.1 !important; } html body.page-home.page-home .av-home.av-home .av-use__card p { margin: 0 20px !important; font-size: 13.5px !important; line-height: 1.45 !important; } html body.page-home.page-home .av-home.av-home .av-stories__grid.av-stories__grid { gap: 12px !important; } html body.page-home.page-home .av-home.av-home .av-story.av-story { padding: 18px !important; } html body.page-home.page-home .av-home.av-home .av-story blockquote { font-size: 16px !important; line-height: 1.5 !important; } html body.page-home.page-home .av-home.av-home .av-story--feature blockquote { font-size: 19px !important; } html body.page-home.page-home .av-home.av-home .av-final.av-final { min-height: 560px !important; } } /* Mobile-only joined hero/benefits glass surface. The two blocks share a * straight seam while keeping the outer silhouette softly rounded. */ @media (max-width: 767.98px) { html body.page-home.page-home.page-home .av-home.av-home.av-home .av-hero-carousel.av-hero-carousel .av-shell.av-hero__inner.av-hero__inner, html body.page-home.page-home.page-home .av-home.av-home.av-home .av-hero-carousel__slide--copy-right.av-hero-carousel__slide--copy-right .av-shell.av-hero__inner.av-hero__inner { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: 0 !important; } html body.page-home.page-home.page-home .av-home.av-home.av-home .av-benefits.av-shell.av-benefits { width: calc(100% - 28px) !important; max-width: none !important; margin-top: -40px !important; margin-left: 14px !important; margin-right: 14px !important; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; border-top: 0 !important; background: linear-gradient(-145deg, rgba(239, 251, 248, .76), rgba(255, 255, 255, .66)) !important; z-index: 2 !important; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .7) !important; -webkit-backdrop-filter: blur(16px) saturate(125%) !important; backdrop-filter: blur(16px) saturate(125%) !important; } html body.page-home.page-home.page-home .av-home.av-home.av-home .av-benefits.av-benefits .av-benefit.av-benefit { border-radius: 8px !important; overflow: hidden !important; } } /* Product page mobile surface cleanup — final cascade layer. Preserve the * intentionally framed hero CTA in container-3 while flattening only the * supporting groups requested for mobile. */ @media (max-width: 767.98px) { html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-3.container-3 > .image-56.image-56 { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync :is( .container-6.container-6 > .cta-group, .container-7.container-7 > .cta-group, .guarantee .container-11.container-11 .cta-group.white, ._2-col-features .text-wrap > .cta-group ) { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-12.container-12 > .cta-group { border: 0 !important; background: transparent !important; box-shadow: none !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 > .table { box-sizing: border-box !important; width: calc(100% - 15px) !important; margin-right: 15px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .container-16.container-16 > .paragraph-4.compp { box-sizing: border-box !important; width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; } html body.page-product.page-product.page-product #product-description#product-description#product-description .airevo-sync.airevo-sync.airevo-sync .guarantee .container-11.container-11.container-11 { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync > .guarantee.guarantee { padding-left: 0 !important; padding-right: 0 !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync :is( .hero-section---mobile > .container-3.container-3, ._3-col-features > .container-6.container-6, .more-features > .container-7.container-7, ._3-steps > .container-8.container-8, .guarantee > .container-11.container-11, .reviews > .container-12.container-12, ._2-col-features > .container-13.container-13, .faqs > .container-14.container-14 ) { box-sizing: border-box !important; width: calc(100% - 30px) !important; max-width: calc(100% - 30px) !important; margin-left: 15px !important; margin-right: 15px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync > .airevo-marketing-disclosure { box-sizing: border-box !important; width: calc(100% - 30px) !important; max-width: calc(100% - 30px) !important; margin-left: 15px !important; margin-right: 15px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .guarantee .container-11.container-11 .div-block-11 > .image-22.image-22 { margin-top: 28px !important; } html body.page-product.page-product #product-description#product-description .airevo-sync.airevo-sync .reviews.reviews ._3-col-grid._3-col-grid { padding-left: 0 !important; padding-right: 0 !important; } } /* /image/catalog/airevo/airevo-checkout-mobile-v1.css */ /* AirEvo checkout mobile refinement. * Deliberately scoped to the checkout/login iframe at the mobile breakpoint so * desktop checkout and unrelated storefront components remain unchanged. */ .provider-btn .provider-label--continue { display: none; } @media (max-width: 767.98px) { body.page-checkout .checkout-title { border-bottom: 0 !important; margin-top: 10px !important; margin-bottom: 6px !important; padding-bottom: 0 !important; } body.page-checkout { --airevo-checkout-ink: #0b2638; --airevo-checkout-teal: #10b7ad; --airevo-checkout-teal-dark: #078d87; --airevo-checkout-mint: #eefbf8; --airevo-checkout-line: #d7e7e5; --airevo-checkout-radius: 8px; } /* Make the summary a real visual step between sign-in and address details. */ body.page-checkout .container > .row:not(.mt-1) { margin-left: 0 !important; margin-right: 0 !important; } body.page-checkout .container > .row:not(.mt-1) > .left-column { display: contents !important; } body.page-checkout .container > .row:not(.mt-1) > .left-column > .card.total-wrap { order: 1 !important; width: 100% !important; } body.page-checkout .container > .row:not(.mt-1) > .right-column { order: 2 !important; width: 100% !important; margin-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } body.page-checkout .container > .row:not(.mt-1) > .left-column > .card.shadow-sm:not(.total-wrap) { order: 3 !important; width: 100% !important; } body.page-checkout .right-column .x-fixed-top, body.page-checkout .right-column .total-wrap { width: 100% !important; } body.page-checkout .right-column .total-wrap { margin-bottom: 1.5rem !important; } /* Consistent 8px language for rectangular checkout controls and surfaces. */ body.page-checkout .card, body.page-checkout .form-control, body.page-checkout .btn:not(.rounded-circle), body.page-checkout .addresses-wrap .item, body.page-checkout .radio-line-item, body.page-checkout .img.border, body.page-checkout .el-dialog.mobileWidth, body.page-checkout .el-input__inner, body.page-checkout .el-textarea__inner, body.page-checkout .el-button { border-radius: var(--airevo-checkout-radius) !important; } body.page-checkout .right-column .products-wrap .img > .img-fluid { border-radius: 6px !important; } /* Compact account reminder: warm notice, not another oversized card. */ body.page-checkout .left-column > .airevo-account-hint { margin-bottom: 12px !important; overflow: hidden !important; border: 1px solid #f2d5ab !important; border-right: 3px solid #e99a36 !important; background: #fff8ed !important; box-shadow: none !important; } body.page-checkout .left-column > .airevo-account-hint .card-body { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 46px !important; padding: 9px 12px !important; } body.page-checkout .airevo-account-hint__copy { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: #69451f !important; font-size: .86rem !important; font-weight: 650 !important; line-height: 1.25 !important; } body.page-checkout .airevo-account-hint__copy > i { color: #d98625 !important; font-size: 1rem !important; } body.page-checkout .airevo-account-hint .guest-checkout-login { flex: 0 0 auto !important; width: auto !important; min-height: 0 !important; padding: 2px 0 !important; border: 0 !important; background: transparent !important; color: #a75c0a !important; font-size: .86rem !important; font-weight: 750 !important; line-height: 1.25 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; box-shadow: none !important; } body.page-checkout .airevo-account-hint .guest-checkout-login > i { margin-right: 2px !important; font-size: 1rem !important; text-decoration: none !important; } body.page-checkout .airevo-account-hint .guest-checkout-login:active { color: #7e4303 !important; } /* Clear selected-state feedback for payment and shipping methods. */ body.page-checkout .radio-line-wrap .radio-line-item { border: 1px solid var(--airevo-checkout-line) !important; background: #fff !important; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease !important; } body.page-checkout .radio-line-wrap .radio-line-item.active { border-color: var(--airevo-checkout-teal) !important; background: linear-gradient(-135deg, #f6fffd 0%, #eafaf7 100%) !important; box-shadow: 0 0 0 2px rgba(16, 183, 173, .12), 0 8px 20px rgba(8, 92, 99, .08) !important; } body.page-checkout .radio-line-wrap .radio-line-item.active .title { color: var(--airevo-checkout-ink) !important; } body.page-checkout .radio-line-wrap .radio-line-item.active .left img { box-shadow: 0 5px 14px rgba(16, 183, 173, .16) !important; } /* Address dialog: one clean column, comfortable spacing and equal actions. */ body.page-checkout .el-dialog__wrapper .el-dialog.mobileWidth { width: calc(100% - 24px) !important; max-width: 520px !important; margin: max(16px, 4vh) auto 0 !important; overflow: hidden !important; border: 1px solid var(--airevo-checkout-line) !important; box-shadow: 0 24px 70px rgba(7, 31, 47, .24) !important; } body.page-checkout .el-dialog.mobileWidth .el-dialog__header { padding: 18px 18px 14px !important; border-bottom: 1px solid #e7efee !important; background: linear-gradient(-135deg, #fff 0%, #f1fbf9 100%) !important; } body.page-checkout .el-dialog.mobileWidth .el-dialog__body { max-height: calc(92vh - 68px) !important; overflow-y: auto !important; padding: 16px 18px 20px !important; } body.page-checkout .address-dialog .el-form > .d-flex { display: block !important; } body.page-checkout .address-dialog .el-form-item.w-50 { width: 100% !important; margin-right: 0 !important; } body.page-checkout .address-dialog .el-input__inner, body.page-checkout .address-dialog .el-textarea__inner { min-height: 44px !important; border-color: #cededc !important; } body.page-checkout .address-dialog .el-input__inner:focus, body.page-checkout .address-dialog .el-textarea__inner:focus { border-color: var(--airevo-checkout-teal) !important; box-shadow: 0 0 0 3px rgba(16, 183, 173, .10) !important; } body.page-checkout .address-dialog .el-form > .el-form-item:last-child .el-form-item__content { display: flex !important; gap: 10px !important; width: 100% !important; } body.page-checkout .address-dialog .el-form > .el-form-item:last-child .el-button { flex: 1 1 50% !important; width: 50% !important; min-height: 44px !important; margin: 0 !important; font-weight: 700 !important; } body.page-checkout .address-dialog .el-form > .el-form-item:last-child .el-button--primary { border-color: var(--airevo-checkout-teal-dark) !important; background: var(--airevo-checkout-teal-dark) !important; } /* Parent shell for the iframe login dialog. */ body.page-checkout .layui-layer.login-pop-box { top: 50% !important; right: 12px !important; width: calc(100vw - 24px) !important; max-width: 520px !important; height: min(82vh, 720px) !important; margin: 0 !important; transform: translateY(-50%) !important; overflow: visible !important; border-radius: var(--airevo-checkout-radius) !important; box-shadow: 0 28px 80px rgba(3, 24, 38, .32) !important; } body.page-checkout .layui-layer.login-pop-box .layui-layer-content { overflow: hidden !important; border-radius: var(--airevo-checkout-radius) !important; } body.page-checkout .layui-layer.login-pop-box .layui-layer-setwin { top: 10px !important; left: 10px !important; z-index: 3 !important; } body.page-checkout .layui-layer.login-pop-box .layui-layer-close2 { top: 0 !important; left: 0 !important; width: 32px !important; height: 32px !important; border: 2px solid #fff !important; border-radius: 50% !important; background-color: var(--airevo-checkout-ink) !important; box-shadow: 0 5px 14px rgba(7, 31, 47, .25) !important; } /* Login page inside the iframe: remove pill styling and restore hierarchy. */ body.page-login .form-iframe { margin-top: 0 !important; padding: 12px !important; background: #f5f8f8 !important; } body.page-login .form-iframe .login-wrap { display: block !important; } body.page-login .form-iframe .login-wrap > .card { margin-bottom: 14px !important; overflow: hidden !important; border: 1px solid #dce8e7 !important; border-radius: 8px !important; background: #fff !important; box-shadow: 0 10px 26px rgba(10, 48, 62, .08) !important; } body.page-login .form-iframe .login-item-header { padding: 15px 16px !important; border-bottom: 1px solid #e1ecea !important; border-radius: 0 !important; background: linear-gradient(-135deg, #f7fffd 0%, #edf9f7 100%) !important; } body.page-login .form-iframe .login-item-header h6 { color: #0b2638 !important; letter-spacing: .02em !important; } body.page-login .form-iframe .card-body { padding: 16px !important; } body.page-login .form-iframe .el-form-item { margin-bottom: 16px !important; } body.page-login .form-iframe .el-input__inner, body.page-login .form-iframe .btn { border-radius: 8px !important; } body.page-login .form-iframe .el-input__inner { height: 44px !important; border-color: #cededc !important; background: #fff !important; } body.page-login .form-iframe .el-input__inner:focus { border-color: #10b7ad !important; box-shadow: 0 0 0 3px rgba(16, 183, 173, .10) !important; } body.page-login .form-iframe .btn { min-height: 44px !important; } body.page-login .form-iframe .btn-dark { border-color: #0b2638 !important; background: #0b2638 !important; } body.page-login .form-iframe .social-wrap { padding: 0 16px 16px !important; } body.page-login .form-iframe .social-wrap .title { margin-bottom: 14px !important; } /* Standalone login page: 8px for rectangular controls; preserve circular utility icons. */ body.page-login .login-wrap > .card { border-radius: 8px !important; } body.page-login .login-wrap .login-item-header { border-radius: 8px !important; } body.page-login .login-wrap .el-input__inner, body.page-login .login-wrap .btn-dark, body.page-login .login-wrap .provider-btn { border-radius: 8px !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-tabs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 4px !important; margin: 0 0 16px !important; padding: 4px !important; border: 1px solid #dce6e5 !important; border-radius: 8px !important; background: #f2f7f6 !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-tabs button { min-height: 46px !important; padding: 9px 12px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: #526674 !important; font-size: .88rem !important; font-weight: 750 !important; line-height: 1.2 !important; transition: color .2s ease, background-color .2s ease, box-shadow .2s ease !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-tabs button.is-active { background: #0b2b3d !important; color: #fff !important; box-shadow: 0 5px 14px rgba(11, 43, 61, .15) !important; } body.page-login #page-login:not(.form-iframe) .login-wrap > .airevo-login-card { display: none !important; width: 100% !important; margin: 0 !important; } body.page-login #page-login:not(.form-iframe) .login-wrap > .airevo-login-card.is-active { display: block !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .login-item-header { display: none !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .el-input__inner { height: 48px !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .btn-dark { min-height: 50px !important; height: 50px !important; } body.page-login #page-login:not(.form-iframe) .provider-btn--google { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 50px !important; height: 50px !important; padding: 8px 16px !important; border: 1px solid #dfe3e6 !important; border-radius: 8px !important; background: #fff !important; color: #202124 !important; font-size: .92rem !important; font-weight: 500 !important; box-shadow: none !important; } body.page-login #page-login:not(.form-iframe) .provider-btn--google img { position: static !important; right: auto !important; width: 20px !important; height: 20px !important; margin: 0 !important; object-fit: contain !important; } body.page-login #page-login:not(.form-iframe) .provider-btn--google .provider-label--default { display: none !important; } body.page-login #page-login:not(.form-iframe) .provider-btn--google .provider-label--continue { display: inline !important; } body.page-login #page-login:not(.form-iframe) .social-wrap { padding-left: 10px !important; padding-right: 10px !important; } body.page-login #page-login:not(.form-iframe) .social-wrap > .title.mb-4 { display: none !important; } body.page-login { background: #f3f7f6 !important; overflow-y: scroll !important; scrollbar-gutter: stable !important; } body.page-login #page-login:not(.form-iframe) { width: calc(100% - 24px) !important; max-width: 406px !important; margin: 14px auto 28px !important; padding: 22px 14px 24px !important; border: 1px solid #e0e9e7 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-intro { padding: 0 6px 18px !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-intro .hero-heading { margin: 0 !important; color: #10293a !important; font-size: 1.72rem !important; font-weight: 750 !important; letter-spacing: -.025em !important; line-height: 1.15 !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-intro__text { max-width: 310px !important; margin: 9px auto 0 !important; color: #647783 !important; font-size: .82rem !important; line-height: 1.55 !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-tabs { margin-bottom: 10px !important; } body.page-login #page-login:not(.form-iframe) .login-wrap { display: block !important; width: 100% !important; } body.page-login #page-login:not(.form-iframe) .login-wrap > .airevo-login-card { overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .card-body { padding: 12px 0 0 !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .el-form-item { margin-bottom: 18px !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .el-form-item__label { padding-bottom: 7px !important; color: #314957 !important; font-size: .78rem !important; font-weight: 650 !important; line-height: 1.25 !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .el-input__inner { padding-left: 14px !important; border-color: #d5dfde !important; background: #fff !important; color: #10293a !important; font-size: .88rem !important; box-shadow: none !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .el-input__inner:focus { border-color: #14aaa2 !important; box-shadow: 0 0 0 3px rgba(20, 170, 162, .1) !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .el-input__prefix, body.page-login #page-login:not(.form-iframe) .airevo-login-card .el-input__icon { color: #78909a !important; line-height: 48px !important; } body.page-login #page-login:not(.form-iframe) .forgotten-link { display: inline-flex !important; align-items: center !important; gap: 5px !important; margin-top: -8px !important; color: #667985 !important; font-size: .76rem !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .mt-4.mb-3, body.page-login #page-login:not(.form-iframe) .airevo-login-card .mt-5.mb-3 { margin-top: 20px !important; margin-bottom: 14px !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-card .btn-dark { border-color: #10293a !important; background: #10293a !important; font-size: .94rem !important; box-shadow: 0 9px 20px rgba(16, 41, 58, .14) !important; } body.page-login #page-login:not(.form-iframe) .social-wrap { padding: 0 !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-or { display: flex !important; align-items: center !important; gap: 11px !important; margin: 7px 0 14px !important; color: #8b9aa3 !important; font-size: .72rem !important; line-height: 1 !important; text-transform: lowercase !important; } body.page-login #page-login:not(.form-iframe) .airevo-login-or::before, body.page-login #page-login:not(.form-iframe) .airevo-login-or::after { content: "" !important; height: 1px !important; flex: 1 1 auto !important; background: #e3e9e8 !important; } body.page-login #page-login:not(.form-iframe) .provider-btn--google { margin-bottom: 0 !important; border-color: #d9e0df !important; color: #263943 !important; box-shadow: 0 5px 14px rgba(13, 46, 60, .04) !important; } } /* All active AirEvo journal content IDs (22–25): compact mobile editorial layout. */ @media (max-width: 767.98px) { .av-page.av-journal .ap-journal-hero { padding: 46px 0 38px !important; } .av-page.av-journal .ap-journal-hero h1 { font-size: clamp(2.4rem, 10.5vw, 2.9rem) !important; line-height: 1 !important; letter-spacing: -.045em !important; } .av-page.av-journal .ap-journal-hero p { margin-top: 17px !important; font-size: .94rem !important; line-height: 1.62 !important; } .av-page.av-journal .ap-article { gap: 24px !important; padding-block: 38px !important; } .av-page.av-journal .ap-article__body > img { margin-bottom: 24px !important; border-radius: 8px !important; } .av-page.av-journal .ap-article__body h2 { margin: 28px 0 12px !important; font-size: 1.55rem !important; line-height: 1.16 !important; } .av-page.av-journal .ap-article__body p, .av-page.av-journal .ap-article__body li { font-size: .92rem !important; line-height: 1.72 !important; } .av-page.av-journal .ap-article__aside { padding: 20px !important; border-radius: 8px !important; } } /* Content pages: keep navigation context readable without letting long titles wrap into noise. */ .airevo-page-meta__mobile { display: none; } @media (max-width: 767.98px) { body.page-pages .breadcrumb-wrap { margin-bottom: 0 !important; border-bottom: 1px solid rgba(11, 43, 61, .08) !important; background: #f7fafb !important; } body.page-pages .breadcrumb-wrap > .container-fluid { padding-inline: 15px !important; } body.page-pages .breadcrumb { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; min-width: 0 !important; margin: 0 !important; padding: 10px 0 !important; overflow: hidden !important; font-size: .75rem !important; line-height: 1.25 !important; } body.page-pages .breadcrumb-item { min-width: 0 !important; flex: 0 0 auto !important; white-space: nowrap !important; } body.page-pages .breadcrumb-item:nth-last-child(2) { max-width: 118px !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.page-pages .breadcrumb-item:last-child { flex: 1 1 auto !important; overflow: hidden !important; color: #10283a !important; font-weight: 700 !important; text-overflow: ellipsis !important; } body.page-pages .breadcrumb-item:last-child a, body.page-pages .breadcrumb-item:last-child span { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.page-pages .breadcrumb-item + .breadcrumb-item { padding-right: 6px !important; } body.page-pages .breadcrumb-item + .breadcrumb-item::before { padding-left: 6px !important; color: #8a9aa5 !important; } body.page-pages .airevo-page-meta { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px !important; margin: 0 !important; padding: 10px 15px 13px !important; background: #fff !important; color: #657784 !important; opacity: 1 !important; } body.page-pages .airevo-page-meta__item { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; padding: 7px 9px !important; border: 1px solid #dce8e7 !important; border-radius: 8px !important; background: #f7fbfa !important; font-size: .72rem !important; font-weight: 600 !important; line-height: 1.25 !important; } body.page-pages .airevo-page-meta__item--author { overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body.page-pages .airevo-page-meta__item--date { grid-column: 1 / -1 !important; grid-row: 2 !important; } body.page-pages .airevo-page-meta__item--views { grid-column: 2 !important; grid-row: 1 !important; white-space: nowrap !important; } body.page-pages .airevo-page-meta__item svg { width: 15px !important; height: 15px !important; flex: 0 0 15px !important; color: #0aa79f !important; } body.page-pages .airevo-page-meta__desktop { display: none !important; } body.page-pages .airevo-page-meta__mobile { display: inline !important; } body.page-pages .av-page.av-journal .ap-journal-hero .airevo-page-meta { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 100% !important; gap: 16px !important; margin: 15px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: rgba(255, 255, 255, .78) !important; } body.page-pages .av-page.av-journal .ap-journal-hero .airevo-page-meta__item { display: inline-flex !important; align-items: center !important; width: auto !important; min-width: 0 !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; font-size: .72rem !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; } body.page-pages .av-page.av-journal .ap-journal-hero .airevo-page-meta__item--author { display: none !important; } body.page-pages .av-page.av-journal .ap-journal-hero .airevo-page-meta__item--date, body.page-pages .av-page.av-journal .ap-journal-hero .airevo-page-meta__item--views { grid-column: auto !important; grid-row: auto !important; } body.page-pages .av-page.av-journal .ap-journal-hero .airevo-page-meta__item--views { padding-right: 16px !important; border-right: 1px solid rgba(255, 255, 255, .2) !important; } body.page-pages .av-page.av-journal .ap-journal-hero .airevo-page-meta__item svg { color: #77e9dc !important; } body.page-pages .av-page.av-journal .ap-journal-hero .airevo-page-meta + p { margin-top: 15px !important; } body.page-pages .av-page.av-journal .ap-article > .airevo-journal-category { min-height: 0 !important; margin: 0 !important; padding: 22px 0 0 !important; border: 0 !important; border-top: 1px solid rgba(11, 43, 61, .12) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.page-pages .av-page.av-journal .airevo-journal-category .card-header { min-height: 0 !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.page-pages .av-page.av-journal .airevo-journal-category .card-title { display: flex !important; align-items: center !important; gap: 0 !important; margin: 0 !important; color: #0b2b3d !important; font-size: .76rem !important; font-weight: 800 !important; letter-spacing: .13em !important; text-transform: uppercase !important; } body.page-pages .av-page.av-journal .airevo-journal-category .card-body { padding: 0 !important; background: transparent !important; } body.page-pages .av-page.av-journal .airevo-journal-category .list-group { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } body.page-pages .av-page.av-journal .airevo-journal-category .list-group-item { width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.page-pages .av-page.av-journal .airevo-journal-category .list-group-item a { display: inline-flex !important; align-items: center !important; min-height: 38px !important; padding: 8px 11px !important; border: 1px solid rgba(11, 43, 61, .13) !important; border-radius: 8px !important; background: transparent !important; color: #284559 !important; font-size: .76rem !important; font-weight: 650 !important; line-height: 1.25 !important; } body.page-pages .airevo-page-category-source { display: none !important; } } /* AirEvo global footer trust system — shared by checkout and the storefront. */ footer .container-fluid > .services-wrap.airevo-checkout-trust { width: min(1400px, calc(100% - 48px)) !important; max-width: none !important; margin: 28px auto 34px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } footer .airevo-checkout-trust__heading { display: flex !important; align-items: center !important; justify-content: center !important; gap: 16px !important; width: 100% !important; margin: 0 auto 24px !important; color: #0b2638 !important; font-size: .88rem !important; font-weight: 800 !important; letter-spacing: .055em !important; text-align: center !important; } footer .airevo-checkout-trust__heading::before, footer .airevo-checkout-trust__heading::after { content: "" !important; flex: 0 1 88px !important; height: 1px !important; background: #9fb7b5 !important; } footer .airevo-checkout-trust > .row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 28px !important; margin: 0 !important; } footer .airevo-checkout-trust > .row > .col-lg-6.col-12 { width: auto !important; max-width: none !important; padding: 0 !important; border: 0 !important; } footer .airevo-checkout-trust__item { display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; align-items: start !important; gap: 14px !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } footer .airevo-checkout-trust__icon { display: grid !important; place-items: center !important; width: 52px !important; height: 52px !important; border: 1px solid rgba(8, 169, 159, .3) !important; border-radius: 8px !important; background: rgba(255, 255, 255, .44) !important; color: #07968d !important; } footer .airevo-checkout-trust__icon svg { width: 29px !important; height: 29px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } footer .airevo-checkout-trust__item .title { margin: 1px 0 5px !important; color: #0b2638 !important; font-size: .9rem !important; font-weight: 760 !important; line-height: 1.35 !important; } footer .airevo-checkout-trust__item .sub-title { margin: 0 !important; color: #526b78 !important; font-size: .77rem !important; line-height: 1.5 !important; } @media (min-width: 768px) and (max-width: 1199.98px) { footer .airevo-checkout-trust > .row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 30px !important; } } @media (max-width: 767.98px) { /* Remove duplicate contact channels from the offcanvas navigation. */ .offcanvas.offcanvas-start .service_cust_mobile_main_div { display: none !important; } /* About page: separate editorial image and copy, then tighten every section. */ .av-page.av-about .ap-shell { width: calc(100% - 30px) !important; } .av-page.av-about .ap-hero { display: block !important; min-height: 0 !important; background: #0b2b3d !important; } .av-page.av-about .ap-hero::after { display: none !important; } .av-page.av-about .ap-hero__media { position: relative !important; inset: auto !important; z-index: auto !important; height: 285px !important; overflow: hidden !important; } .av-page.av-about .ap-hero__media::after { content: "" !important; position: absolute !important; inset: auto 0 0 !important; height: 72px !important; background: linear-gradient(-180deg, transparent, rgba(11, 43, 61, .84)) !important; pointer-events: none !important; } .av-page.av-about .ap-hero__media img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center 42% !important; } .av-page.av-about .ap-hero__copy { width: calc(100% - 30px) !important; max-width: none !important; padding: 25px 0 31px !important; } .av-page.av-about .ap-hero .ap-kicker { display: none !important; } .av-page.av-about .ap-hero h1 { max-width: 390px !important; margin: 0 0 14px !important; font-size: clamp(2.15rem, 10vw, 2.7rem) !important; line-height: 1.02 !important; letter-spacing: -.045em !important; } .av-page.av-about .ap-hero p { max-width: none !important; font-size: .94rem !important; line-height: 1.62 !important; } .av-page.av-about .ap-hero__meta { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: 20px !important; } .av-page.av-about .ap-hero__meta > span { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-width: 0 !important; min-height: 82px !important; padding: 9px 5px !important; border-radius: 8px !important; font-size: 10px !important; font-weight: 700 !important; text-align: center !important; line-height: 1.25 !important; } .av-page.av-about .ap-hero__meta > span::before { content: "" !important; display: block !important; width: 28px !important; height: 28px !important; flex: 0 0 28px !important; border: 1px solid rgba(119, 233, 220, .35) !important; border-radius: 8px !important; background-color: rgba(119, 233, 220, .1) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 18px 18px !important; } .av-page.av-about .ap-hero__meta > span:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377e9dc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 5-2.9 8.6-7 10-4.1-1.4-7-5-7-10V6l7-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E") !important; } .av-page.av-about .ap-hero__meta > span:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377e9dc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.5 3.8 5.5 3.8 9S14.5 18.5 12 21M12 3c-2.5 2.5-3.8 5.5-3.8 9s1.3 6.5 3.8 9'/%3E%3C/svg%3E") !important; } .av-page.av-about .ap-hero__meta > span:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377e9dc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v-2a8 8 0 0 1 16 0v2M4 13h3v6H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 1-2ZM20 13h-3v6h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-1-2ZM17 19c-1 2-3 2-5 2'/%3E%3C/svg%3E") !important; } .av-page.av-about .ap-hero__meta > span:last-child:nth-child(odd) { grid-column: auto !important; } .av-page.av-about .ap-section { padding-block: 42px !important; } .av-page.av-about .ap-intro, .av-page.av-about .ap-split__grid, .av-page.av-about .ap-contact-grid { gap: 24px !important; } .av-page.av-about .ap-kicker { margin-bottom: 13px !important; } .av-page.av-about .ap-intro h2, .av-page.av-about .ap-section-head h2, .av-page.av-about .ap-split__copy h2 { font-size: clamp(2rem, 9vw, 2.55rem) !important; line-height: 1.04 !important; letter-spacing: -.045em !important; } .av-page.av-about .ap-intro__body p, .av-page.av-about .ap-section-head p, .av-page.av-about .ap-split__copy p { font-size: .94rem !important; line-height: 1.65 !important; } .av-page.av-about .ap-intro__body p:first-child { font-size: 1.05rem !important; } .av-page.av-about .ap-values { grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 26px !important; } .av-page.av-about .ap-value { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; column-gap: 14px !important; padding: 18px !important; border-radius: 8px !important; box-shadow: 0 10px 28px rgba(16, 38, 60, .06) !important; } .av-page.av-about .ap-value__num { grid-row: 1 / span 2 !important; margin: 0 !important; border-radius: 8px !important; } .av-page.av-about .ap-value b { margin: 0 0 5px !important; font-size: 1rem !important; } .av-page.av-about .ap-split__media, .av-page.av-about .ap-stats, .av-page.av-about .ap-stat, .av-page.av-about .ap-contact-card, .av-page.av-about .ap-contact-panel, .av-page.av-about .av-button { border-radius: 8px !important; } .av-page.av-about .ap-split__media { box-shadow: 0 14px 36px rgba(16, 38, 60, .11) !important; } .av-page.av-about .ap-split__media img { aspect-ratio: 4 / 3 !important; } .av-page.av-about .ap-split__copy h2 { margin-bottom: 15px !important; } .av-page.av-about .ap-checks { gap: 10px !important; margin-top: 19px !important; } .av-page.av-about .ap-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1px !important; } .av-page.av-about .ap-stat { min-height: 108px !important; padding: 22px 17px !important; } .av-page.av-about .ap-stat strong { font-size: 1.72rem !important; } .av-page.av-about .ap-contact-grid { margin-top: 28px !important; } .av-page.av-about .ap-contact-cards { grid-template-columns: 1fr !important; gap: 10px !important; } .av-page.av-about .ap-contact-card { min-height: 116px !important; padding: 20px !important; } .av-page.av-about .ap-contact-panel { padding: 20px !important; } .av-page.av-about .ap-contact-panel h3 { margin-bottom: 12px !important; font-size: 1.4rem !important; } .av-page.av-about .ap-contact-line { padding: 11px 0 !important; } footer .container-fluid > .services-wrap.airevo-checkout-trust, body.page-checkout footer .container-fluid > .services-wrap.airevo-checkout-trust { width: calc(100% - 30px) !important; margin: 24px auto 28px !important; padding: 0 !important; } footer .airevo-checkout-trust__heading, body.page-checkout footer .airevo-checkout-trust__heading { margin-bottom: 14px !important; text-align: center !important; } footer .airevo-checkout-trust__heading::before, footer .airevo-checkout-trust__heading::after { flex-basis: 44px !important; } footer .airevo-checkout-trust > .row, body.page-checkout footer .airevo-checkout-trust > .row { grid-template-columns: 1fr !important; gap: 0 !important; } footer .airevo-checkout-trust__item, body.page-checkout footer .airevo-checkout-trust__item { grid-template-columns: 48px minmax(0, 1fr) !important; gap: 13px !important; padding: 15px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(16, 38, 60, .1) !important; border-radius: 0 !important; background: transparent !important; } footer .airevo-checkout-trust > .row > [class*="col-"]:last-child .airevo-checkout-trust__item, body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:last-child .airevo-checkout-trust__item { border-bottom: 0 !important; } } /* Address form controls use the checkout-neutral border tone. */ body.page-checkout .address-dialog .el-form-item__content .el-input__inner, body.page-checkout .address-dialog .el-form-item__content .el-textarea__inner { border-color: #ADB5BD !important; } body.page-checkout .address-dialog .el-form-item__content .el-input__inner:focus, body.page-checkout .address-dialog .el-form-item__content .el-textarea__inner:focus { border-color: var(--airevo-checkout-teal) !important; } /* Address dialog fields align directly with the form edges. */ body.page-checkout .address-dialog .el-form.el-form--label-top .el-form-item { padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } body.page-checkout .address-dialog .el-form.el-form--label-top > .el-form-item:last-child { padding-left: 10px !important; padding-right: 10px !important; } /* Address selector: remove only the trailing gap inside its card body. */ body.page-checkout .airevo-checkout-address-card > .card-body.p-lg-4 #checkout-address-app > .checkout-black { margin-bottom: 0 !important; } /* Mobile floating actions: one right rail, one size, with room for sticky checkout/product bars. */ @media (max-width: 767.98px) { html body { --airevo-float-size: 56px; --airevo-float-right: max(16px, env(safe-area-inset-left)); --airevo-float-gap: 10px; --airevo-float-base: calc(18px + env(safe-area-inset-bottom)); } html body.page-product, html body.page-checkout { --airevo-float-base: calc(100px + env(safe-area-inset-bottom)); } html body #back-top, html body #ss_menu { left: var(--airevo-float-right) !important; width: var(--airevo-float-size) !important; height: var(--airevo-float-size) !important; margin: 0 !important; box-sizing: border-box !important; } html body #back-top { bottom: var(--airevo-float-base) !important; z-index: 1084 !important; padding: 0 !important; overflow: visible !important; } html body #ss_menu { bottom: calc(var(--airevo-float-base) + var(--airevo-float-size) + var(--airevo-float-gap)) !important; z-index: 1085 !important; } html body #ss_menu > #ss_toggle.menu, html body #ss_menu > .menu { inset: 0 !important; width: var(--airevo-float-size) !important; height: var(--airevo-float-size) !important; margin: 0 !important; box-sizing: border-box !important; } html body #ss_menu > .menu .airevo-contact-icon { width: 38px !important; height: 38px !important; } html body #back-top > a, html body #back-top > a > span { display: grid !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; place-items: center !important; border-radius: 50% !important; overflow: visible !important; line-height: 1 !important; } html body #back-top > a > span > svg { display: block !important; width: 22px !important; height: 22px !important; margin: 0 !important; overflow: visible !important; flex: 0 0 22px !important; } } /* AirEvo checkout trust-system refinement: flat, truthful and responsive. */ body.page-checkout #shipping-methods-wrap .radio-line-item[data-value^="flat_shipping"] .left img { width: 120px !important; height: 44px !important; max-width: 120px !important; padding: 0 !important; border: 0 !important; border-radius: 6px !important; background: #fff !important; object-fit: contain !important; box-shadow: 0 4px 12px rgba(17, 47, 85, .08) !important; } body.page-checkout .airevo-checkout-security { margin: 4px 0 0 !important; padding: 16px 16px 20px !important; border: 0 !important; border-top: 0 !important; border-radius: 8px !important; background: #fff !important; text-align: center !important; } body.page-checkout .airevo-checkout-security__title { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin-bottom: 13px !important; color: #0b2638 !important; font-size: .92rem !important; font-weight: 800 !important; letter-spacing: .01em !important; } body.page-checkout .airevo-checkout-security__title > i { color: #0a9b92 !important; } body.page-checkout .airevo-checkout-security__items { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } body.page-checkout .airevo-checkout-security__items > span { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-width: 0 !important; padding: 9px 8px !important; border: 1px solid #d9e4e3 !important; border-radius: 6px !important; background: #f8fbfb !important; line-height: 1.2 !important; } body.page-checkout .airevo-checkout-security__items > span > i { flex: 0 0 auto !important; color: #087f79 !important; font-size: 1.25rem !important; } body.page-checkout .airevo-checkout-security__items > span > span { min-width: 0 !important; text-align: right !important; } body.page-checkout .airevo-checkout-security__items strong, body.page-checkout .airevo-checkout-security__items small { display: block !important; white-space: nowrap !important; } body.page-checkout .airevo-checkout-security__items strong { color: #183448 !important; font-size: .72rem !important; font-weight: 800 !important; } body.page-checkout .airevo-checkout-security__items small { margin-top: 2px !important; color: #70828d !important; font-size: .61rem !important; } body.page-checkout footer .airevo-checkout-trust__icon { border: 1px solid #b9e2dc !important; border-radius: 8px !important; background: #eaf8f5 !important; color: #0a7f79 !important; } body.page-checkout footer .airevo-checkout-trust__icon svg { width: 32px !important; height: 32px !important; fill: none !important; stroke: currentColor !important; stroke-linecap: round !important; stroke-linejoin: round !important; } body.page-checkout footer .airevo-checkout-trust__icon .icon-shield { stroke-width: 2 !important; } body.page-checkout footer .airevo-checkout-trust__icon .icon-detail { stroke: #0fb4a9 !important; stroke-width: 2.6 !important; } body.page-checkout footer .airevo-checkout-trust__icon .icon-wheel { fill: #fff !important; stroke-width: 2 !important; } @media (max-width: 767.98px) { body.page-checkout #payment-methods-wrap .radio-line-item, body.page-checkout #shipping-methods-wrap .radio-line-item { position: relative !important; display: grid !important; grid-template-columns: 20px 120px minmax(0, 1fr) 24px !important; align-items: center !important; gap: 10px !important; min-height: 72px !important; padding: 12px !important; overflow: hidden !important; border: 1px solid #d7e5e3 !important; background: #fff !important; box-shadow: none !important; } body.page-checkout #payment-methods-wrap .radio-line-item .left, body.page-checkout #shipping-methods-wrap .radio-line-item .left { display: contents !important; } body.page-checkout #payment-methods-wrap .radio-line-item .radio, body.page-checkout #shipping-methods-wrap .radio-line-item .radio { grid-column: 1 !important; justify-self: center !important; margin: 0 !important; } body.page-checkout #payment-methods-wrap .radio-line-item .left img, body.page-checkout #shipping-methods-wrap .radio-line-item .left img { grid-column: 2 !important; margin: 0 !important; box-shadow: none !important; } body.page-checkout #payment-methods-wrap .radio-line-item .right, body.page-checkout #shipping-methods-wrap .radio-line-item .right { grid-column: 3 !important; min-width: 0 !important; margin: 0 !important; } body.page-checkout #payment-methods-wrap .radio-line-item .right .title, body.page-checkout #shipping-methods-wrap .radio-line-item .right .title { color: #173449 !important; font-size: .86rem !important; font-weight: 800 !important; line-height: 1.25 !important; } body.page-checkout #payment-methods-wrap .radio-line-item .right::after, body.page-checkout #shipping-methods-wrap .radio-line-item .right::after { display: block !important; margin-top: 4px !important; color: #6b7e89 !important; font-size: .66rem !important; line-height: 1.25 !important; } body.page-checkout #payment-methods-wrap .radio-line-item .right::after { content: var(--airevo-label-secure-checkout, "Secure checkout") !important; } body.page-checkout #shipping-methods-wrap .radio-line-item .right::after { content: var(--airevo-label-tracking-updates, "Clear tracking updates") !important; } body.page-checkout #payment-methods-wrap .radio-line-item.active, body.page-checkout #shipping-methods-wrap .radio-line-item.active { border-color: #12a89f !important; background: linear-gradient(-90deg, #fff 0%, #fff 70%, #f0fbf9 100%) !important; box-shadow: inset -4px 0 0 #12a89f, 0 8px 18px rgba(9, 92, 99, .08) !important; } body.page-checkout #payment-methods-wrap .radio-line-item.active::after, body.page-checkout #shipping-methods-wrap .radio-line-item.active::after { content: "✓" !important; grid-column: 4 !important; display: grid !important; place-items: center !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: #12a89f !important; color: #fff !important; font-size: .72rem !important; font-weight: 900 !important; } body.page-checkout #payment-methods-wrap .radio-line-item.active .radio, body.page-checkout #shipping-methods-wrap .radio-line-item.active .radio { border-color: #12a89f !important; background: #fff !important; } body.page-checkout #payment-methods-wrap .radio-line-item.active .radio::before, body.page-checkout #shipping-methods-wrap .radio-line-item.active .radio::before { background: #12a89f !important; } body.page-checkout .airevo-checkout-security { margin-bottom: 0 !important; padding: 14px 10px 20px !important; } body.page-checkout .airevo-checkout-security__items { gap: 5px !important; } body.page-checkout .airevo-checkout-security__items > span { flex-direction: column !important; gap: 4px !important; padding: 8px 4px !important; } body.page-checkout .airevo-checkout-security__items > span > span { text-align: center !important; } body.page-checkout .airevo-checkout-security__items small { white-space: normal !important; } body.page-checkout footer .airevo-checkout-trust { width: calc(100% - 24px) !important; margin: 0 12px !important; padding: 22px 16px !important; border: 1px solid #d3e6e2 !important; border-radius: 8px !important; background: #f7fcfb !important; } body.page-checkout footer .airevo-checkout-trust__heading { gap: 12px !important; margin-bottom: 8px !important; font-size: .78rem !important; } body.page-checkout footer .airevo-checkout-trust .row { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; margin: 0 !important; } body.page-checkout footer .airevo-checkout-trust .row > [class*="col-"] { width: 100% !important; padding: 0 !important; } body.page-checkout footer .airevo-checkout-trust__item { grid-template-columns: 48px minmax(0, 1fr) !important; align-items: center !important; gap: 13px !important; margin: 0 !important; padding: 16px 0 !important; border: 0 !important; border-bottom: 1px solid #d9e7e4 !important; border-radius: 0 !important; background: transparent !important; } body.page-checkout footer .airevo-checkout-trust .row > [class*="col-"]:last-child .airevo-checkout-trust__item { border-bottom: 0 !important; } body.page-checkout footer .airevo-checkout-trust__icon { width: 48px !important; height: 48px !important; } body.page-checkout footer .airevo-checkout-trust__icon svg { width: 28px !important; height: 28px !important; } body.page-checkout footer .airevo-checkout-trust__item .title { margin-bottom: 5px !important; font-size: .91rem !important; line-height: 1.3 !important; } body.page-checkout footer .airevo-checkout-trust__item .sub-title { font-size: .78rem !important; line-height: 1.45 !important; } } /* Mobile editorial and listing pages: shared 15px rhythm and 8px surfaces. */ @media (max-width: 767.98px) { /* Journal category listing. */ body.page-categories-home .breadcrumb-wrap + .container-fluid, body.page-categories-home .breadcrumb-wrap > .container-fluid { padding-left: 15px !important; padding-right: 15px !important; } body.page-categories-home .breadcrumb-wrap + .container-fluid > .row { margin-left: 0 !important; margin-right: 0 !important; } body.page-categories-home .breadcrumb-wrap + .container-fluid > .row > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } body.page-categories-home .card { border-radius: 8px !important; box-shadow: 0 8px 24px rgba(16, 38, 60, .07) !important; } body.page-categories-home .card-body { padding: 12px !important; } body.page-categories-home .card-body > .mb-4 { margin-bottom: 18px !important; } body.page-categories-home .post-item { display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; } body.page-categories-home .post-item > .image.rounded-2 { display: block !important; width: 96px !important; height: 96px !important; overflow: hidden !important; border-radius: 8px !important; line-height: 0 !important; } body.page-categories-home .post-item > .image.rounded-2 > img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 8px !important; object-fit: cover !important; } body.page-categories-home .post-info h5 { margin-bottom: 6px !important; font-size: 1rem !important; line-height: 1.25 !important; } body.page-categories-home .post-info .text-secondary { margin-bottom: 8px !important; font-size: .75rem !important; } body.page-categories-home .post-info .text-danger { font-size: .82rem !important; } body.page-categories-home .post-item + hr { margin: 14px 0 !important; } body.page-categories-home .col-lg-3.col-12 { margin-top: 12px !important; } /* Contact content page. */ .av-page.av-contact-page .ap-policy-hero { padding: 44px 0 36px !important; } .av-page.av-contact-page .ap-policy-hero h1 { font-size: clamp(2.45rem, 11vw, 3rem) !important; line-height: 1 !important; } .av-page.av-contact-page .ap-policy-hero p { margin-top: 17px !important; font-size: .94rem !important; line-height: 1.62 !important; } .av-page.av-contact-page .ap-policy-meta { margin-top: 17px !important; font-size: .65rem !important; line-height: 1.5 !important; } .av-page.av-contact-page .ap-section { padding-block: 42px !important; } .av-page.av-contact-page .ap-section-head h2 { font-size: clamp(2rem, 9vw, 2.55rem) !important; line-height: 1.04 !important; } .av-page.av-contact-page .ap-section-head p { font-size: .94rem !important; line-height: 1.62 !important; } .av-page.av-contact-page .ap-kicker { margin-bottom: 13px !important; } .av-page.av-contact-page .ap-contact-grid { gap: 22px !important; margin-top: 26px !important; } .av-page.av-contact-page .ap-contact-cards { grid-template-columns: 1fr !important; gap: 10px !important; } .av-page.av-contact-page .ap-contact-card { min-height: 112px !important; padding: 19px !important; border-radius: 8px !important; } .av-page.av-contact-page .ap-contact-panel { padding: 20px !important; border-radius: 8px !important; } .av-page.av-contact-page .ap-contact-panel h3 { margin-bottom: 12px !important; font-size: 1.45rem !important; } .av-page.av-contact-page .ap-contact-line { padding: 11px 0 !important; } /* Shipping and policy content pages. */ .av-page.av-policy .ap-policy-hero { padding: 46px 0 38px !important; } .av-page.av-policy .ap-policy-hero h1 { font-size: clamp(2.45rem, 11vw, 3rem) !important; line-height: 1 !important; } .av-page.av-policy .ap-policy-hero p { margin-top: 17px !important; font-size: .94rem !important; line-height: 1.62 !important; } .av-page.av-policy .ap-policy-meta { margin-top: 17px !important; font-size: .65rem !important; line-height: 1.5 !important; } .av-page.av-policy .ap-policy-layout { gap: 0 !important; padding-block: 38px !important; } .av-page.av-policy .ap-policy-content section { margin-bottom: 26px !important; padding-bottom: 26px !important; } .av-page.av-policy .ap-policy-content h2 { margin-bottom: 12px !important; font-size: 1.45rem !important; line-height: 1.18 !important; } .av-page.av-policy .ap-policy-content p, .av-page.av-policy .ap-policy-content li { font-size: .9rem !important; line-height: 1.72 !important; } .av-page.av-policy .ap-note { margin-bottom: 26px !important; padding: 18px !important; border-radius: 8px !important; } /* Latest products: a polished two-column mobile product shelf. */ body.page-latest-products .breadcrumb-wrap > .container-fluid, body.page-latest-products .breadcrumb-wrap + .container-fluid { padding-left: 15px !important; padding-right: 15px !important; } body.page-latest-products .breadcrumb-wrap + .container-fluid > .row { --bs-gutter-x: 10px !important; --bs-gutter-y: 12px !important; } body.page-latest-products .product-wrap { height: 100% !important; padding-bottom: 0 !important; overflow: hidden !important; border: 1px solid rgba(16, 38, 60, .1) !important; border-radius: 8px !important; background: #fff !important; box-shadow: 0 8px 24px rgba(16, 38, 60, .065) !important; } body.page-latest-products .product-wrap > .image, body.page-latest-products .product-wrap > .image > a { display: block !important; width: 100% !important; aspect-ratio: 1 / 1 !important; overflow: hidden !important; border-radius: 8px 8px 0 0 !important; line-height: 0 !important; } body.page-latest-products .product-wrap > .image img { width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 8px 8px 0 0 !important; object-fit: cover !important; } body.page-latest-products .product-bottom-info { min-height: 86px !important; padding: 10px 11px 12px !important; } body.page-latest-products .product-name { height: auto !important; min-height: 36px !important; margin-bottom: 7px !important; font-size: .86rem !important; line-height: 1.3 !important; } body.page-latest-products .product-price { font-size: .92rem !important; } body.page-latest-products .pagination { margin-top: 20px !important; } body.page-latest-products .page-link { border-radius: 8px !important; } body.page-latest-products .breadcrumb-wrap + .container-fluid > .row > .col-6:only-child { width: 100% !important; max-width: 100% !important; } body.page-latest-products .breadcrumb-wrap + .container-fluid > .row > .col-6:only-child .product-wrap { display: grid !important; grid-template-columns: 44% minmax(0, 1fr) !important; align-items: stretch !important; } body.page-latest-products .breadcrumb-wrap + .container-fluid > .row > .col-6:only-child .product-wrap > .image, body.page-latest-products .breadcrumb-wrap + .container-fluid > .row > .col-6:only-child .product-wrap > .image > a { width: 100% !important; height: 100% !important; min-height: 164px !important; margin: 0 !important; border-radius: 0 8px 8px 0 !important; } body.page-latest-products .breadcrumb-wrap + .container-fluid > .row > .col-6:only-child .product-wrap > .image img { border-radius: 0 8px 8px 0 !important; } body.page-latest-products .breadcrumb-wrap + .container-fluid > .row > .col-6:only-child .product-bottom-info { display: flex !important; min-height: 164px !important; flex-direction: column !important; justify-content: center !important; padding: 16px !important; } } /* Final checkout-scoped alignment: match the shared footer system above. */ body.page-checkout footer .container-fluid > .services-wrap.airevo-checkout-trust { width: min(1400px, calc(100% - 48px)) !important; max-width: none !important; margin: 28px auto 34px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.page-checkout footer .airevo-checkout-trust__heading { justify-content: center !important; width: 100% !important; margin: 0 auto 24px !important; text-align: center !important; } body.page-checkout footer .airevo-checkout-trust > .row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 28px !important; margin: 0 !important; } body.page-checkout footer .airevo-checkout-trust > .row > .col-lg-6.col-12 { width: auto !important; max-width: none !important; padding: 0 !important; border: 0 !important; } body.page-checkout footer .airevo-checkout-trust__item { grid-template-columns: 52px minmax(0, 1fr) !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* Mobile cart: aligned product card with an image column that matches content height. */ @media (max-width: 767.98px) { body.page-cart .mb-product-wrap { display: grid !important; gap: 12px !important; margin: 0 !important; padding: 0 0 84px !important; } body.page-cart .mb-product-wrap .mb-product-list { position: relative !important; display: flex !important; align-items: stretch !important; min-width: 0 !important; margin: 0 !important; padding: 12px !important; border: 1px solid #dce7e6 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; } body.page-cart .mb-product-wrap .mb-product-list.active { border-color: rgba(16, 183, 173, .45) !important; background: #fbfffe !important; } body.page-cart .mb-product-wrap .product-img { align-self: stretch !important; flex: 0 0 auto !important; min-height: 132px !important; } body.page-cart .mb-product-wrap .product-img > .form-check-input { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; margin-top: 0 !important; } body.page-cart .mb-product-wrap .product-img > a { align-self: stretch !important; width: 94px !important; height: auto !important; min-height: 132px !important; margin-right: 9px !important; overflow: hidden !important; border: 1px solid #e1e8e7 !important; border-radius: 8px !important; background: #f6f9f8 !important; } body.page-cart .mb-product-wrap .product-img > a img { display: block !important; width: 100% !important; height: 100% !important; border-radius: 8px !important; object-fit: contain !important; } body.page-cart .mb-product-wrap .product-mb-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; justify-content: space-between !important; gap: 12px !important; min-width: 0 !important; min-height: 132px !important; margin-right: 12px !important; } body.page-cart .mb-product-wrap .product-mb-info .name { margin-bottom: 5px !important; color: #10293a !important; font-size: .88rem !important; line-height: 1.35 !important; } body.page-cart .mb-product-wrap .product-mb-info .text-size-min { margin-bottom: 5px !important; color: #71838e !important; font-size: .72rem !important; line-height: 1.35 !important; } body.page-cart .mb-product-wrap .product-mb-info .price { color: #0b6572 !important; font-size: 1rem !important; line-height: 1.25 !important; } body.page-cart .mb-product-wrap .product-mb-info > div:last-child { align-items: center !important; gap: 10px !important; } body.page-cart .mb-product-wrap .quantity-wrap { width: 108px !important; height: 36px !important; flex: 0 0 108px !important; overflow: hidden !important; border: 1px solid #d7e1e0 !important; border-radius: 8px !important; background: #fff !important; } body.page-cart .mb-product-wrap .quantity-wrap .btn, body.page-cart .mb-product-wrap .quantity-wrap .form-control { min-height: 34px !important; padding: 5px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #263e4c !important; font-size: .78rem !important; box-shadow: none !important; } body.page-cart .mb-product-wrap .quantity-wrap .btn { width: 34px !important; flex: 0 0 34px !important; background: #f1f6f5 !important; } body.page-cart .mb-product-wrap .product-mb-info .text-end .btn { color: #71818b !important; font-size: .72rem !important; } } @media (min-width: 768px) and (max-width: 1199.98px) { body.page-checkout footer .airevo-checkout-trust > .row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 30px !important; } } @media (max-width: 767.98px) { body.page-checkout footer .container-fluid > .services-wrap.airevo-checkout-trust { width: calc(100% - 30px) !important; margin: 24px auto 28px !important; } body.page-checkout footer .airevo-checkout-trust__heading { margin-bottom: 14px !important; } body.page-checkout footer .airevo-checkout-trust > .row { grid-template-columns: 1fr !important; gap: 0 !important; } body.page-checkout footer .airevo-checkout-trust__item { grid-template-columns: 48px minmax(0, 1fr) !important; gap: 13px !important; padding: 15px 0 !important; border-bottom: 1px solid rgba(16, 38, 60, .1) !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:last-child .airevo-checkout-trust__item { border-bottom: 0 !important; } } /* Footer-integrated trust list: aligned with the footer content grid. */ body.page-checkout footer .container-fluid > .services-wrap.airevo-checkout-trust { width: 100% !important; max-width: none !important; margin: 28px 0 0 !important; padding: 30px 0 22px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.page-checkout footer .airevo-checkout-trust__heading { justify-content: flex-start !important; gap: 11px !important; margin-bottom: 10px !important; font-size: .82rem !important; letter-spacing: .07em !important; } body.page-checkout footer .airevo-checkout-trust__heading::before { flex: 0 0 8px !important; width: 8px !important; height: 8px !important; border-radius: 2px !important; background: #10b4a9 !important; } body.page-checkout footer .airevo-checkout-trust__heading::after { flex: 1 1 auto !important; max-width: 180px !important; background: #9fc8c2 !important; } body.page-checkout footer .airevo-checkout-trust > .row { margin: 0 !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"] { padding-top: 8px !important; padding-bottom: 8px !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:first-child { padding-left: 32px !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:last-child { padding-right: 32px !important; border-right: 1px solid #cfe2df !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:nth-child(odd) { padding-left: 32px !important; padding-right: 12px !important; border-right: 0 !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:nth-child(even) { padding-left: 12px !important; padding-right: 32px !important; border-right: 1px solid #cfe2df !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:nth-child(n+3) { border-top: 1px solid #d2e3e0 !important; } body.page-checkout footer .airevo-checkout-trust__item { align-items: center !important; padding: 10px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } @media (max-width: 767.98px) { body.page-checkout footer .container-fluid > .services-wrap.airevo-checkout-trust { width: 100% !important; margin: 24px 0 0 !important; padding: 26px 0 12px !important; } body.page-checkout footer .airevo-checkout-trust__heading { margin-bottom: 4px !important; font-size: .76rem !important; } body.page-checkout footer .airevo-checkout-trust__heading::after { max-width: none !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"] { padding: 0 !important; border-right: 0 !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:first-child, body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:last-child { padding-left: 0 !important; padding-right: 0 !important; border-right: 0 !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:nth-child(odd), body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:nth-child(even) { padding-left: 0 !important; padding-right: 0 !important; border-top: 0 !important; border-right: 0 !important; } body.page-checkout footer .airevo-checkout-trust__item { padding: 18px 0 !important; border-bottom: 1px solid #d2e3e0 !important; } body.page-checkout footer .airevo-checkout-trust > .row > [class*="col-"]:last-child .airevo-checkout-trust__item { border-bottom: 0 !important; } } /* Checkout conversion and trust components — responsive on mobile and PC. */ body.page-checkout .airevo-account-hint { overflow: hidden !important; border: 1px solid #f2d5ab !important; border-right: 3px solid #e99a36 !important; border-radius: 8px !important; background: #fff8ed !important; box-shadow: none !important; } body.page-checkout .airevo-account-hint .card-body { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 46px !important; padding: 9px 12px !important; } body.page-checkout .airevo-account-hint__copy { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: #69451f !important; font-size: .86rem !important; font-weight: 650 !important; } body.page-checkout .airevo-account-hint__copy > i { color: #d98625 !important; } body.page-checkout .airevo-account-hint .guest-checkout-login { flex: 0 0 auto !important; width: auto !important; min-height: 0 !important; padding: 2px 0 !important; border: 0 !important; background: transparent !important; color: #a75c0a !important; font-size: .86rem !important; font-weight: 750 !important; line-height: 1.25 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; box-shadow: none !important; } /* Compact account sign-in prompt on desktop; the card body carries the spacing. */ @media (min-width: 768px) { body.page-checkout .airevo-account-hint { padding: 0 !important; } } body.page-checkout .airevo-demand-warning { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; margin: 0 0 12px !important; padding: 10px 12px !important; border: 1px solid #f2b8bd !important; border-radius: 8px !important; background: #fff7f7 !important; color: #172332 !important; font-size: .88rem !important; line-height: 1.35 !important; } body.page-checkout .airevo-demand-warning > i { flex: 0 0 auto !important; color: #ee4856 !important; font-size: 1.35rem !important; } body.page-checkout .airevo-demand-warning strong:first-child { color: #d82031 !important; } body.page-checkout .airevo-demand-warning [data-demand-countdown] { display: inline-block !important; min-width: 42px !important; color: #d82031 !important; font-variant-numeric: tabular-nums !important; } body.page-checkout .airevo-daily-promotion { display: grid !important; grid-template-columns: auto 1fr !important; gap: 4px 9px !important; margin-top: 12px !important; padding: 11px 12px !important; border: 1px solid #ffb7ae !important; border-right: 3px solid #ff5147 !important; border-radius: 8px !important; background: #fff4f2 !important; color: #61251f !important; font-size: .82rem !important; line-height: 1.4 !important; } body.page-checkout .airevo-daily-promotion > i { grid-row: 1 / span 2 !important; color: #ed4238 !important; font-size: 1.12rem !important; } body.page-checkout .airevo-daily-promotion__timer { color: #d92d25 !important; font-size: .86rem !important; font-variant-numeric: tabular-nums !important; letter-spacing: .03em !important; } body.page-checkout .airevo-checkout-addon { margin-bottom: 1.4rem !important; } body.page-checkout .airevo-checkout-addon__label { display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto !important; align-items: start !important; gap: 10px !important; width: 100% !important; margin: 0 !important; padding: 15px !important; border: 2px dashed #f1bd48 !important; border-radius: 8px !important; background: #fffdf7 !important; cursor: pointer !important; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease !important; } body.page-checkout .airevo-checkout-addon__label:has(input:checked) { border-color: #12aaa2 !important; background: #f1fcfa !important; box-shadow: 0 0 0 3px rgba(18, 170, 162, .10) !important; } body.page-checkout .airevo-checkout-addon__label > input { width: 20px !important; height: 20px !important; margin: 1px 0 0 !important; accent-color: #0aa69e !important; } body.page-checkout .airevo-checkout-addon__content { display: block !important; min-width: 0 !important; } body.page-checkout .airevo-checkout-addon__title, body.page-checkout .airevo-checkout-addon__description { display: block !important; } body.page-checkout .airevo-checkout-addon__title { margin-bottom: 5px !important; color: #111827 !important; font-size: .98rem !important; line-height: 1.3 !important; } body.page-checkout .airevo-checkout-addon__description { color: #334155 !important; font-size: .88rem !important; line-height: 1.45 !important; } body.page-checkout .airevo-checkout-addon__description b { color: #c51f31 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } body.page-checkout .airevo-checkout-addon__price { white-space: nowrap !important; color: #0b726d !important; font-size: .95rem !important; } body.page-checkout .airevo-checkout-security { margin: 2px 0 0 !important; padding-top: 13px !important; padding-bottom: 20px !important; border-top: 0 !important; text-align: center !important; } body.page-checkout #payment-methods-wrap .radio-line-item[data-value="paypal"] .left img { width: 120px !important; height: 44px !important; max-width: 120px !important; padding: 0 !important; border: 0 !important; border-radius: 6px !important; background: #fff !important; object-fit: contain !important; box-shadow: 0 4px 12px rgba(17, 47, 85, .08) !important; } body.page-checkout #payment-methods-wrap .radio-line-item[data-value="paypal"] .right .title { color: #112f55 !important; font-weight: 750 !important; } body.page-checkout .airevo-checkout-security__title { margin-bottom: 9px !important; color: #0b2638 !important; font-size: .9rem !important; font-weight: 750 !important; } body.page-checkout .airevo-checkout-security__items { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 7px !important; } body.page-checkout .airevo-checkout-security__items > span { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 5px 7px !important; border: 1px solid #d9e4e3 !important; border-radius: 6px !important; background: #f8fbfb !important; color: #52606d !important; font-size: .68rem !important; line-height: 1.2 !important; } body.page-checkout footer .airevo-checkout-trust { max-width: 1160px !important; margin: 0 auto !important; padding: 30px 18px !important; } body.page-checkout footer .airevo-checkout-trust__heading { display: flex !important; align-items: center !important; gap: 18px !important; margin-bottom: 24px !important; color: #0b2638 !important; font-size: .9rem !important; font-weight: 800 !important; letter-spacing: .04em !important; } body.page-checkout footer .airevo-checkout-trust__heading::before, body.page-checkout footer .airevo-checkout-trust__heading::after { content: "" !important; flex: 1 1 auto !important; height: 1px !important; background: #9fb7b5 !important; } body.page-checkout footer .airevo-checkout-trust__item { display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; align-items: start !important; gap: 16px !important; height: 100% !important; padding: 18px !important; border: 1px solid #d7e6e4 !important; border-radius: 8px !important; background: rgba(255, 255, 255, .68) !important; } body.page-checkout footer .airevo-checkout-trust__icon { display: grid !important; place-items: center !important; width: 58px !important; height: 58px !important; border: 1px solid #8da7a5 !important; border-radius: 50% !important; color: #0a7f79 !important; font-size: 1.35rem !important; } body.page-checkout footer .airevo-checkout-trust__item .title { margin: 0 0 6px !important; color: #0b2638 !important; font-size: 1rem !important; font-weight: 750 !important; line-height: 1.35 !important; } body.page-checkout footer .airevo-checkout-trust__item .sub-title { margin: 0 !important; color: #52616d !important; font-size: .84rem !important; line-height: 1.5 !important; } @media (max-width: 767.98px) { body.page-checkout .container > .row:not(.mt-1) > .left-column > .airevo-demand-warning { order: 1 !important; width: 100% !important; } body.page-checkout .airevo-checkout-addon__label { grid-template-columns: auto minmax(0, 1fr) !important; padding: 13px !important; } body.page-checkout .airevo-checkout-addon__price { grid-column: 2 !important; margin-top: 2px !important; } body.page-checkout .airevo-checkout-security { margin-bottom: 0 !important; } body.page-checkout footer .airevo-checkout-trust { padding: 24px 12px !important; } body.page-checkout footer .airevo-checkout-trust__heading { margin-bottom: 16px !important; } body.page-checkout footer .airevo-checkout-trust__item { grid-template-columns: 50px minmax(0, 1fr) !important; gap: 13px !important; margin-bottom: 12px !important; padding: 15px !important; } body.page-checkout footer .airevo-checkout-trust__icon { width: 50px !important; height: 50px !important; } /* Make the empty-address action read as the required next checkout step. */ body.page-checkout .col-lg-6.col-12 > .item.address-right { border: 0 !important; background: transparent !important; box-shadow: none !important; } body.page-checkout .col-lg-6.col-12 > .item.address-right > .btn.btn-outline-dark.w-100 { position: relative !important; display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 12px !important; align-items: center !important; min-height: 72px !important; padding: 14px 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #0b2638 !important; font-size: .98rem !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: right !important; box-shadow: none !important; } body.page-checkout .col-lg-6.col-12 > .item.address-right > .btn.btn-outline-dark.w-100::after { content: var(--airevo-label-required, "Required to continue") !important; grid-column: 2 !important; display: block !important; margin-top: 2px !important; color: #5b6f78 !important; font-size: .76rem !important; font-weight: 500 !important; line-height: 1.25 !important; } body.page-checkout .col-lg-6.col-12 > .item.address-right > .btn.btn-outline-dark.w-100 > i { grid-row: 1 / span 2 !important; display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; border-radius: 0 !important; background: transparent !important; color: #0aa69e !important; font-size: 2.1rem !important; line-height: 1 !important; } body.page-checkout .col-lg-6.col-12 > .item.address-right > .btn.btn-outline-dark.w-100:active { background: transparent !important; color: #078d87 !important; transform: translateY(1px) !important; } /* Keep address actions visible while the long form scrolls. */ body.page-checkout .address-dialog .el-form > .el-form-item:last-child { position: sticky !important; bottom: -20px !important; z-index: 6 !important; margin: 8px -18px -20px !important; padding: 38px 18px 20px !important; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .88) 38%, #fff 62%, #fff 100%) !important; } } /* Final cascade layer for the checkout trust presentation. */ body.page-checkout .airevo-checkout-address-card { margin-bottom: 1.5rem !important; } /* Checkout customer feedback: a separate editorial block below payment details. */ body.page-checkout .airevo-checkout-reviews { margin-top: 22px; padding: clamp(24px, 3vw, 36px); border: 1px solid #dce7e8; border-radius: 8px; background: #fff; box-shadow: 0 14px 42px rgba(17, 45, 58, .06); } body.page-checkout .airevo-checkout-reviews__head { display: flex; align-items: center; justify-content: center; gap: 18px; padding-bottom: 18px; border-bottom: 0; } body.page-checkout .airevo-checkout-reviews__head::before, body.page-checkout .airevo-checkout-reviews__head::after { content: ""; flex: 0 1 78px; height: 1px; background: #10263c; } body.page-checkout .airevo-checkout-reviews__head h2 { margin: 0; color: #10263c; font-size: 14px; font-weight: 800; line-height: 1.3; letter-spacing: .02em; text-align: center; text-transform: uppercase; white-space: nowrap; } body.page-checkout .airevo-checkout-review__stars { color: #ffb323; letter-spacing: .06em; } body.page-checkout .airevo-checkout-reviews__list { display: grid; } body.page-checkout .airevo-checkout-review { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; padding: 27px 0; border-bottom: 1px solid #e5ecee; } body.page-checkout .airevo-checkout-review:last-child { border-bottom: 0; } body.page-checkout .airevo-checkout-review__avatar img, body.page-checkout .airevo-checkout-review__avatar > span { display: grid; width: 56px; height: 56px; place-items: center; border: 2px solid #fff; border-radius: 50%; background: linear-gradient(-135deg, #d9f8f2, #c6dfee); box-shadow: 0 0 0 1px #d4e2e4; color: #0b5753; font-weight: 800; object-fit: cover; } body.page-checkout .airevo-checkout-review__meta, body.page-checkout .airevo-checkout-review__meta > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } body.page-checkout .airevo-checkout-review__meta { justify-content: space-between; } body.page-checkout .airevo-checkout-review__meta strong { color: #10263c; font-size: 14px; } body.page-checkout .airevo-checkout-review__badge { display: inline-flex; align-items: center; gap: 5px; color: #08786f; font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .035em; } body.page-checkout .airevo-checkout-review h3 { margin: 12px 0 6px; color: #10263c; font-size: 17px; line-height: 1.35; } body.page-checkout .airevo-checkout-review p { margin: 0; color: #3f5360; font-size: 14px; line-height: 1.72; } body.page-checkout .airevo-checkout-review__official-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } body.page-checkout .airevo-checkout-review__official-media figure { margin: 0; } body.page-checkout .airevo-checkout-review__official-media img { display: block; width: 100%; aspect-ratio: 4 / 3; border-radius: 8px; object-fit: cover; object-position: center 64%; } body.page-checkout .airevo-checkout-review__official-media figcaption { margin-top: 6px; color: #73848e; font-size: 10px; line-height: 1.35; } body.page-checkout .airevo-checkout-reviews__more { display: flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; margin-top: 4px; border: 1px solid #0a9c94; border-radius: 8px; color: #087e78; background: #effbf8; font-size: 14px; font-weight: 800; text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease; } body.page-checkout .airevo-checkout-reviews__more:hover { color: #fff; background: #087e78; transform: translateY(-1px); } @media (max-width: 767.98px) { body.page-checkout .airevo-checkout-reviews { margin-top: 14px; padding: 20px 16px; } body.page-checkout .airevo-checkout-reviews__head { display: flex; gap: 13px; padding-bottom: 14px; } body.page-checkout .airevo-checkout-reviews__head::before, body.page-checkout .airevo-checkout-reviews__head::after { flex-basis: 48px; } body.page-checkout .airevo-checkout-review { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; padding: 22px 0; } body.page-checkout .airevo-checkout-review__avatar img, body.page-checkout .airevo-checkout-review__avatar > span { width: 46px; height: 46px; } body.page-checkout .airevo-checkout-review__meta { display: block; } body.page-checkout .airevo-checkout-review__badge { margin-top: 7px; } body.page-checkout .airevo-checkout-review__official-media { gap: 8px; } body.page-checkout .airevo-checkout-review__official-media figcaption { font-size: 9px; } body.page-checkout .container > .row:not(.mt-1) > .left-column > .card.shadow-sm.airevo-checkout-address-card:not(.total-wrap) { order: 2 !important; width: 100% !important; margin-bottom: 12px !important; } body.page-checkout .container > .row:not(.mt-1) > .right-column { order: 3 !important; } body.page-checkout .container > .row:not(.mt-1) > .left-column > .card.shadow-sm.airevo-checkout-details-card:not(.total-wrap) { order: 4 !important; width: 100% !important; } /* Keep customer feedback immediately after the payment/details card. */ body.page-checkout .container > .row:not(.mt-1) > .left-column > .airevo-checkout-reviews { order: 5 !important; width: 100% !important; } } body.page-checkout .airevo-checkout-security { margin: 4px 0 0 !important; padding: 16px 16px 20px !important; border: 0 !important; border-top: 0 !important; border-radius: 8px !important; background: #fff !important; text-align: center !important; } body.page-checkout .airevo-checkout-security__title { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin-bottom: 13px !important; color: #0b2638 !important; font-size: .92rem !important; font-weight: 800 !important; letter-spacing: .01em !important; } body.page-checkout .airevo-checkout-security__title > i { color: #0a9b92 !important; } body.page-checkout .airevo-checkout-security__items { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } body.page-checkout .airevo-checkout-security__items > span { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-width: 0 !important; padding: 9px 8px !important; border: 1px solid #d9e4e3 !important; border-radius: 6px !important; background: #f8fbfb !important; line-height: 1.2 !important; } body.page-checkout .airevo-checkout-security__items > span > i { flex: 0 0 auto !important; color: #087f79 !important; font-size: 1.25rem !important; } body.page-checkout .airevo-checkout-security__items > span > span { min-width: 0 !important; text-align: right !important; } body.page-checkout .airevo-checkout-security__items strong, body.page-checkout .airevo-checkout-security__items small { display: block !important; white-space: nowrap !important; } body.page-checkout .airevo-checkout-security__items strong { color: #183448 !important; font-size: .72rem !important; font-weight: 800 !important; } body.page-checkout .airevo-checkout-security__items small { margin-top: 2px !important; color: #70828d !important; font-size: .61rem !important; } body.page-checkout footer .airevo-checkout-trust__icon { border: 1px solid #b9e2dc !important; border-radius: 8px !important; background: #eaf8f5 !important; color: #0a7f79 !important; } body.page-checkout footer .airevo-checkout-trust__icon svg { width: 32px !important; height: 32px !important; fill: none !important; stroke: currentColor !important; stroke-linecap: round !important; stroke-linejoin: round !important; } body.page-checkout footer .airevo-checkout-trust__icon .icon-shield { stroke-width: 2 !important; } body.page-checkout footer .airevo-checkout-trust__icon .icon-detail { stroke: #0fb4a9 !important; stroke-width: 2.6 !important; } body.page-checkout footer .airevo-checkout-trust__icon .icon-wheel { fill: #fff !important; stroke-width: 2 !important; } @media (max-width: 767.98px) { body.page-checkout .airevo-checkout-security { margin-bottom: 0 !important; padding: 14px 10px 20px !important; } body.page-checkout .airevo-checkout-security__items { gap: 5px !important; } body.page-checkout .airevo-checkout-security__items > span { flex-direction: column !important; gap: 4px !important; padding: 8px 4px !important; } body.page-checkout .airevo-checkout-security__items > span > span { text-align: center !important; } body.page-checkout .airevo-checkout-security__items small { white-space: normal !important; } body.page-checkout footer .airevo-checkout-trust { width: calc(100% - 24px) !important; margin: 0 12px !important; padding: 22px 16px !important; border: 1px solid #d3e6e2 !important; border-radius: 8px !important; background: #f7fcfb !important; } body.page-checkout footer .airevo-checkout-trust__heading { gap: 12px !important; margin-bottom: 8px !important; font-size: .78rem !important; } body.page-checkout footer .airevo-checkout-trust .row { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; margin: 0 !important; } body.page-checkout footer .airevo-checkout-trust .row > [class*="col-"] { width: 100% !important; padding: 0 !important; } body.page-checkout footer .airevo-checkout-trust__item { grid-template-columns: 48px minmax(0, 1fr) !important; align-items: center !important; gap: 13px !important; margin: 0 !important; padding: 16px 0 !important; border: 0 !important; border-bottom: 1px solid #d9e7e4 !important; border-radius: 0 !important; background: transparent !important; } body.page-checkout footer .airevo-checkout-trust .row > [class*="col-"]:last-child .airevo-checkout-trust__item { border-bottom: 0 !important; } body.page-checkout footer .airevo-checkout-trust__icon { width: 48px !important; height: 48px !important; } body.page-checkout footer .airevo-checkout-trust__icon svg { width: 28px !important; height: 28px !important; } body.page-checkout footer .airevo-checkout-trust__item .title { margin-bottom: 5px !important; font-size: .91rem !important; line-height: 1.3 !important; } body.page-checkout footer .airevo-checkout-trust__item .sub-title { font-size: .78rem !important; line-height: 1.45 !important; } } /* /plugin/product_reviews/css/reviews.css */ :root{--pr-ink:#102536;--pr-muted:#667783;--pr-line:#dce7e8;--pr-mint:#eafaf7;--pr-accent:#0bb7a7;--pr-accent-dark:#087b72;--pr-warm:#ffae2b;--pr-danger:#d64b4b} .product-rating-jump{appearance:none;border:0;background:transparent;padding:8px 0;margin:8px 0 12px;display:inline-flex;align-items:center;gap:8px;color:var(--pr-ink);font-size:14px;cursor:pointer}.product-rating-jump:hover span:last-child{text-decoration:underline}.product-rating-stars{color:var(--pr-warm);letter-spacing:1px}.product-rating-jump strong{font-size:14px}.product-rating-jump span:last-child{color:var(--pr-muted)} .product-review-tab-count{font-size:.78em;color:#71808a}.product-reviews{font-family:inherit;color:var(--pr-ink);padding:clamp(18px,3vw,44px) 0 24px}.product-reviews *{box-sizing:border-box}.product-reviews button,.product-reviews input,.product-reviews textarea{font:inherit}.product-reviews__hero{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(280px,1fr) minmax(260px,1.15fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(24px,4vw,48px);border-radius:26px;background:linear-gradient(-135deg,#0c2b3a 0%,#123f4e 56%,#0c726a 135%);color:#fff;box-shadow:0 25px 70px rgba(16,37,54,.16);overflow:hidden;position:relative}.product-reviews__hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(130,244,224,.22);border-radius:50%;left:-90px;top:-140px;box-shadow:0 0 0 55px rgba(130,244,224,.055),0 0 0 110px rgba(130,244,224,.035)}.product-reviews__score,.product-reviews__distribution,.product-reviews__promise{position:relative;z-index:1}.product-reviews__eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#89eddf}.product-reviews__score>div:first-of-type{display:flex;align-items:baseline;gap:6px;margin:8px 0 2px}.product-reviews__score strong{font-size:clamp(44px,5vw,72px);line-height:1}.product-reviews__score>div span{font-size:16px;color:#c7dadd}.product-reviews__stars{font-size:18px;color:#ffc153;letter-spacing:2px}.product-reviews__score p{margin:7px 0 0;color:#c7dadd;font-size:13px}.product-reviews__distribution{display:grid;gap:7px}.product-review-bar{display:grid;grid-template-columns:34px 1fr 34px;gap:10px;align-items:center;color:#d6e5e7;font-size:12px}.product-review-bar__track{height:7px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}.product-review-bar__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(-90deg,#72e7d5,#e5fff9)}.product-reviews__promise{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:18px;backdrop-filter:blur(10px)}.product-reviews__promise-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#e4fff9;color:#0b766d;font-size:21px;flex:0 0 auto}.product-reviews__promise strong{display:block;font-size:16px;margin-bottom:5px}.product-reviews__promise p{margin:0;color:#d2e3e5;line-height:1.6;font-size:12px} .product-reviews__status{text-align:center;color:var(--pr-muted);font-size:14px;padding:28px 0 8px}.product-reviews__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.product-review-card{border:1px solid var(--pr-line);border-radius:22px;background:#fff;padding:clamp(20px,3vw,30px);box-shadow:0 12px 35px rgba(17,45,58,.055);display:flex;flex-direction:column;min-height:250px;transition:transform .22s ease,box-shadow .22s ease}.product-review-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(17,45,58,.1)}.product-review-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-review-card__person{display:flex;align-items:center;gap:12px;min-width:0}.product-review-card__avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:linear-gradient(-135deg,#d9f8f2,#b7d9ee);border:2px solid #fff;box-shadow:0 0 0 1px #d9e6e7}.product-review-card__initials{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#0b5753;background:linear-gradient(-135deg,#d8fbf5,#b7e0ef);border:2px solid #fff;box-shadow:0 0 0 1px #d9e6e7}.product-review-card__name{font-size:15px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-review-card__date{display:block;color:var(--pr-muted);font-size:12px;margin-top:2px}.product-review-card__rating{color:var(--pr-warm);letter-spacing:1px;font-size:16px;white-space:nowrap}.product-review-card__badge{display:inline-flex;align-items:center;gap:5px;width:max-content;margin:15px 0 0;padding:5px 9px;border-radius:999px;background:var(--pr-mint);color:#08786f;font-size:12px;font-weight:750}.product-review-card__badge--editorial{background:#f0f3f5;color:#65727d}.product-review-card h3{font-size:19px;line-height:1.35;margin:18px 0 7px;color:var(--pr-ink)}.product-review-card__copy{font-size:14px;line-height:1.75;color:#435660;margin:0;white-space:pre-line}.product-review-card__media{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:20px}.product-review-card__media button{padding:0;border:0;background:none;border-radius:13px;overflow:hidden;cursor:zoom-in}.product-review-card__media img,.product-review-card__media video{display:block;width:92px;height:92px;object-fit:cover;border-radius:13px;border:1px solid var(--pr-line);background:#eef3f4}.product-review-card__media video{cursor:default}.product-reviews__empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed var(--pr-line);border-radius:22px;color:var(--pr-muted)} .product-reviews__pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:28px 0 10px}.product-reviews__pagination button{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--pr-line);border-radius:12px;background:#fff;color:var(--pr-ink);font-size:13px;transition:.18s}.product-reviews__pagination button:hover,.product-reviews__pagination button.is-active{background:var(--pr-ink);border-color:var(--pr-ink);color:#fff}.product-reviews__pagination button:disabled{opacity:.4;cursor:not-allowed} .product-reviews__composer{margin-top:34px}.product-review-gate{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;padding:25px;border:1px solid #cae9e5;border-radius:22px;background:linear-gradient(-135deg,#f0fcfa,#f8fbfc)}.product-review-gate__icon{width:56px;height:56px;border-radius:18px;background:#fff;display:grid;place-items:center;color:var(--pr-accent-dark);font-size:25px;box-shadow:0 8px 25px rgba(5,114,103,.1)}.product-review-gate h3{font-size:19px;margin:0 0 5px}.product-review-gate p{margin:0;color:var(--pr-muted);line-height:1.55;font-size:13px}.product-review-gate a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 20px;border-radius:999px;background:var(--pr-ink);color:#fff;text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap}.product-review-gate a:hover{background:var(--pr-accent-dark);color:#fff}.product-review-form{padding:clamp(23px,4vw,42px);border:1px solid var(--pr-line);border-radius:24px;background:linear-gradient(-180deg,#fff,#f8fbfb);box-shadow:0 15px 45px rgba(17,45,58,.07)}.product-review-form__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.product-review-form h3{font-size:24px;margin:0 0 5px}.product-review-form__head p{margin:0;color:var(--pr-muted);font-size:13px}.product-review-form__rating{display:flex;gap:3px;flex-direction:row-reverse}.product-review-form__rating button{border:0;background:transparent;color:#c8d0d4;font-size:28px;padding:0 2px;line-height:1;cursor:pointer}.product-review-form__rating button:hover,.product-review-form__rating button:hover~button,.product-review-form__rating button.is-active,.product-review-form__rating button.is-active~button{color:var(--pr-warm)}.product-review-form label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.product-review-form input[type=text],.product-review-form textarea{width:100%;border:1px solid #cedbdd;border-radius:14px;background:#fff;color:var(--pr-ink);padding:13px 15px;outline:none;font-size:14px;transition:.18s}.product-review-form input[type=text]:focus,.product-review-form textarea:focus{border-color:var(--pr-accent);box-shadow:0 0 0 4px rgba(11,183,167,.1)}.product-review-form textarea{min-height:140px;resize:vertical}.product-review-form__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.product-review-form__uploads{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.product-review-upload{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px dashed #aec9c7;border-radius:13px;background:#f2fbf9;color:#176d66;font-size:13px;font-weight:700;cursor:pointer}.product-review-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.product-review-form__media{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.product-review-form__media-item{width:84px;height:84px;border-radius:13px;position:relative;overflow:hidden;border:1px solid var(--pr-line);background:#edf2f3;cursor:grab}.product-review-form__media-item img,.product-review-form__media-item video{width:100%;height:100%;object-fit:cover}.product-review-form__media-item button{position:absolute;left:5px;top:5px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(12,29,40,.82);color:#fff;display:grid;place-items:center}.product-review-form__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.product-review-form__notice{color:var(--pr-muted);font-size:12px;line-height:1.5}.product-review-form__submit{border:0;border-radius:999px;background:var(--pr-ink);color:#fff;min-height:48px;padding:0 27px;font-weight:750;font-size:14px}.product-review-form__submit:hover{background:var(--pr-accent-dark)}.product-review-form__submit:disabled{opacity:.55;cursor:wait}.product-review-form__message{font-size:13px;margin-top:12px}.product-review-form__message.is-error{color:var(--pr-danger)}.product-review-form__message.is-success{color:#08786f}.product-review-lightbox{position:fixed;inset:0;z-index:10050;background:rgba(4,15,23,.9);display:flex;align-items:center;justify-content:center;padding:28px}.product-review-lightbox[hidden]{display:none}.product-review-lightbox img{max-width:min(1100px,94vw);max-height:90vh;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.45)}.product-review-lightbox button{position:absolute;left:24px;top:20px;border:0;background:#fff;color:#102536;width:44px;height:44px;border-radius:50%;font-size:25px} .av-stories__grid.is-review-loading,.reviews ._3-col-grid.is-review-loading{min-height:260px;opacity:.55}.av-story__identity{display:flex;gap:10px;align-items:center}.av-story__identity img,.av-story__identity .product-review-card__initials{width:42px;height:42px;flex:0 0 42px}.reviews ._3-col-grid .grid .product-review-editorial{color:#6d7c85;font-size:12px}.reviews ._3-col-grid .grid .image-23{object-fit:cover} @media(max-width:991px){.product-reviews__hero{grid-template-columns:1fr 1fr}.product-reviews__promise{grid-column:1/-1}.product-reviews__list{grid-template-columns:1fr}.product-review-form__grid{grid-template-columns:1fr}} @media(max-width:767px){.product-reviews{padding-top:10px}.product-reviews__hero{grid-template-columns:1fr;border-radius:20px;padding:24px}.product-reviews__promise{grid-column:auto}.product-review-card{border-radius:18px;padding:20px}.product-review-card__top{align-items:flex-start}.product-review-card__rating{font-size:14px}.product-review-gate{grid-template-columns:48px 1fr}.product-review-gate__icon{width:48px;height:48px}.product-review-gate a{grid-column:1/-1;width:100%}.product-review-form{padding:21px;border-radius:19px}.product-review-form__head{display:block}.product-review-form__rating{justify-content:flex-end;width:max-content;margin-top:13px}.product-review-form__footer{align-items:stretch;flex-direction:column}.product-review-form__submit{width:100%}} @media(prefers-reduced-motion:reduce){.product-review-card{transition:none}} /* AirEvo document-review refinement, 2026-08-24 */ #product-reviews{width:100vw;max-width:none;margin-right:calc(50% - 50vw);background:linear-gradient(-180deg,#f4fbfa 0,#fff 260px);padding:0} #product-reviews .product-reviews{box-sizing:border-box;width:min(1920px,100%);max-width:1920px;margin:0 auto;padding:clamp(18px,3vw,44px) 50px 64px} .product-reviews__hero,.product-reviews__hero *{color:#fff!important} .product-reviews__hero [data-review-average],.product-reviews__hero .product-reviews__promise strong{color:#fff!important} .product-reviews__hero .product-review-bar,.product-reviews__hero .product-review-bar span{color:#e1f1f2!important} .product-reviews__hero .product-reviews__eyebrow{color:#8ef2df!important} .product-reviews__hero .product-reviews__stars{color:#ffc153!important} .product-reviews__hero .product-reviews__score p,.product-reviews__hero .product-reviews__score>div span,.product-reviews__hero .product-reviews__promise p{color:#d9e9eb!important} .product-reviews__hero .product-reviews__promise-icon,.product-reviews__hero .product-reviews__promise-icon i{color:#08766d!important} .product-review-card{background:linear-gradient(-180deg,#fff 0,#fbfdfd 100%);border-color:#d9e8e7;box-shadow:0 18px 48px rgba(16,37,54,.075)} .product-review-card__copy{text-align:right;color:#344a55} .product-review-card__avatar{flex:0 0 auto} .av-story__identity{width:100%;padding:12px 14px;border-radius:14px;background:rgba(231,248,245,.92);border:1px solid rgba(20,113,105,.08)} .av-story--feature .av-story__identity{background:rgba(255,255,255,.94)} .av-story__identity>div{min-width:0} .av-story__identity strong,.av-story__identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .reviews ._3-col-grid .fc-featured-review{align-items:stretch!important;justify-content:flex-start!important;text-align:right!important;padding:26px!important;border:1px solid #dce7e8;border-radius:22px;background:#fff;box-shadow:0 18px 52px rgba(17,45,58,.08);min-height:320px} .fc-featured-review__head{display:flex;align-items:center;gap:13px} .reviews ._3-col-grid .fc-featured-review .image-23{width:56px!important;height:56px!important;max-width:none!important;border-radius:50%!important;box-shadow:0 0 0 4px #edf9f7;object-fit:cover} .fc-featured-review__name{display:block;color:#102536;font-size:15px;line-height:1.25} .reviews ._3-col-grid .fc-featured-review .image-24{margin:4px 0 0!important;color:#ffae2b;font-size:16px;letter-spacing:1px} .reviews ._3-col-grid .fc-featured-review .paragraph-6{margin:22px 0 0!important;text-align:right!important;color:#334b56;font-size:15px;line-height:1.72;display:flex;flex-direction:column;gap:8px} .reviews ._3-col-grid .fc-featured-review .text-block-16{display:block;margin-top:auto!important;padding-top:20px;color:#71818a!important;font-size:12px!important;line-height:1.4!important;border-top:1px solid #e5eeee} @media(max-width:767px){#product-reviews{padding:0}.product-reviews{padding-top:10px}#product-reviews .product-reviews{width:100%;padding:10px 12px 40px}.product-reviews__hero{border-radius:18px}.product-reviews__list{gap:14px}.av-story__identity{padding:10px 11px}.reviews ._3-col-grid .fc-featured-review{padding:20px!important;min-height:0}} /* Mobile AirEvo radius system: rectangular review surfaces use 8px; identity avatars, status pills and circular controls keep their native shape. */ @media(max-width:767px){ .product-reviews__hero, .product-reviews__promise, .product-review-card, .product-reviews__empty, .product-review-gate, .product-review-gate__icon, .product-review-form, .product-review-form input[type=text], .product-review-form textarea, .product-review-upload, .product-review-form__media-item, .product-review-card__media button, .product-review-card__media img, .product-review-card__media video, .product-review-lightbox img{ border-radius:8px!important; } .product-reviews__pagination button, .product-review-gate a, .product-review-form__submit{ border-radius:8px!important; } } /* /plugin/servicecus/css/mobile.css */ @media (max-width: 767.98px) { .service_cust_mobile_main_div { width: 100%; overflow: hidden; border-bottom: 1px solid #d7e2e5; } .service_cust_mobile_main_div ul { display: flex; width: 100%; margin: 0; padding: 8px 10px; gap: 10px; overflow-x: auto; } .service_cust_mobile_main_div ul li { flex: 0 0 48px; list-style: none; } .service_cust_mobile_main_div .servicecus-mobile-link { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #ffffff60; border-radius: 50%; color: #fff; text-decoration: none; } .service_cust_mobile_main_div .servicecus-mobile-link i { font-size: 22px; line-height: 1; } .js_css_20231109_slidebar, .wah_img { display: none !important; } #ss_menu { position: fixed; left: max(16px, env(safe-area-inset-left)); bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 88; width: 56px; height: 56px; color: #173d42; transform: none !important; isolation: isolate; font-family: inherit; } #ss_menu > .servicecus-mobile-backdrop { position: fixed; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: rgba(12, 37, 43, .22); opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .18s ease, visibility .18s ease; } #ss_menu.is-open > .servicecus-mobile-backdrop { opacity: 1; pointer-events: auto; visibility: visible; } #ss_menu .servicecus-panel { position: absolute; left: 0; bottom: 70px; z-index: 2; width: min(304px, calc(100vw - 32px)); box-sizing: border-box; padding: 16px; border: 1px solid #dce9e7; border-radius: 16px; background: #fff; box-shadow: 0 12px 36px rgba(14, 44, 47, .16); max-height: calc(100dvh - 110px - env(safe-area-inset-bottom)); overflow-y: auto; animation: servicecus-panel-in .18s ease-out; } #ss_menu .servicecus-panel[hidden] { display: none !important; } #ss_menu .servicecus-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; } #ss_menu .servicecus-panel-header h2 { margin: 0; color: #153a3e; font-size: 17px; font-weight: 700; line-height: 1.4; } #ss_menu .servicecus-panel-close { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; padding: 0; border: 0; border-radius: 8px; background: #f0f5f4; color: #526b70; font-size: 15px; cursor: pointer; } #ss_menu .servicecus-channel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } #ss_menu .servicecus-channel-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-width: 0; min-height: 104px; box-sizing: border-box; padding: 14px 8px; border: 1px solid #e3eeeb; border-radius: 10px; background: #f8fbfa; color: #234449; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: background .15s ease, border-color .15s ease; } #ss_menu .servicecus-channel-card:active { background: #eaf4f0; border-color: #aacbc3; } #ss_menu .servicecus-card-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: var(--channel-tint); color: var(--channel-color); } #ss_menu .servicecus-card-icon i { color: inherit; font-size: 26px; line-height: 1; } #ss_menu .servicecus-card-label { color: inherit; font-size: 13px; font-weight: 600; line-height: 1.3; white-space: nowrap; } #ss_menu .servicecus-channel-whatsapp { --channel-color: #158744; --channel-tint: #e0f4e7; } #ss_menu .servicecus-channel-messenger { --channel-color: #1467ee; --channel-tint: #e5efff; } #ss_menu .servicecus-channel-telegram { --channel-color: #1686b8; --channel-tint: #e0f2f9; } #ss_menu .servicecus-channel-email { --channel-color: #147f78; --channel-tint: #ddf2ed; } #ss_menu > .menu { position: absolute; inset: 0; z-index: 3; width: 56px; height: 56px; border-radius: 50%; box-shadow: 0 5px 18px rgba(10, 89, 91, .24); } #ss_menu .share { position: relative; display: grid; place-items: center; width: 100%; height: 100%; margin: 0; padding: 0; border: 1px solid #ffffff80; border-radius: inherit; background: #087e82; color: #fff; cursor: pointer; -webkit-tap-highlight-color: transparent; } #ss_menu .share:active { background: #07676d; } #ss_menu .circle1 { display: grid; place-items: center; width: 100%; height: 100%; } #ss_menu .airevo-contact-icon { display: block; width: 39px; height: 39px; overflow: visible; } #ss_menu .airevo-contact-icon__back { fill: #7be3d7; } #ss_menu .airevo-contact-icon__front { fill: #fff; } #ss_menu .airevo-contact-icon__dot { fill: #087e82; } #ss_menu .airevo-contact-icon__spark { fill: #c5fff6; } #ss_menu .menu.ss_active .airevo-contact-icon { visibility: hidden; } #ss_menu .menu.ss_active .share::before, #ss_menu .menu.ss_active .share::after { position: absolute; top: 50%; right: 50%; width: 23px; height: 2px; border-radius: 2px; content: ''; background: #fff; transform: translate(50%, -50%) rotate(-45deg); } #ss_menu .menu.ss_active .share::after { transform: translate(50%, -50%) rotate(45deg); } #ss_menu button:focus-visible, #ss_menu a:focus-visible { outline: 3px solid #39b6a9; outline-offset: 3px; } html body #back-top { left: max(22px, env(safe-area-inset-left)); bottom: calc(90px + env(safe-area-inset-bottom)); width: 44px; height: 44px; } #ss_menu.is-open ~ #back-top { visibility: hidden; } @keyframes servicecus-panel-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { #ss_menu *, #ss_menu *::before, #ss_menu *::after { animation: none !important; transition: none !important; } } /* /plugin/servicecus/css/servicecu.css */ #talks { position: fixed; left: 20px; bottom: 120px; z-index: 80; display: flex; width: 52px; flex-direction: column; align-items: center; gap: 9px; isolation: isolate; } /* Override the legacy CustomerChat rail skin while keeping that plugin installed. */ html body #talks { width: 52px !important; gap: 9px !important; } #talks .servicecus-contact-link { position: relative; display: grid; width: 50px; height: 50px; flex: 0 0 50px; place-items: center; border: 1px solid rgba(255, 255, 255, .38); border-radius: 50%; color: #fff; text-decoration: none; box-shadow: 0 8px 22px rgba(8, 32, 42, .2), inset 0 1px 0 rgba(255, 255, 255, .28); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } html body #talks > a.servicecus-contact-link { box-sizing: border-box !important; width: 50px !important; min-width: 50px !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; } html body #talks > a.servicecus-contact-link::before { display: none !important; width: 0 !important; height: 0 !important; content: none !important; -webkit-mask-image: none !important; mask-image: none !important; } #talks .servicecus-contact-link:hover, #talks .servicecus-contact-link:focus-visible { z-index: 2; color: #fff; filter: saturate(1.08) brightness(1.04); outline: none; transform: translateX(3px) scale(1.08); box-shadow: 0 12px 28px rgba(8, 32, 42, .28), 0 0 0 3px rgba(255, 255, 255, .72); } #talks .servicecus-channel-icon { font-size: 23px; line-height: 1; } #talks .servicecus-channel-label { position: absolute; top: 50%; left: calc(100% + 12px); width: max-content; max-width: 190px; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 9px; background: rgba(8, 29, 38, .94); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: .01em; opacity: 0; pointer-events: none; transform: translate(-6px, -50%); transition: opacity .18s ease, transform .18s ease; white-space: nowrap; } #talks .servicecus-channel-label::after { position: absolute; top: 50%; right: 100%; border: 5px solid transparent; border-right-color: rgba(8, 29, 38, .94); content: ''; transform: translateY(-50%); } #talks .servicecus-contact-link:hover .servicecus-channel-label, #talks .servicecus-contact-link:focus-visible .servicecus-channel-label { opacity: 1; transform: translate(0, -50%); } html body #talks > a.servicecus-channel-whatsapp { background: #20bd5a !important; } html body #talks > a.servicecus-channel-messenger { background: linear-gradient(-145deg, #00b2ff 0%, #006aff 62%, #7b37ff 100%) !important; } html body #talks > a.servicecus-channel-instagram { background: radial-gradient(circle at 31% 102%, #ffd600 0 22%, #ff7a00 35%, #ff0169 59%, #d300c5 78%, #7638fa 100%) !important; } html body #talks > a.servicecus-channel-telegram { background: linear-gradient(-145deg, #35b9f1, #168ac7) !important; } html body #talks > a.servicecus-channel-tiktok { background: #111 !important; } html body #talks > a.servicecus-channel-email { background: linear-gradient(-145deg, #37cfc6, #0c7788) !important; } #talks .servicecus-channel-tiktok .servicecus-channel-icon { text-shadow: 1px 0 #25f4ee, -1px 0 #fe2c55; } /* The live-chat service remains installed; only its launcher is temporarily hidden. */ .airevo-chat__launcher, html body #talks .airevo-chat__launcher, html body.page-home #talks .airevo-chat__launcher, html body.page-product #talks .airevo-chat__launcher { display: none !important; } /* Back to top */ #back-top { position: fixed; left: 20px; bottom: 50px; z-index: 80; display: none; width: 50px; height: 50px; box-sizing: border-box; margin: 0; border: 1px solid rgba(255, 255, 255, .38); border-radius: 50%; background: linear-gradient(-145deg, #37cfc6, #0c7788); box-shadow: 0 8px 22px rgba(8, 32, 42, .2), inset 0 1px 0 rgba(255, 255, 255, .28); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; } #back-top:hover { filter: saturate(1.08) brightness(1.04); transform: translateY(-2px) scale(1.08); box-shadow: 0 12px 28px rgba(8, 32, 42, .28), 0 0 0 3px rgba(255, 255, 255, .72); } #back-top > a { display: grid; width: 100%; height: 100%; place-items: center; border-radius: inherit; color: #fff; text-decoration: none; } #back-top > a:focus-visible { border-radius: inherit; outline: 3px solid rgba(32, 207, 192, .32); outline-offset: 3px; } #back-top span { display: grid; width: 24px; height: 24px; place-items: center; color: #fff; line-height: 1; text-align: center; cursor: pointer; } #back-top span i { font-size: 23px; } #back-top span svg { width: 24px; height: 24px; font-size: 24px; } @media (max-width: 768px) { html body #talks { display: none !important; } } @media (min-width: 769px) and (max-height: 780px) { #talks { gap: 7px; } #talks .servicecus-contact-link { width: 46px; height: 46px; flex-basis: 46px; } } @media (prefers-reduced-motion: reduce) { #talks .servicecus-contact-link, #talks .servicecus-channel-label, #back-top { transition: none; } } /* /vendor/swiper/swiper-bundle.min.css */ /** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-right:auto;margin-left:auto;z-index:1}.swiper{margin-right:auto;margin-left:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;right:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;right:50%;top:50%;margin-right:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;right:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(-180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);right:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-right,8px);right:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{right:50%;transform:translateX(50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;right:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:right top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:left top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);right:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;right:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;right:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:var(--swiper-scrollbar-left,auto);left:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);right:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;right:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:100% 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:0% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;right:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;right:0;top:0;bottom:0;left:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}