@charset "UTF-8";*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:#192332;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#e6edf4;line-height:1.5}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #286cdc;outline-offset:5px}.ambient{position:absolute;z-index:-1;top:0;left:0;width:100%;height:1600px;background:radial-gradient(ellipse at 78% 23%,#b3d5f7 0,transparent 40%),radial-gradient(ellipse at 85% 40%,#d6c5f1 0,transparent 38%),radial-gradient(ellipse at 10% 50%,#f3f1ec 0,transparent 44%),linear-gradient(#e7edf4,#e4edf4)}.glass{background:linear-gradient(125deg,#ffffffb0,#ffffff42);border:1px solid #ffffffd9;box-shadow:inset 0 1px 1px #fff,0 12px 42px #38536e09;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}header{position:sticky;top:18px;z-index:20;max-width:1240px;margin:18px auto 0;padding:14px 24px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:15px}.brandmark{font-weight:780;letter-spacing:-4px;font-size:39px;line-height:1}.brandmark .dot{color:#467fec}.brandcaption{font-size:9px;letter-spacing:1.5px;max-width:70px;line-height:1.6}nav{display:flex;gap:30px;font-size:13px}nav a{transition:opacity .2s}nav a:hover{opacity:.6}.header-actions{display:flex;align-items:center;gap:22px}.city-label{display:flex;align-items:center;gap:4px}.city{border:0;background:transparent;font-size:13px;cursor:pointer}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:16px 24px;border-radius:100px;font-size:14px;font-weight:550;transition:transform .25s,box-shadow .25s;background-color:transparent;white-space:nowrap;border:1px solid #ffffffdb;min-height:48px}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #315b7522}.dark{background:#1b283b;color:white;border-color:#1b283b;box-shadow:inset 0 1px 1px #ffffff33,0 5px 16px #1b283b15}.compact{padding:12px 19px;min-height:43px}main{max-width:1200px;margin:auto}.hero{min-height:710px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:50px 20px 40px;gap:20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:#427ebd;border-radius:50%;box-shadow:0 0 0 4px #427ebd13}h1{font-size:clamp(65px,7.6vw,100px);font-weight:620;line-height:1.02;letter-spacing:-6px;margin:28px 0}.shine{background:linear-gradient(115deg,#3379c0,#6c73ba 65%,#a87da6);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:23px;line-height:1.45;letter-spacing:-.5px;margin:24px 0 16px}.hero-sub{font-size:14px;color:#5e6b7a}.hero-buttons{display:flex;gap:12px;margin-top:30px}.hero-meta{display:flex;gap:24px;font-size:10px;color:#687583;margin-top:33px}.hero-meta span:before{content:'·';margin-right:6px}.hero-art{height:590px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.phone{width:244px;height:492px;border-radius:46px;background:linear-gradient(110deg,#edf3fa,#7b8796 20%,#cad5e1 30%,#e6eaf4 60%,#667282);padding:7px;box-shadow:25px 35px 45px #4d5d8730,inset 0 0 0 1px #fff;transform:rotate(-13deg);position:relative;animation:float 7s ease-in-out infinite}.phone:before{content:'';position:absolute;left:-3px;top:125px;width:3px;height:47px;background:#84909e;border-radius:3px}.phone-screen{height:100%;border:4px solid #151e30;overflow:hidden;border-radius:40px;position:relative;background:radial-gradient(ellipse at 100% 100%,#a9deff,transparent 65%),linear-gradient(140deg,#7eacec,#b5c0ff 50%,#f4bdda);text-align:center}.island{position:absolute;z-index:4;top:12px;left:50%;transform:translateX(-50%);width:76px;height:22px;border-radius:20px;background:#121b2c}.phone-time{position:relative;z-index:2;margin-top:57px;font-size:56px;font-weight:550;letter-spacing:-2px;color:white;line-height:1.2}.phone-date{position:relative;z-index:2;color:#fff;font-size:11px}.wallpaper{position:absolute;width:340px;height:390px;left:-92px;top:105px;border:38px solid #f0e8ff90;border-radius:48% 52% 35% 60%;box-shadow:inset 8px 15px 30px #fff8,8px 12px 28px #737bc066;transform:rotate(-35deg)}.wallpaper:before{content:'';position:absolute;inset:28px;border:20px solid #a4d4ffb0;border-radius:50%;box-shadow:inset 4px 6px 20px #fff8,5px 8px 20px #737bc066}.phone-widget{position:absolute;bottom:90px;left:16px;right:16px;display:flex;align-items:center;text-align:left;gap:10px;border-radius:19px;padding:14px 12px;font-size:12px}.widget-icon{background:#ffffff9c;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.phone-widget small{display:block;font-size:9px;opacity:.7}.phone-dock{position:absolute;bottom:18px;left:16px;right:16px;border-radius:24px;padding:12px;display:flex;justify-content:space-around}.phone-dock span{border-radius:12px;background:#fff7;width:32px;height:32px;display:grid;place-items:center;font-size:20px}.orbit{position:absolute;border:1px solid #ffffff80;border-radius:50%;z-index:-1;width:500px;height:500px;transform:rotate(-20deg) scaleY(.7)}.orbit-two{width:600px;height:600px;transform:rotate(35deg) scaleX(.75)}.floating{position:absolute;border-radius:23px;padding:17px 22px;display:flex;align-items:center;gap:12px;font-size:13px;box-shadow:0 15px 35px #52638b10;animation:float 8s ease-in-out infinite reverse}.floating small{display:block;font-size:10px;color:#52637a;margin-top:3px}.float-top{right:-6px;top:100px;transform:rotate(5deg)}.float-bottom{left:3px;bottom:90px;transform:rotate(-5deg)}.icon{display:inline-flex;width:25px;height:25px;flex-shrink:0}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.art-note{position:absolute;bottom:12px;font-size:8px;letter-spacing:.4px;color:#637387}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 36px;border-radius:25px;margin:0 20px}.benefits>div{display:flex;gap:17px;align-items:center;justify-content:center}.benefits>div+div{border-left:1px solid #ffffffc0}.benefits p{font-size:13px;margin:0}.benefits small{display:block;font-size:10px;color:#647182;margin-top:5px}.section{padding:104px 20px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}h2{font-size:clamp(34px,4vw,50px);font-weight:570;line-height:1.12;letter-spacing:-2px;margin:18px 0}.section-head p{font-size:14px;color:#667385;max-width:340px;margin:0 0 5px}.catalog{border-radius:32px;padding:30px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:22px}.filters label,dialog label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#627083}input,select,textarea{color:#1e2b3b}input,textarea,.filters select,dialog select{width:100%;padding:14px 18px;border:1px solid #ffffffd6;background:#ffffff80;border-radius:14px;font-size:14px;outline-offset:2px}.tabs{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.tabs button,.city-switch button{border:1px solid transparent;background:transparent;border-radius:40px;padding:10px 18px;font-size:12px;color:#536276;transition:background .2s}.tabs .active,.city-switch .active{background:#fff;box-shadow:0 3px 8px #293d5910;color:#1b283b;border-color:#ffffffc0}.service{display:flex;align-items:center;gap:20px;padding:18px 5px;border-top:1px solid #becbd344;animation:appear .35s ease-out}.service .icon{color:#526a86;width:22px}.service-name{flex:1;font-size:14px}.price{font-size:17px;font-weight:600;white-space:nowrap}.service button{width:36px;height:36px;border-radius:50%;border:1px solid #fff;background:#ffffff80;color:#253852;font-size:20px}.service button:hover{background:#1b283b;color:#fff}.catalog-note{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #becbd344;padding-top:23px;margin-top:10px;color:#697587;font-size:10px}.catalog-note p{margin:0;max-width:720px}.catalog-note a{margin-left:auto;white-space:nowrap;color:#374d68}.empty{padding:36px 12px;color:#536276}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.muted{color:#728094}.story-text{font-size:15px;line-height:1.8;color:#647082;max-width:410px}.text-link{font-size:13px;border-bottom:1px solid #9aabbd;padding-bottom:5px;display:inline-block;margin-top:12px}.steps{display:flex;flex-direction:column;gap:14px}.steps article{border-radius:23px;padding:24px;display:flex;gap:22px}.steps article>span{font-size:11px;color:#7d8ca0;padding-top:5px}h3{font-size:17px;font-weight:550;letter-spacing:-.3px;margin:0}.steps p{font-size:12px;color:#69788a;margin:8px 0 0;line-height:1.7}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery button{padding:10px;border-radius:25px;overflow:hidden;transition:transform .3s}.gallery button:hover{transform:translateY(-6px)}.gallery img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:17px;display:block;background:#fff}.gallery figcaption{text-align:left;font-size:11px;padding:13px 6px 4px;color:#5d6b7d}.caption{font-size:10px;color:#6d7a8b;margin:16px 0}.video-link{display:flex;align-items:center;gap:22px;border-radius:25px;padding:25px 30px;margin-top:25px}.play{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff8;font-size:26px}.video-link p{font-size:12px;color:#69778a;margin:5px 0 0}.video-link>span:last-child{margin-left:auto;font-size:12px}.contact-panel{border-radius:36px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:65px;background:radial-gradient(at 100% 90%,#b8c8fa70,transparent 60%),linear-gradient(125deg,#ffffffb0,#ffffff42)}.contact-panel p{color:#67778a;font-size:14px;line-height:1.8}.city-switch{display:inline-flex;padding:5px;border-radius:40px;background:#a5b7cb26;margin-top:20px}.city-switch button{min-width:98px}.contact-card{border-radius:28px;padding:30px}.contact-city{font-size:10px;letter-spacing:2px;color:#6f7e92}.contact-card h3{font-size:33px;margin:12px 0}.telegram{display:block;font-size:16px;color:#365e9c;margin:12px 0}.contact-card>a#phone-number{display:block;font-size:14px}.address{display:flex;gap:12px;font-size:13px;margin-top:27px}.address small{display:block;font-size:10px;color:#6b7a8d;margin-top:5px}.contact-note{display:block;font-size:10px;color:#69798d;line-height:1.6;margin-top:22px}.faq{max-width:830px;margin:auto}details{border-bottom:1px solid #b8c7d566;padding:22px 0}summary{display:flex;align-items:center;justify-content:space-between;font-size:15px;cursor:pointer;list-style:none;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:300;color:#6d7c90}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:#65768b;max-width:700px}.last-cta{margin:95px 20px 0;padding:65px 20px;text-align:center;border-radius:36px;background:radial-gradient(at 5% 100%,#b7d2ff60,transparent 55%),radial-gradient(at 95% 0%,#d0bdef60,transparent 55%),#ffffff50}.last-cta .eyebrow{justify-content:center}.last-cta h2{font-size:50px;margin:25px 0 30px}footer{max-width:1200px;padding:55px 20px 45px;margin:auto;display:flex;justify-content:space-between;gap:35px}footer p{font-size:11px;color:#728094;margin-top:17px}footer>div:nth-child(2){display:flex;flex-direction:column;gap:12px;font-size:12px}.footer-note{font-size:10px;color:#718095;line-height:1.9}footer button{border:0;background:transparent;padding:8px 0;color:#536b8b;text-decoration:underline;font-size:10px}.mobile-cta{display:none}dialog{border:1px solid #fff;border-radius:30px;background:#edf3faed;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);color:#243044;max-width:560px;width:calc(100% - 32px);padding:40px;box-shadow:0 25px 100px #1b283b44}dialog::backdrop{background:#16243b55;backdrop-filter:blur(8px)}dialog h2{font-size:34px}dialog p{font-size:13px;line-height:1.8}dialog .close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;color:#53647b}dialog label{margin:15px 0}dialog .button{width:100%;margin-top:12px}dialog small{display:block;font-size:10px;margin-top:20px;color:#65748a}#lightbox{max-width:780px;text-align:center;padding:35px 20px 20px}#lightbox img{width:100%;max-height:75vh;object-fit:contain;border-radius:16px}#lightbox a{display:block;font-size:12px;margin-top:12px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@supports not (backdrop-filter:blur(1px)){.glass{background:#edf3f9f5}}@media(min-width:1500px){header{margin-top:25px}.hero{min-height:770px}}@media(max-width:1000px){header{margin:12px 18px 0}nav{gap:15px}.brandcaption{display:none}.hero{padding-left:30px;gap:0}h1{font-size:78px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-meta{flex-direction:column;gap:4px}.hero-art{transform:scale(.9)}.floating{padding:14px}.float-top{right:-20px}.float-bottom{left:-10px}.story{gap:30px}.contact-panel{gap:30px;padding:35px}}@media(max-width:760px){header{padding:12px 17px;top:10px;border-radius:23px;gap:10px}header nav{display:none}.brandmark{font-size:35px}.header-actions{gap:8px}.compact{font-size:12px;padding:10px 13px;gap:12px}.hero{grid-template-columns:1fr;padding:50px 23px 0;text-align:center;min-height:auto;overflow:hidden}.hero-copy>.eyebrow{justify-content:center;font-size:8px;letter-spacing:1.7px}h1{font-size:76px;letter-spacing:-4.5px;margin:23px 0}.lead{font-size:20px}.hero-sub{font-size:12px}.hero-buttons{flex-direction:row;justify-content:center;gap:9px}.hero-buttons .button{font-size:11px;padding:14px 15px;gap:10px}.hero-meta{flex-direction:row;justify-content:center;font-size:8px;gap:16px}.hero-art{height:540px;transform:scale(.86);margin:-15px -20px -35px}.float-top{right:-3px;top:100px}.float-bottom{left:-5px;bottom:105px}.phone{width:225px;height:457px}.floating{font-size:11px;padding:14px 16px}.floating small{font-size:8px}.benefits{grid-template-columns:1fr;gap:22px;margin:0 18px;padding:27px}.benefits>div{justify-content:flex-start}.benefits>div+div{border-left:0}.benefits p{font-size:12px}.section{padding:70px 20px 0}.section-head{display:block;margin-bottom:25px}.section-head p{font-size:12px;margin-top:20px}.section-head .button{margin-top:12px}h2{font-size:37px;letter-spacing:-1.7px}.catalog{padding:20px 15px;border-radius:25px}.filters{grid-template-columns:1fr;gap:15px}.tabs{gap:3px;margin:18px 0}.tabs button{font-size:10px;padding:9px 11px}.service{gap:9px;padding:17px 0}.service .icon{width:18px}.service-name{font-size:11px}.price{font-size:13px}.service button{width:32px;height:32px;flex-shrink:0}.catalog-note{flex-wrap:wrap;font-size:9px}.catalog-note p{flex:1}.catalog-note a{width:100%;margin:0 0 0 24px}.story{grid-template-columns:1fr;gap:26px}.story-text{font-size:13px}.steps article{padding:22px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery button{padding:7px;border-radius:18px}.gallery button:last-child{display:none}.gallery figcaption{font-size:9px;padding:8px 3px}.video-link{padding:18px;gap:12px;flex-wrap:wrap}.video-link h3{font-size:14px}.video-link p{font-size:10px;max-width:210px}.video-link>span:last-child{margin-left:60px;font-size:10px}.contact-panel{grid-template-columns:1fr;padding:26px;gap:25px;border-radius:29px}.contact-card{padding:24px}.contact-panel p{font-size:12px}.faq summary{font-size:13px}.last-cta{padding:45px 15px;margin-top:65px}.last-cta h2{font-size:36px}footer{flex-wrap:wrap;padding-bottom:110px}.footer-note{width:100%}.mobile-cta{display:flex;position:fixed;bottom:16px;left:20px;right:20px;z-index:15;box-shadow:0 10px 30px #17283a30;backdrop-filter:blur(20px);background:#1b283be8}dialog{padding:35px 23px;max-height:90dvh}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
[hidden]{display:none!important}
/* MAC identity and full multipage catalogue */
.brandmark{display:inline-flex;width:92px;height:45px;overflow:hidden;align-items:center;justify-content:center;letter-spacing:0}.brandmark .logo{width:92px;height:92px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}.brandcaption{max-width:80px}header nav{gap:22px}.hero h1{font-size:clamp(54px,6.1vw,82px);letter-spacing:-4px;line-height:1.07}.shine{display:inline-block;padding-right:.16em;margin-right:-.16em}.service-arrow{font-size:19px;padding:5px}.service{transition:background .2s,padding .2s}.service:hover{background:#ffffff60;padding-left:10px;padding-right:10px}.gift{display:block;font-size:10px;font-weight:500;color:#416ca7;margin-top:6px}.inner-page{padding-bottom:30px}.page-intro{padding:65px 20px 30px}.page-intro h1{font-size:clamp(32px,4.6vw,64px);letter-spacing:-2.5px;line-height:1.15;max-width:1000px;margin:20px 0}.page-intro p{font-size:15px;color:#64758a;max-width:700px}.page-intro .eyebrow{margin-top:35px}.back-link{font-size:12px;color:#5c718c}.listing{padding:0 20px}.listing-controls{position:sticky;top:111px;z-index:10;border-radius:22px;padding:18px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:15px}.listing-controls label,.detail-info label{display:block;font-size:11px;color:#667890}.listing-controls select,.detail-info select{width:100%;padding:13px;border:1px solid white;border-radius:14px;background:#fff8;margin-top:5px}#catalog-count{font-size:12px;color:#63758a;margin:24px 0}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.product{border-radius:25px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-4px);box-shadow:0 15px 35px #314e6b12}.product>a{display:flex;flex-direction:column;height:100%;padding:15px}.product img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:17px;background:white}.product-category{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#718196;margin:18px 4px 8px}.product h3{font-size:15px;line-height:1.5;margin:0 4px 18px}.product-price{font-size:18px;margin:auto 4px 5px;display:flex;justify-content:space-between;align-items:center;padding-top:10px;gap:10px}.product-price>span{font-size:10px;color:#6a7d94}.no-image{aspect-ratio:1;display:grid;place-items:center;border-radius:18px;background:#fff8;color:#748599;font-size:12px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 20px}.detail-visual{border-radius:30px;padding:20px;align-self:start}.detail-image{width:100%;height:auto;border-radius:20px;display:block}.detail-info{border-radius:30px;padding:34px}.detail-price{font-size:46px;letter-spacing:-2px;margin:15px 0}.detail-info p{font-size:13px;line-height:1.8;color:#61748a}.detail-info .button{width:100%;margin-top:15px}.detail-info small{display:block;font-size:10px;color:#718197;margin-top:24px}.detail-gift{border:1px solid #ffffffd0;border-radius:17px;background:#ecf4ff9c;padding:15px;color:#365f9c;font-size:13px;margin-bottom:20px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-tile{border-radius:24px;padding:12px;transition:transform .25s}.photo-tile:hover{transform:translateY(-4px)}.photo-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white;border-radius:16px;display:block}.photo-tile>span,.photo-caption{display:block;text-align:left;font-size:11px;color:#64778e;padding:15px 3px 5px}.catalog-note{padding-top:17px;justify-content:flex-end}.catalog-note>span{display:none}.catalog-note a{margin-left:0}.gallery .photo-caption{font-size:11px}.inner-page .section{padding-top:65px}.contact-card .address span{max-width:230px}footer .brandmark{width:110px;height:50px}footer .logo{width:110px;height:110px}.gift-banner{margin:20px 0;padding:16px;border-radius:18px;background:#eff6ff80;border:1px solid white;font-size:12px;color:#41668e}@media(max-width:1000px){header nav{gap:14px;font-size:12px}.header-actions{gap:10px}.products{gap:14px}.detail-info{padding:25px}}@media(max-width:760px){.brandmark{width:68px;height:34px}.brandmark .logo{width:68px;height:68px}.hero h1{font-size:clamp(41px,11.5vw,59px);letter-spacing:-2.3px;line-height:1.13}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product>a{padding:9px}.product h3{font-size:11px;margin-bottom:10px;overflow-wrap:anywhere}.product-category{font-size:7px;letter-spacing:1px}.product-price{font-size:13px;flex-wrap:wrap}.product-price>span{font-size:8px}.listing-controls{grid-template-columns:1fr 1fr;top:82px;padding:13px;gap:10px}.listing-controls label:last-child{grid-column:span 2}.listing-controls input,.listing-controls select{font-size:12px;padding:10px}.listing-controls label{font-size:9px}.page-intro{padding-top:40px}.page-intro h1{font-size:36px;letter-spacing:-1.7px}.page-intro p{font-size:12px}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-price{font-size:38px}.detail-info{padding:25px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-tile{padding:7px;border-radius:18px}.photo-tile>span{font-size:9px}.inner-page .section{padding-top:45px}.service-name{font-size:11px}.gift{font-size:9px}.gallery .photo-caption{font-size:9px}footer .brandmark{width:90px}.mobile-cta{bottom:max(16px,env(safe-area-inset-bottom))}}
.hero{overflow:hidden}@media(min-width:761px) and (max-width:900px){header nav{display:none}.hero-art{transform:scale(.8)}.hero h1{font-size:56px}.hero{grid-template-columns:1fr 1fr}.float-top{right:-12px}}
/* Keep the complete MAC letterforms inside the header frame. */
header .brandmark{height:58px}footer .brandmark{height:68px}.island{width:48px;height:16px;top:14px}@media(max-width:760px){header .brandmark{height:44px}footer .brandmark{height:58px}.island{width:43px;height:15px;top:13px}}
.filters{grid-template-columns:.8fr .8fr 1.4fr}.listing-controls{grid-template-columns:1fr 1fr 1fr 1.3fr}.listing-controls input{margin-top:5px}@media(max-width:760px){.filters{grid-template-columns:1fr 1fr;gap:12px}.filters .search-label{grid-column:span 2}.listing-controls{grid-template-columns:1fr 1fr}.listing-controls label:last-child{grid-column:auto}}
.city-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.city-options .button{flex-direction:column;gap:8px;border-radius:20px;padding:22px 12px}.city-options .button span{font-size:9px;color:#6b7c92}.city-default{display:block;margin:23px auto 0;background:transparent;border:0;color:#64788f;font-size:12px;text-decoration:underline}
.case-description{font-size:12px;line-height:1.8;color:#60758d;margin:0 4px 15px}.opening-hours{font-size:11px!important;line-height:1.7!important;color:#657a94}.map-rating{display:block;border-top:1px solid #ffffffb0;padding-top:18px;margin-top:24px}.map-rating strong{font-size:23px;font-weight:600}.map-rating strong span{font-size:12px;color:#ae822d;letter-spacing:2px}.map-rating small{display:block;font-size:9px;color:#74839a;line-height:1.7;margin-top:7px}.orel-features{font-size:10px;color:#718399;line-height:1.9;margin-top:17px}.electronics{max-width:850px}.electronics>p{font-size:15px;line-height:1.9;color:#667a92;max-width:650px}.electronics .button{margin-top:15px}
.filters>label,.listing-controls>label{min-width:0}.filters select,.listing-controls select{min-width:0}.city-options{grid-template-columns:repeat(2,minmax(0,1fr))}.city-options .button{white-space:normal;min-width:0}.city-options .button span{font-size:8px;text-align:center}.hero-copy{min-width:0}@media(max-width:360px){header .brandmark{width:54px}header .brandmark .logo{width:54px;height:54px}header .header-actions{gap:5px}header .compact{padding:10px 12px;font-size:11px;gap:7px}header .city{font-size:11px}.hero-buttons{flex-wrap:wrap}.hero-buttons .button{min-width:190px}.hero h1{font-size:39px}.lead{font-size:18px}}
.legal-details{margin:25px 0 0}.legal-details>div{border-top:1px solid #b8c8da70;padding:12px 0}.legal-details dt{font-size:10px;color:#6f8197;margin-bottom:5px}.legal-details dd{font-size:13px;margin:0;overflow-wrap:anywhere;line-height:1.7}
.benefits{grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 20px;gap:10px}.benefits>div{gap:11px}.benefits p{font-size:12px}.benefits small{font-size:9px}@media(max-width:1000px) and (min-width:761px){.benefits{grid-template-columns:1fr 1fr;gap:25px}.benefits>div:nth-child(3){border-left:0}}@media(max-width:760px){.benefits{grid-template-columns:1fr;padding:27px;gap:22px}.benefits>div{gap:17px}}
.repair-illustration{width:100%;aspect-ratio:1;border-radius:17px;flex-shrink:0;background-color:#edf3fa;background-image:url('/assets/repair-atlas.png');background-size:400% 400%;background-repeat:no-repeat;background-position:var(--sprite-x) var(--sprite-y);overflow:hidden}.detail-illustration{border-radius:20px}.product .repair-illustration{transition:filter .25s}.product:hover .repair-illustration{filter:brightness(1.025)}
a.has-brand-mark{display:inline-flex;align-items:center;gap:7px}a.has-brand-mark .brand-icon{display:inline-block;width:14px!important;height:14px!important;min-width:14px;aspect-ratio:1;object-fit:contain;flex-shrink:0;margin:0;border-radius:0;background:transparent;vertical-align:middle}a.button.has-brand-mark{gap:9px}a.button.has-brand-mark>span:last-child{margin-left:9px}.call-link .brand-icon{filter:brightness(0) invert(1);opacity:.9}a.map-rating.has-brand-mark{display:flex;flex-wrap:wrap;align-items:center}.map-rating.has-brand-mark>small{flex-basis:100%;margin-left:21px}a.video-link.has-brand-mark{display:flex;gap:20px}.video-link.has-brand-mark>.brand-icon{width:21px!important;height:21px!important;min-width:21px}.video-link.has-brand-mark>.play{display:none}.video-link.has-brand-mark>div{flex:1}a#send-message.has-brand-mark{display:flex}.telegram.has-brand-mark{display:flex}@media(max-width:360px){header .call-link.has-brand-mark{gap:5px}header .call-link.has-brand-mark>span:last-child{margin-left:2px}header .call-link .brand-icon{width:12px!important;height:12px!important;min-width:12px}}
.service-arrow{display:none}a.button.has-brand-mark>span:last-child{margin-left:0}.product-price>span{white-space:nowrap}header .button.has-brand-mark{gap:7px}
/* Tactile feedback on click and tap. */
.pressable{isolation:isolate;transform-origin:center;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s!important}.pressable.is-pressing{transform:scale(.965)!important;filter:brightness(.97)}.pressable .tap-wave{position:absolute;z-index:2;pointer-events:none;width:var(--wave-size);height:var(--wave-size);left:var(--wave-x);top:var(--wave-y);border-radius:50%;background:radial-gradient(circle,#8fb8f047 0%,#d7e9ff30 40%,transparent 70%);transform:translate(-50%,-50%) scale(.05);animation:tap-wave .52s cubic-bezier(.15,.7,.25,1) forwards}.dark .tap-wave{background:radial-gradient(circle,#fff5 0%,#d6e9ff30 40%,transparent 70%)}@keyframes tap-wave{to{transform:translate(-50%,-50%) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.pressable{transition:none!important}.pressable.is-pressing{transform:none!important;filter:brightness(.94)}.tap-wave{display:none!important}}
.pressable{overflow:clip}
/* Glass city picker, sliding segmented control and geographic silhouette. */
.city-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:99px;font-size:12px;min-height:42px;color:#31445e;cursor:pointer;transition:background .25s,box-shadow .25s,transform .25s}.city-trigger:hover{background:#ffffffc2;box-shadow:0 6px 20px #365a7c13}.city-trigger[aria-expanded=true]{background:#ffffffd8;box-shadow:0 0 0 4px #b8d2f638}.city-trigger svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.city-pin{width:16px;height:16px}.city-chevron{width:12px;height:12px;transition:transform .35s}.city-trigger[aria-expanded=true] .city-chevron{transform:rotate(180deg)}
.city-dialog{padding:38px;max-width:510px;overflow:visible;border:1px solid #ffffffeb;background:radial-gradient(at 100% 0,#d0ddfcba,transparent 58%),linear-gradient(135deg,#ffffffeb,#e9f2f9db);box-shadow:inset 0 1px 0 #fff,0 35px 120px #17365345;backdrop-filter:blur(36px) saturate(160%);-webkit-backdrop-filter:blur(36px) saturate(160%);border-radius:34px;text-align:center}.city-dialog[open]{animation:city-dialog-in .38s cubic-bezier(.16,1,.3,1)}.city-dialog.is-closing{animation:city-dialog-out .18s ease-in forwards}.city-dialog::backdrop{background:#17283b40;backdrop-filter:blur(12px);animation:city-backdrop-in .3s ease}.city-dialog.is-closing::backdrop{animation:city-backdrop-out .18s ease forwards}.city-dialog h2{font-size:35px;letter-spacing:-1.5px;margin-top:15px}.city-dialog p{font-size:12px;color:#6c7e94;max-width:330px;margin:12px auto 24px}.city-dialog .eyebrow{justify-content:center;font-size:9px}.city-dialog-close{position:absolute;right:17px;top:12px;background:transparent;border:0;color:#6e8098;font-size:27px;cursor:pointer;line-height:1;padding:6px}.city-dialog-orb{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 21px;border:1px solid #fff;background:linear-gradient(145deg,#ffffffe0,#dce9fc95);box-shadow:inset 0 2px 6px #fff,0 10px 20px #5676a512;border-radius:20px}.city-dialog-orb svg{width:29px;height:29px;fill:none;stroke:#789acc;stroke-width:1.2}.city-options{gap:13px;margin-top:24px}.city-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;padding:24px 20px 20px;border-radius:24px;border:1px solid #ffffffd9;background:linear-gradient(145deg,#fff9,#ffffff4a);color:#2f435f;min-height:170px;box-shadow:inset 0 1px 1px #fff;transition:background .3s,box-shadow .3s,transform .3s}.city-option:hover{background:#ffffffd0;transform:translateY(-3px);box-shadow:0 12px 25px #44648712}.city-option.selected{background:linear-gradient(145deg,#f8fbffed,#dceaffb8);border-color:#adc7ec;box-shadow:inset 0 1px 1px #fff,0 6px 18px #4973ad0c}.city-option-symbol{font-size:25px;color:#829fca;line-height:1;margin-bottom:12px}.city-option strong{font-size:21px;font-weight:560;letter-spacing:-.4px}.city-option>span:not(.city-option-symbol):not(.city-option-check){font-size:9px;color:#6d819b}.city-option-check{position:absolute;right:14px;top:14px;border:1px solid #c3d3e7;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font-size:10px;background:#ffffff80;color:transparent;transition:background .25s,color .25s}.city-option.selected .city-option-check{background:#6b94cc;border-color:#6b94cc;color:white}.city-default{font-size:11px;color:#73859c;margin-top:25px}.contact-panel{position:relative;isolation:isolate;overflow:hidden}.contact-panel>div:not(.city-map-art){position:relative;z-index:1}.city-map-art{position:absolute!important;z-index:0;width:82%;height:140%;left:-9%;top:-20%;pointer-events:none;opacity:.63;transition:opacity .6s}.city-map-art svg{width:100%;height:100%;overflow:visible}.city-outline{stroke:url(#city-line-gradient);stroke-width:1.4;fill:#bad1f312;vector-effect:non-scaling-stroke}.city-outline-shadow{stroke:#a7c5f2;stroke-width:12;fill:none;filter:blur(11px);opacity:.32}.map-city-label{position:absolute;left:44%;top:54%;font-size:9px;letter-spacing:5px;font-weight:500;color:#7f96b7;opacity:.6}.map-attribution{position:absolute;left:55px;bottom:14px;z-index:2;font-size:8px;color:#778da8;opacity:.7}.contact-panel[data-city=moscow] .city-map-art{opacity:.7}.contact-panel[data-city=moscow]{background:radial-gradient(at 20% 70%,#ccc8fa40,transparent 65%),linear-gradient(125deg,#ffffffb0,#ffffff42)}.city-switch{position:relative;isolation:isolate;padding:5px;gap:0;overflow:hidden;background:#9fb6d326;border:1px solid #eaf3ffc9;box-shadow:inset 0 1px 4px #6a83a714}.city-slider{position:absolute;inset:5px auto 5px 5px;width:calc((100% - 10px)/2);background:linear-gradient(135deg,#fffffff2,#ffffffba);border:1px solid white;border-radius:99px;z-index:0;box-shadow:0 3px 9px #3d5a7c15;transform:translateX(0);transition:transform .55s cubic-bezier(.22,.8,.2,1),box-shadow .4s}.city-switch[data-active=moscow] .city-slider{transform:translateX(100%)}.city-switch button{position:relative;z-index:1;min-width:106px;transition:color .35s}.city-switch button.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#294469}.city-switch button:not(.active){color:#7b8da3}.final-contact-buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.final-contact-buttons .button{min-width:205px}
@keyframes city-dialog-in{from{opacity:0;transform:translateY(18px) scale(.94);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes city-dialog-out{to{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes city-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes city-backdrop-out{to{opacity:0}}
@media(max-width:760px){.city-trigger{font-size:11px;gap:6px;padding:9px 10px;min-height:39px}.city-pin{width:14px;height:14px}.city-chevron{width:10px;height:10px}.city-dialog{padding:31px 22px;border-radius:30px;max-width:calc(100% - 30px)}.city-dialog h2{font-size:29px}.city-dialog p{font-size:11px}.city-option{padding:20px 15px;min-height:158px;gap:10px}.city-option strong{font-size:20px}.city-option>span:not(.city-option-symbol):not(.city-option-check){font-size:8px;line-height:1.5}.city-map-art{width:150%;height:95%;top:-4%;left:-33%;opacity:.52}.map-attribution{left:26px;bottom:10px;font-size:7px}.map-city-label{font-size:8px;letter-spacing:4px}.city-switch button{min-width:102px}.final-contact-buttons{gap:10px}.final-contact-buttons .button{min-width:220px}}
@media(max-width:360px){.city-trigger{padding:8px;font-size:10px;gap:4px}.city-pin{display:none}.city-trigger .city-chevron{width:9px}.city-dialog{padding:28px 19px}.city-option{padding:18px 12px}.city-options{gap:10px}}
@media(prefers-reduced-motion:reduce){.city-slider,.city-trigger,.city-chevron,.city-option,.city-map-art{transition:none!important}.city-dialog,.city-dialog::backdrop{animation:none!important}.city-dialog.is-closing,.city-dialog.is-closing::backdrop{animation:none!important}}
.repair-illustration{background-image:none!important}.repair-illustration .repair-art-image{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;max-width:none;border-radius:inherit;background:transparent}.contact-card #phone-number.has-brand-mark{display:flex;gap:7px}@media(min-width:761px){.city-map-art{width:65%;height:95%;left:-5%;top:2.5%}}
.contact-discuss{width:100%;margin:12px 0}.messenger-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 6px}.messenger-options .button{padding:23px 14px;border-radius:23px;min-height:100px;font-size:16px}.messenger-options .brand-icon{width:22px!important;height:22px!important;min-width:22px}.messenger-context{min-height:20px}.contact-card{box-sizing:border-box}@media(max-width:360px){.messenger-options{gap:9px}.messenger-options .button{font-size:13px;padding:20px 10px}}
