.offline-art{position:relative;width:100%;aspect-ratio:1;overflow:hidden;isolation:isolate;container-type:inline-size;color:white;background:radial-gradient(ellipse at 12% 95%,#7fc9ff80,transparent 60%),linear-gradient(135deg,#0b6ee9,#087bfa 70%,#43a9ff);border-radius:inherit;text-align:left}
.offline-art__cloud{position:absolute;width:80%;height:auto;opacity:.85;z-index:-1;pointer-events:none}.offline-art__cloud--left{left:-48%;top:20%;transform:rotate(80deg)}.offline-art__cloud--right{right:-44%;bottom:2%;transform:rotate(-80deg)}
.offline-art__heading{position:absolute;top:8%;left:6%;width:88%;margin:0!important;font-size:6cqw!important;line-height:1.1!important;font-weight:800!important;text-align:center;color:#fff!important;letter-spacing:-.035em}.offline-art__heading em{font-family:var(--font-accent,Georgia,serif);font-weight:400}
.offline-art__phone{position:absolute;width:28%;height:auto!important;object-fit:contain;right:8%;top:29%;transform:rotate(8deg);filter:drop-shadow(0 1cqw 1cqw #00398266);z-index:2}
.offline-art__brand{position:absolute;bottom:4%;left:4%;width:23%;height:4%;background:white;mask:var(--brand-logo) center/contain no-repeat;-webkit-mask:var(--brand-logo) center/contain no-repeat}
.offline-art--1 .offline-art__phone{left:15%;top:27%;width:27%;transform:rotate(12deg)}.offline-art__badge{position:absolute;left:4%;top:25%;max-width:24%;padding:2%;font-size:2.4cqw;font-weight:700;border-radius:99px;background:white;color:#071628;transform:rotate(-12deg);z-index:3}
.offline-art__benefits{position:absolute;right:6%;top:31%;width:43%;margin:0!important;padding:2.5%!important;list-style:none;background:white;border-radius:3cqw;color:#071628;font-size:2.7cqw;font-weight:700;line-height:1.3;box-shadow:0 1cqw 3cqw #00448b22}.offline-art__benefits li{display:flex;align-items:center;gap:2cqw;min-height:10cqw;border-bottom:1px solid #dae3eb;padding:1.5cqw 0}.offline-art__benefits li:last-child{border:0}.offline-art__icon{font-size:4.5cqw;flex-shrink:0;display:grid;place-items:center;width:7cqw;height:7cqw;border-radius:50%;background:#eff3f7}
.offline-art__apps{position:absolute;left:6%;top:30%;width:61%;display:grid;grid-template-columns:1fr 1fr;background:white;color:#0a1f3d;padding:3%;border-radius:3cqw;gap:2cqw;font-size:2.6cqw;line-height:1.5}.offline-art__apps strong{font-size:2.8cqw}.offline-art__apps ul{padding:2cqw 0!important;margin:0!important;list-style:none}.offline-art__apps p{grid-column:1/-1;border-top:1px solid #ddd;margin:0;padding-top:2cqw;font-size:2cqw}.offline-art__apps s{color:#788297}
.offline-art__photos{position:absolute;left:5%;top:30%;width:60%;display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.offline-art__photos figure{margin:0;background:white;color:#111;padding:1.7cqw;border-radius:1.5cqw;transform:rotate(-4deg)}.offline-art__photos figure:nth-child(even){transform:rotate(4deg)}.offline-art__photos figcaption{font-family:Georgia,serif;font-style:italic;font-size:2.6cqw;text-align:center;padding-top:1cqw}.offline-art__photo{display:block;aspect-ratio:1;background-size:cover;background-position:center;border-radius:.5cqw}.offline-art__photo--1{background-image:url('offline-gallery-lunch-us.webp')}.offline-art__photo--2{background-image:url('offline-gallery-sunset-us.webp')}.offline-art__photo--3{background-image:url('offline-gallery-walk-de.webp')}.offline-art__photo--4{background-image:url('offline-gallery-selfie-us.webp')}
.offline-art__quotes{position:absolute;left:7%;top:30%;width:53%;display:grid;gap:2.2cqw}.offline-art__quotes blockquote{margin:0;padding:3cqw;border-radius:2cqw;background:#fff;color:#11152a;transform:rotate(-3deg);font-size:2.7cqw;font-weight:700;line-height:1.25}.offline-art__quotes blockquote:nth-child(2){transform:rotate(2deg)}.offline-art__quotes span{color:#ffbf27;font-size:4cqw;letter-spacing:.08em}.offline-art__quotes p{margin:1cqw 0 0}
.offline-art__specs{position:absolute;top:30%;left:5%;width:57%;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;color:#0a1f3d;padding:2cqw;border-radius:3cqw;margin:0}.offline-art__specs div{text-align:center;border-bottom:1px solid #dde5ee;padding:3cqw 1cqw;min-width:0}.offline-art__specs dt{font-size:2cqw;line-height:1.2;min-height:5cqw}.offline-art__specs dd{font-size:2.5cqw;line-height:1.25;font-weight:800;margin:0;overflow-wrap:anywhere}
.buy__card .offline-thumb>span{display:none;width:100%;height:100%;overflow:hidden;border-radius:inherit}.offline-thumb .offline-art{width:100%;height:100%}.offline-thumb .offline-art *{pointer-events:none}.offline-art--thumb h4,.offline-art--thumb p{overflow:hidden}

@media(min-width:768px){.buy__card .offline-thumb>span{display:block}.offline-thumb .offline-art__phone{width:28%;height:auto}.offline-thumb .offline-art--1 .offline-art__phone{width:27%}.offline-thumb .offline-art__cloud{width:80%;height:auto}}