:root{--navy:#102d7d;--navy2:#061f61;--blue:#138cff;--cyan:#27c3ee;--bg:#eef9ff;--card:rgba(255,255,255,.78);--line:rgba(30,116,221,.15);--muted:#7181a6;--shadow:0 18px 50px rgba(19,75,144,.11);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--navy2);background:linear-gradient(180deg,#f9fdff 0,#eef9ff 42%,#e2f5ff 100%);min-height:100vh;overflow-x:hidden}body:before,body:after{content:"";position:fixed;z-index:-2;border-radius:48% 52% 45% 55%;filter:blur(.2px);pointer-events:none}body:before{width:720px;height:520px;left:-220px;top:-210px;background:linear-gradient(145deg,rgba(120,206,255,.24),rgba(255,255,255,.5));transform:rotate(14deg)}body:after{width:760px;height:660px;right:-280px;bottom:-240px;background:linear-gradient(145deg,rgba(39,195,238,.20),rgba(19,140,255,.20));transform:rotate(-12deg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}.header{position:sticky;top:0;z-index:40;background:rgba(249,253,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(64,137,218,.10)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;min-width:190px}.brand-logo{display:block;width:178px;height:auto}.navlinks{display:flex;gap:8px;margin-left:auto}.navlinks a{padding:11px 14px;border-radius:16px;font-weight:700;font-size:14px;color:#49628f}.navlinks a:hover{background:rgba(255,255,255,.72);color:var(--navy)}.nav-actions{display:flex;align-items:center;gap:10px}.cart-link,.tiny-btn,.btn{border:1px solid rgba(37,125,225,.15);background:rgba(255,255,255,.72);color:var(--navy);border-radius:16px;padding:11px 16px;font-weight:800;cursor:pointer;transition:.2s;box-shadow:none}.btn:hover,.tiny-btn:hover,.cart-link:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(38,105,190,.10)}.btn-primary,.tiny-btn.blue,.install-active{background:linear-gradient(135deg,#0875ff,#19a7ff);color:#fff;border:0;box-shadow:0 14px 28px rgba(19,140,255,.20)}.btn-soft{background:rgba(255,255,255,.60)}.btn-white{background:rgba(255,255,255,.86)}.mobile-toggle{display:none;border:0;background:transparent;font-size:24px;color:var(--navy)}.mobile-menu{display:none}.hero{padding:74px 0 74px;position:relative}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}.hero-copy{position:relative;z-index:2}.brand-kicker{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.85);border-radius:999px;padding:8px 13px;color:#4b6d9c;font-size:13px;font-weight:800;box-shadow:0 12px 28px rgba(37,94,167,.07)}.brand-kicker:before{content:"";width:22px;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:5px}.hero h1,.page-hero h1{font-size:clamp(50px,6.4vw,92px);line-height:.92;letter-spacing:-.065em;margin:24px 0 24px;color:var(--navy)}.hero h1 .blue,.page-hero .blue{background:linear-gradient(90deg,#0d61ff,#169eff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:650px;font-size:20px;line-height:1.45;color:#62789d;margin:0}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-actions .btn{padding:14px 20px;border-radius:18px}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.trust-item{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:750;color:#345782;box-shadow:0 10px 26px rgba(21,86,163,.06)}.trust-item .check{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--navy)}.hero-art{min-height:540px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;inset:8% 0 0;border-radius:44% 56% 38% 62%;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(141,213,255,.36));border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow);transform:rotate(-7deg)}.phone{position:relative;width:275px;height:545px;border-radius:52px;padding:12px;background:linear-gradient(145deg,#27323f,#d6dde4 22%,#38424c 53%,#dde4e8);box-shadow:0 34px 70px rgba(27,60,112,.25);transform:rotate(7deg);z-index:4}.phone-screen{height:100%;border-radius:42px;background:linear-gradient(180deg,#fff 0,#f2fbff 56%,#ccecff 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-screen:after{content:"";position:absolute;width:390px;height:220px;border-radius:50%;background:linear-gradient(135deg,rgba(41,194,238,.12),rgba(19,140,255,.38));bottom:-90px;left:-65px;transform:rotate(-13deg)}.dynamic{position:absolute;top:18px;width:94px;height:28px;border-radius:18px;background:#080d16}.phone-logo{width:184px;z-index:1}.phone-splash{width:205px;height:205px;object-fit:cover;border-radius:40px;z-index:1;box-shadow:0 18px 36px rgba(39,137,219,.12)}.phone-caption{font-size:13px;color:#7891b2;margin-top:15px;z-index:1}.float-tile{position:absolute;z-index:5;width:86px;height:86px;border-radius:26px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(10px);display:grid;place-items:center;font-size:38px;font-weight:900;color:#fff;box-shadow:0 22px 42px rgba(25,108,191,.14)}.float-tile.one{right:4%;top:9%;background:linear-gradient(145deg,rgba(29,134,255,.72),rgba(52,201,241,.58))}.float-tile.two{left:1%;bottom:14%;background:linear-gradient(145deg,rgba(23,81,187,.78),rgba(65,131,218,.55))}.float-tile.three{right:2%;bottom:18%;background:linear-gradient(145deg,rgba(17,69,155,.65),rgba(120,185,255,.55))}.section{padding:74px 0}.section-title{font-size:clamp(32px,4vw,54px);letter-spacing:-.045em;margin:8px 0 0;color:var(--navy)}.eyebrow{font-weight:900;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.step,.catalog-panel,.checkout-card,.order-card,.timer-box,.help-box,.lookup-card,.admin-panel,.login-card{background:var(--card);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:var(--radius)}.step{padding:28px;min-height:185px}.step-num{font-size:11px;letter-spacing:.13em;font-weight:900;color:#75a2d5}.step h3{font-size:23px;margin:20px 0 8px;color:var(--navy)}.step p{margin:0;color:#7183a1;line-height:1.55}.page-hero{padding:66px 0 34px}.page-hero h1{font-size:clamp(46px,6vw,78px);margin-top:16px}.catalog-panel{padding:22px}.catalog-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}.searchbox,.field input,.lookup-form input,.admin-form input,select.tiny-btn{width:100%;border:1px solid rgba(43,128,224,.15);background:rgba(255,255,255,.74);border-radius:17px;padding:14px 16px;outline:0;color:var(--navy2)}.searchbox:focus,.field input:focus,.lookup-form input:focus,.admin-form input:focus{border-color:rgba(19,140,255,.45);box-shadow:0 0 0 4px rgba(19,140,255,.08)}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app-card{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:18px;min-height:214px;display:flex;flex-direction:column;box-shadow:0 12px 26px rgba(38,98,164,.06)}.app-icon,.order-mini-icon,.admin-app-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0876ff,#2bc0ee);color:#fff;font-weight:900;overflow:hidden}.app-icon img,.order-mini-icon img,.admin-app-icon img{width:100%;height:100%;object-fit:cover}.app-card h4{font-size:19px;margin:15px 0 5px;color:var(--navy)}.app-meta{color:#7b8cab;font-size:13px;line-height:1.45}.app-card .add{margin-top:auto;border:0;border-radius:14px;padding:11px 14px;font-weight:850;color:var(--navy);background:#eaf5ff;cursor:pointer}.app-card .add.active{background:var(--navy);color:#fff}.cart-layout,.order-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.cart-list{display:grid;gap:12px}.cart-row,.order-app{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.9);border-radius:21px;box-shadow:0 10px 26px rgba(32,94,158,.05)}.cart-row-left,.order-app-left{display:flex;align-items:center;gap:14px}.order-mini-icon{width:48px;height:48px;border-radius:14px}.remove-btn{border:0;background:transparent;color:#8b98ad;font-weight:800;cursor:pointer}.checkout-card{padding:24px;align-self:start;position:sticky;top:96px}.checkout-card h3{font-size:24px;margin:0 0 10px}.checkout-note{color:#7284a3;line-height:1.55}.checkout-btn{width:100%;margin-top:10px}.notice,.error-box{border-radius:16px;padding:13px 15px;margin-top:14px;font-size:13px;line-height:1.45}.notice{background:rgba(21,145,255,.08);color:#56749c}.error-box{background:#fff0f1;color:#a3414d;border:1px solid rgba(216,72,86,.13)}.empty-state,.loading-card{padding:30px;text-align:center;color:#7890af;background:rgba(255,255,255,.58);border-radius:22px}.order-wrap{padding:46px 0 80px}.order-card{padding:26px}.order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-id{font-size:11px;letter-spacing:.18em;color:#7e98bb;font-weight:900}.order-top h1{font-size:38px;margin:6px 0 0}.status-pill{border-radius:999px;padding:9px 13px;background:#eaf5ff;color:#2d699a;font-size:12px;font-weight:900}.order-code-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:18px;background:linear-gradient(135deg,rgba(225,245,255,.92),rgba(255,255,255,.8));border-radius:20px;border:1px solid rgba(255,255,255,.9)}.order-code-card span{font-size:10px;letter-spacing:.15em;color:#6c86aa;font-weight:900}.order-code-card strong{display:block;font-size:28px;letter-spacing:.06em;margin:3px 0}.order-code-card small{color:#7d8da9}.code-actions{display:flex;gap:8px}.order-status-banner{display:flex;align-items:center;gap:13px;margin-top:16px}.status-bubble{width:46px;height:46px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.order-apps{display:grid;gap:10px}.install-active,.install-placeholder{border:0;border-radius:14px;padding:11px 15px;font-weight:850}.install-placeholder{background:#eaf0f6;color:#8b9ab0}.timer-box,.help-box{padding:22px;margin-bottom:16px}.timer-label{text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:10px;color:#7c93b5}.timer{font-size:46px;letter-spacing:-.04em;font-weight:900;color:var(--navy);margin:8px 0}.help-box p{color:#7486a2;line-height:1.5}.install-guide{margin-top:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:26px;box-shadow:var(--shadow)}.guide-head{display:flex;justify-content:space-between;align-items:center}.guide-head h2{margin:7px 0 0;font-size:30px}.guide-time{background:#eaf5ff;color:#3b719c;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:850}.guide-warning{margin-top:18px;padding:14px 16px;border-radius:16px;background:#f3f9fe;color:#587695;font-size:13px;line-height:1.45}.guide-steps{display:grid;gap:12px;margin-top:18px}.guide-step{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(55,118,190,.09)}.guide-num{width:36px;height:36px;min-width:36px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.guide-step h3{font-size:17px;margin:1px 0 5px}.guide-step p{margin:0;color:#7486a2;line-height:1.45;font-size:14px}.guide-foot{margin-top:16px;color:#7c8daa;font-size:13px}.lookup-card{max-width:680px;margin:0 auto;padding:34px}.lookup-icon{width:60px;height:60px;border-radius:19px;background:linear-gradient(135deg,#0a69ff,#28bfed);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:900}.lookup-card h2{font-size:31px;margin:18px 0 5px}.lookup-card p{color:#7486a2}.lookup-form{display:flex;gap:10px;margin-top:18px}.lookup-form input{font-size:20px;font-weight:850;letter-spacing:.08em}.lookup-error{color:#b34b57;margin-top:10px;font-size:13px}.lookup-hint{margin-top:20px;color:#8190a8;font-size:12px}.footer{padding:30px 0 42px;color:#7184a3}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer .brand-logo{width:140px}.admin-shell{padding:32px 0 70px}.login-card{width:min(460px,calc(100% - 28px));margin:10vh auto 0;padding:32px}.login-card .brand-logo{width:185px}.login-card h1{font-size:38px;margin:26px 0 6px}.login-card p{color:#7a8ba7}.login-card input{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:12px 0;background:rgba(255,255,255,.8)}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-title{font-size:42px;letter-spacing:-.04em;margin:7px 0;color:var(--navy)}.admin-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.admin-panel{padding:22px;min-width:0}.admin-panel h2{font-size:23px;margin:0 0 18px}.storage-panel{grid-column:1/-1}.storage-status{padding:15px 17px;border-radius:17px;background:#eef8ff;color:#416c95}.storage-status.ok{background:#edfaff}.storage-status.warn{background:#fff8e7;color:#8b6a21}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:900;color:#6d81a2}.admin-list{display:grid;gap:11px;max-height:690px;overflow:auto;padding-right:4px}.admin-row{display:flex;justify-content:space-between;gap:16px;padding:14px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);border-radius:20px}.app-admin-row{align-items:flex-start}.app-admin-main{min-width:0;flex:1}.app-admin-title{display:flex;align-items:center;gap:10px;min-width:0}.app-admin-title strong{font-size:16px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-app-icon{width:44px;height:44px;border-radius:13px;min-width:44px}.status-mini{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;background:#eef3f8;color:#7a8ca4;margin-left:auto}.status-mini.green{background:#e6f9f1;color:#1f8761}.ipa-meta{margin-top:8px;font-size:12px;color:#8998ad}.ipa-meta.has-file{color:#3974a4}.app-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:340px}.tiny-btn{padding:8px 10px;border-radius:12px;font-size:11px}.tiny-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.upload-progress{margin-top:10px}.upload-progress-head{display:flex;justify-content:space-between;font-size:11px;color:#6a80a3}.upload-bar{height:8px;margin-top:6px;border-radius:99px;background:#e7f0f8;overflow:hidden}.upload-bar span{display:block;height:100%;background:linear-gradient(90deg,#0b75ff,#25c0ee);border-radius:99px}.upload-error{font-size:12px;color:#b34d59}.meta-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.meta-chip{font-size:11px;padding:5px 8px;border-radius:999px;background:#eef7ff;color:#52769c}.admin-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.admin-search{flex:1}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#09296d;color:#fff;padding:11px 16px;border-radius:14px;font-weight:800;font-size:13px;transition:.2s;box-shadow:0 18px 40px rgba(7,35,92,.23)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.navlinks{display:none}.mobile-toggle{display:block}.mobile-menu{position:fixed;z-index:39;left:18px;right:18px;top:84px;padding:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-radius:20px;box-shadow:var(--shadow)}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px 15px;border-radius:14px;font-weight:800}.hero-grid{grid-template-columns:1fr}.hero{padding-top:52px}.hero-art{min-height:490px}.app-grid{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}.storage-panel{grid-column:auto}.admin-list{max-height:none}.cart-layout,.order-grid{grid-template-columns:1fr}.checkout-card{position:static}.app-actions{max-width:none}.app-admin-row{flex-direction:column}.admin-actions{width:100%;justify-content:flex-start}}
@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.nav{height:68px}.brand-logo{width:148px}.cart-link{padding:9px 11px;font-size:12px}.hero{padding:38px 0 48px}.hero h1,.page-hero h1{font-size:48px}.lead{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-art{min-height:420px}.phone{width:215px;height:425px;border-radius:42px}.phone-screen{border-radius:34px}.phone-logo{width:148px}.phone-splash{width:160px;height:160px;border-radius:32px}.float-tile{width:66px;height:66px;border-radius:20px}.steps{grid-template-columns:1fr}.section{padding:50px 0}.app-grid{grid-template-columns:repeat(2,1fr)}.app-card{min-height:194px}.catalog-toolbar{align-items:stretch;flex-direction:column}.lookup-form{flex-direction:column}.order-code-card,.order-top,.guide-head{align-items:flex-start;flex-direction:column}.code-actions{width:100%;flex-wrap:wrap}.admin-form{grid-template-columns:1fr}.field.full{grid-column:auto}.admin-top{align-items:flex-start}.admin-title{font-size:34px}.app-admin-title{flex-wrap:wrap}.status-mini{margin-left:0}.footer-row{flex-direction:column;align-items:flex-start}}

/* AppRoom v4.3 — refreshed brand + InstallIOS-inspired UX patterns */
:root{--ink:#0b2b72;--ink2:#071c4c;--azure:#1689ff;--sky:#44c1f4;--glass:rgba(255,255,255,.76);--glass-strong:rgba(255,255,255,.90)}
body{background:
 radial-gradient(900px 520px at -10% 18%,rgba(124,211,255,.23),transparent 70%),
 radial-gradient(800px 620px at 105% 76%,rgba(39,155,255,.22),transparent 72%),
 linear-gradient(180deg,#fbfeff 0%,#eff9ff 48%,#e4f4ff 100%);}
.header{background:rgba(250,253,255,.84);border-bottom:1px solid rgba(28,116,218,.10);box-shadow:0 10px 30px rgba(32,91,156,.035)}
.brand-live{min-width:0;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.brand-live img{width:42px;height:38px;display:block;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(25,125,220,.10))}
.brand-live span{display:flex;align-items:baseline;font-size:26px;line-height:1;font-weight:900;letter-spacing:-1.5px}.brand-live b{color:#0c2d7c}.brand-live strong{color:#168fff}
.footer .brand-live span{font-size:24px}.footer .brand-live img{width:38px;height:34px}
.nav{height:82px}.navlinks{align-items:center}.navlinks a,.nav-button{border:0;background:transparent;padding:11px 14px;border-radius:14px;font-weight:800;font-size:14px;color:#4b638c;cursor:pointer;transition:.2s}.navlinks a:hover,.nav-button:hover,.navlinks .active,.nav-button.active{color:var(--ink);background:rgba(255,255,255,.78)}
.cart-link{background:#eef7ff;border-color:#d7eaff;color:#0877e9}.cart-link span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#1689ff;color:#fff;margin-left:6px}
.mobile-menu button{border:0;background:transparent;text-align:left;color:var(--navy);font-weight:800;padding:13px 15px;border-radius:14px}
.hero{padding-top:82px}.hero h1{font-size:clamp(52px,6vw,86px);max-width:780px;color:#08275f}.hero h1 .blue{background:linear-gradient(90deg,#1268ff,#119dff);-webkit-background-clip:text;background-clip:text}.lead,.page-lead{color:#647a9d;line-height:1.55}.page-lead{max-width:720px;font-size:18px;margin:16px 0 0}
.hero-art{min-height:560px}.hero-orbit{inset:2% -4% 1% 1%;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(164,220,255,.44));transform:none;overflow:hidden}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:48% 52%;background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(68,183,255,.18))}.hero-orbit:before{width:460px;height:250px;right:-100px;top:-80px;transform:rotate(-18deg)}.hero-orbit:after{width:500px;height:240px;left:-170px;bottom:-100px;transform:rotate(12deg)}
.phone{width:286px;height:555px;transform:rotate(5deg);border-radius:55px}.phone-screen{justify-content:flex-start;padding-top:145px}.phone-brand{z-index:2;display:flex;flex-direction:column;align-items:center}.phone-brand img{width:108px;height:96px}.phone-brand div{font-size:32px;font-weight:900;letter-spacing:-2px}.phone-brand b{color:#0c2d7c}.phone-brand strong{color:#168fff}.phone-order-card{z-index:2;margin-top:54px;width:78%;padding:17px;border-radius:22px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.92);box-shadow:0 15px 35px rgba(25,89,156,.08);display:grid;text-align:left}.phone-order-card span{font-size:9px;letter-spacing:.13em;color:#7390b2;font-weight:900}.phone-order-card b{font-size:21px;letter-spacing:.06em;color:#0b2b72;margin:4px 0}.phone-order-card small{color:#7990ad}.float-tile{animation:floaty 5s ease-in-out infinite}.float-tile.two{animation-delay:-1.8s}.float-tile.three{animation-delay:-3s}@keyframes floaty{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.text-link{border:0;background:transparent;color:#1789f6;font-weight:850;cursor:pointer;padding:6px 0}.soft-section{position:relative}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.feature-card{padding:26px;border-radius:27px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}.feature-icon{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;background:#0d2f7d;color:#fff;font-weight:900;font-size:20px}.feature-card h3{font-size:21px;margin:22px 0 8px}.feature-card p{color:#7284a2;line-height:1.55;margin:0}
.faq-wrap{max-width:900px}.faq-list{margin-top:26px;display:grid;gap:10px}.faq-item{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:21px;overflow:hidden}.faq-item>button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:20px 22px;font-size:17px;font-weight:850;color:#0b2b72;text-align:left;cursor:pointer}.faq-item>button span{font-size:25px;transition:.2s}.faq-item>div{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item p{margin:0;padding:0 22px 20px;color:#7083a2;line-height:1.5}.faq-item.open>div{max-height:140px}.faq-item.open>button span{transform:rotate(45deg)}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}[data-reveal].revealed{opacity:1;transform:none}
.app-card{transition:transform .22s ease,box-shadow .22s ease;border-color:rgba(151,207,248,.28)}.app-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(28,99,173,.10)}.app-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.category-pill{font-size:10px;font-weight:850;color:#5880a8;background:#eef8ff;border-radius:999px;padding:6px 8px}.app-card .add{transition:.2s}.app-card .add:hover{background:#dceeff}.app-card .add.active{background:linear-gradient(135deg,#0b70ff,#159eff)}
.cart-dock{position:fixed;z-index:35;left:50%;bottom:18px;transform:translate(-50%,140%);width:min(720px,calc(100% - 30px));display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(250,253,255,.90);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.95);border-radius:22px;padding:12px 14px 12px 18px;box-shadow:0 22px 58px rgba(16,76,144,.18);transition:.28s cubic-bezier(.2,.8,.2,1)}.cart-dock.has-items{transform:translate(-50%,0)}.cart-dock>div{display:flex;align-items:center;gap:10px}.cart-dock small{color:#7387a5}.cart-dock strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0c2d7c;color:#fff}
.checkout-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e9f5ff;color:#1785ec;font-size:11px;font-weight:900;margin-bottom:14px}.checkout-btn+.checkout-btn{margin-top:9px}
.lookup-brand{width:72px;height:64px}.lookup-guide{margin-top:20px}
.order-hero-card{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding:24px 26px;border-radius:27px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}.order-hero-card h1{font-size:42px;margin:7px 0}.order-hero-card p{margin:0;color:#7588a7}.status-pill.danger{background:#fff0f0;color:#aa4650}.order-section-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.order-section-head h3{margin:0;font-size:18px}.help-icon{width:42px;height:42px;border-radius:13px;background:#0d2f7d;color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.timer-low{color:#dd6b54}.quick-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.quick-guide>div{display:flex;align-items:flex-start;gap:10px;padding:16px;border-radius:18px;background:rgba(238,248,255,.75)}.quick-guide b{min-width:32px;height:32px;border-radius:10px;background:#0d2f7d;color:#fff;display:grid;place-items:center;font-size:11px}.quick-guide span{display:grid;gap:3px}.quick-guide small{color:#788ca8;line-height:1.35}.guide-foot-actions{margin-top:14px;text-align:right}.help-nav{padding:10px 14px}
/* modal / bottom-sheet */
.modal-open{overflow:hidden}.modal-layer{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:0;transition:opacity .22s}.modal-layer.open{pointer-events:auto;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(7,28,72,.34);backdrop-filter:blur(10px)}.modal-sheet{position:absolute;left:50%;top:50%;width:min(560px,calc(100% - 28px));max-height:min(82vh,760px);overflow:auto;transform:translate(-50%,-47%) scale(.97);opacity:0;padding:32px;border-radius:30px;background:rgba(248,253,255,.96);border:1px solid rgba(255,255,255,.96);box-shadow:0 40px 100px rgba(8,45,99,.30);transition:.3s cubic-bezier(.2,.8,.2,1)}.modal-sheet.wide{width:min(820px,calc(100% - 28px))}.modal-layer.open .modal-sheet{transform:translate(-50%,-50%) scale(1);opacity:1}.modal-close{position:sticky;float:right;top:0;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#edf6ff;color:#3f6390;font-size:25px;cursor:pointer}.modal-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#1689ff}.modal-sheet h2{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:9px 45px 10px 0;color:#09296f}.modal-lead{font-size:15px;line-height:1.55;color:#6f84a4;margin:0 0 20px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.modal-note{display:grid;gap:4px;margin-top:18px;padding:15px 17px;border-radius:17px;background:#eaf6ff;color:#5d799c}.guide-summary{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.guide-summary span{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#eef7ff;color:#527398;font-size:12px;font-weight:800}.guide-summary b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#0d2f7d;color:#fff}.guide-summary.big span{font-size:14px;padding:10px 14px}.manual-list{display:grid;gap:8px}.manual-step{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;padding:14px;border-radius:19px;background:rgba(255,255,255,.75);border:1px solid rgba(39,127,221,.07)}.manual-index{width:37px;height:37px;border-radius:12px;background:#0d2f7d;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.manual-copy h3{font-size:16px;margin:0 0 4px}.manual-copy p{font-size:13px;line-height:1.42;color:#7386a2;margin:0}.manual-phone{display:none}.help-checklist{display:grid;gap:10px}.help-checklist>div{display:flex;gap:12px;padding:14px;border-radius:17px;background:#eef7ff}.help-checklist b{color:#138cff}.help-checklist span{color:#587596;line-height:1.45}.saved-orders{display:grid;gap:9px}.saved-order{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-radius:17px;background:#eef7ff}.saved-order span{display:grid}.saved-order b{color:#0b2b72;letter-spacing:.06em}.saved-order small{color:#7b90ac;margin-top:3px}.saved-order em{font-style:normal;color:#138cff;font-weight:850}.modal-empty{padding:22px;border-radius:18px;background:#eef7ff;color:#7387a5;text-align:center}.modal-separator{display:flex;align-items:center;gap:10px;color:#92a0b4;margin:18px 0}.modal-separator:before,.modal-separator:after{content:"";height:1px;background:#dceaf5;flex:1}.modal-code-form{display:flex;gap:8px}.modal-code-form input{flex:1;border:1px solid #dceaf6;background:#fff;border-radius:15px;padding:13px 14px;color:#0b2b72;font-weight:800;letter-spacing:.06em}.install-modal-icon{width:70px;height:70px;border-radius:21px;background:#e8f5ff;display:grid;place-items:center;margin-bottom:16px}.install-modal-icon img{width:52px;height:46px}.install-mini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.install-mini-steps span{display:grid;gap:7px;padding:12px;background:#eef7ff;border-radius:16px;color:#5b7799;font-size:12px}.install-mini-steps b{width:26px;height:26px;border-radius:9px;background:#0d2f7d;color:#fff;display:grid;place-items:center}.success-pulse{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0d74ff,#24c3ee);color:#fff;font-size:33px;font-weight:900;box-shadow:0 0 0 0 rgba(21,143,255,.3);animation:pulseRing 1.6s infinite;margin-bottom:18px}.success-pulse.small{width:56px;height:56px;font-size:24px;margin:0}@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(21,143,255,.30)}70%{box-shadow:0 0 0 18px rgba(21,143,255,0)}100%{box-shadow:0 0 0 0 rgba(21,143,255,0)}}
/* guide page */
.guide-hero{padding-bottom:24px}.guide-alert{padding:22px;border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow)}.guide-alert strong{font-size:20px}.guide-alert p{color:#7084a3;line-height:1.55;margin:7px 0 0}.guide-page-list{display:grid;gap:15px;margin-top:18px}.guide-page-step{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:26px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(30,92,157,.06)}.guide-page-num{width:54px;height:54px;border-radius:17px;background:#0d2f7d;color:#fff;display:grid;place-items:center;font-weight:900}.guide-page-step h2{font-size:25px;margin:2px 0 7px}.guide-page-step p{color:#7084a3;line-height:1.55;margin:0 0 18px}.mini-ui{max-width:520px;border-radius:20px;padding:16px;background:linear-gradient(145deg,#f7fcff,#e8f6ff);border:1px solid #fff;box-shadow:inset 0 0 0 1px rgba(64,145,224,.04);display:grid;gap:10px}.mini-address{font-size:12px;color:#7a90ac}.mini-code{font-size:24px;font-weight:900;letter-spacing:.07em;color:#0d2f7d}.mini-btn,.mini-sheet{display:inline-flex;width:max-content;padding:10px 13px;border-radius:13px;background:#fff;color:#0d2f7d;font-weight:850}.mini-btn.primary{background:#158aff;color:#fff}.mini-timer{font-size:31px;font-weight:900;color:#0d2f7d}.mini-app-line{display:flex;align-items:center;gap:10px}.mini-app-line em{margin-left:auto;font-style:normal;color:#1c8c69;font-size:12px;font-weight:850}.mini-app-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#1689ff;color:#fff;font-weight:900}.mini-progress{height:9px;background:#dcebf7;border-radius:99px;overflow:hidden}.mini-progress span{display:block;width:72%;height:100%;background:linear-gradient(90deg,#0d74ff,#27c2ee);animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,100%{width:45%}50%{width:82%}}.mini-ui.success{display:flex;align-items:center;gap:15px}.mini-ui.success b{font-size:20px;color:#0d2f7d}
/* admin cleanup */
.admin-top{padding:6px 0}.admin-subtitle{margin:0;color:#7286a4}.admin-panel{border-color:rgba(174,218,248,.35);background:rgba(255,255,255,.80)}.admin-panel-head{display:flex;justify-content:space-between;align-items:flex-start}.admin-tip{margin-top:14px;padding:12px 14px;border-radius:14px;background:#edf7ff;color:#6c83a1;font-size:12px;line-height:1.45}.admin-list{gap:12px}.admin-row{background:rgba(248,252,255,.94);border:1px solid #e4f0f8}.app-admin-row{padding:16px}.app-admin-title strong{font-size:17px}.app-actions{max-width:390px}.tiny-btn{background:#fff;border-color:#deebf5}.tiny-btn.blue{background:linear-gradient(135deg,#0c74ff,#1ba9ff);color:#fff}.meta-chip{background:#eaf6ff}.storage-status.ok{background:linear-gradient(135deg,#edf9ff,#f8fdff);border:1px solid #e0f1fb}.field label{font-size:12px}.field input{background:#fafdff}.admin-toolbar{align-items:flex-end}.admin-toolbar .admin-search{max-width:360px;margin-left:auto}
@media(max-width:980px){.feature-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.quick-guide{grid-template-columns:1fr}.order-hero-card{flex-direction:column}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar .admin-search{max-width:none;margin-left:0}}
@media(max-width:680px){.nav{height:70px}.brand-live img{width:35px;height:32px}.brand-live span{font-size:21px}.hero-art{min-height:440px}.hero-orbit{border-radius:32px}.phone{width:220px;height:430px}.phone-screen{padding-top:105px}.phone-brand img{width:80px;height:70px}.phone-brand div{font-size:25px}.phone-order-card{margin-top:36px}.feature-grid{grid-template-columns:1fr}.section-head{display:grid}.cart-dock{bottom:10px}.modal-sheet,.modal-sheet.wide{left:10px;right:10px;bottom:10px;top:auto;width:auto;max-height:86vh;transform:translateY(110%);border-radius:28px;padding:25px}.modal-layer.open .modal-sheet{transform:translateY(0)}.modal-sheet h2{font-size:29px}.manual-step{grid-template-columns:36px 1fr}.install-mini-steps{grid-template-columns:1fr}.modal-code-form{flex-direction:column}.guide-summary.big{display:grid}.guide-page-step{grid-template-columns:1fr;gap:12px;padding:21px}.guide-page-num{width:45px;height:45px}.order-section-head{align-items:flex-start;gap:8px}.help-nav{display:none}}


/* ===== AppRoom v4.4 visual refinement ===== */
:root{--ink:#09275f;--sky:#eaf7ff;--glass:rgba(255,255,255,.82)}
.brand-lockup{display:inline-flex;align-items:center;min-width:0}.brand-lockup img{width:184px;height:auto;display:block}.footer-lockup img{width:160px}
.header{background:rgba(250,253,255,.88);border-bottom:1px solid rgba(32,122,220,.08)}
.nav{height:76px}.navlinks{gap:4px}.cart-link{border-radius:18px;background:#f2f9ff;border-color:#d8ecfb;padding:11px 16px}
.hero-v44{padding:58px 0 56px}.hero-v44 .hero-grid{grid-template-columns:1.02fr .98fr;gap:46px}.hero-v44 h1{font-size:clamp(50px,5.25vw,76px);line-height:.96;max-width:690px;margin:22px 0 20px}.hero-v44 .lead{max-width:610px;font-size:18px}.hero-v44 .hero-actions{margin-top:25px}.hero-v44 .hero-art{min-height:505px}.hero-v44 .hero-orbit{inset:5% 0 1% 2%;border-radius:42px}.phone-v44{width:252px;height:496px;transform:rotate(6deg) translateY(5px)}.phone-lockup{width:165px;z-index:2;position:relative}.phone-v44 .phone-order-card{margin-top:48px}.hero-trust{margin-top:24px;gap:8px}.hero-trust .trust-item{padding:9px 12px;gap:9px}.hero-trust .trust-item>span:last-child{display:grid;gap:2px}.hero-trust .trust-item b{font-size:12px}.hero-trust .trust-item small{font-size:10px;color:#8091aa;font-weight:650}.hero-trust .check{width:28px;height:28px}
.section{padding:56px 0}.flow-section{padding-top:52px}.section-title{font-size:clamp(32px,3.6vw,50px)}
.flow-steps{margin-top:26px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}.flow-step{display:flex;gap:17px;align-items:flex-start;padding:24px;border-radius:26px;background:var(--glass);border:1px solid rgba(255,255,255,.92);box-shadow:0 14px 36px rgba(26,89,160,.07)}.flow-icon{min-width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#0c2e7e,#1659bd);color:#fff;font-weight:900;font-size:12px;letter-spacing:.07em;box-shadow:0 10px 22px rgba(14,55,128,.14)}.flow-step h3{font-size:20px;margin:2px 0 7px;color:var(--navy)}.flow-step p{margin:0;color:#7485a1;line-height:1.48;font-size:14px}.flow-arrow{align-self:center;color:#56a7ed;font-size:28px;font-weight:700;opacity:.75}
.feature-grid-v44 .feature-card{min-height:190px}.feature-grid-v44 .feature-icon{background:linear-gradient(145deg,#0d2f7d,#1967c5)}.soft-section{padding-top:48px}.faq-section{padding-top:48px}.faq-wrap{max-width:960px}.faq-item>button span{font-size:22px;transform-origin:center;transition:transform .22s}.faq-item.open>button span{transform:rotate(180deg)}
.footer{padding:30px 0 34px}.footer-row{border-top:1px solid rgba(37,119,207,.08);padding-top:26px}
.modal-sheet{padding:30px;border-radius:32px}.modal-brand{margin-bottom:16px}.modal-brand img{width:158px;height:auto}.guide-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:20px 0 18px}.guide-progress span{display:flex;align-items:center;gap:7px;color:#7b8eaa;font-size:12px;font-weight:850}.guide-progress span b{width:27px;height:27px;border-radius:10px;display:grid;place-items:center;background:#dfeffc;color:#3d6b9a}.guide-progress span.active{color:#0c2c73}.guide-progress span.active b{background:#0d2f7d;color:#fff}.guide-progress i{height:2px;background:#dfedf7;border-radius:99px}
.manual-list{gap:9px}.manual-step{padding:15px 16px}.manual-step:hover{transform:translateY(-1px);background:#fff;box-shadow:0 12px 24px rgba(31,94,164,.06)}.manual-index{border-radius:13px}
.install-head{display:flex;align-items:center;gap:14px}.install-head .install-modal-icon{margin:0}.install-route{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:18px}.route-step{display:flex;align-items:center;gap:10px;padding:14px;border-radius:18px;background:#eef7ff;color:#637c9d}.route-step b{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#d9eafb;color:#4f7094}.route-step.active{background:#e7f4ff;color:#0c2b73}.route-step.active b{background:#0d2f7d;color:#fff}.route-step span{display:grid;font-weight:850}.route-step small{font-size:11px;color:#8295ad;font-weight:650;margin-top:2px}.install-route>i{width:28px;height:2px;background:#dbeaf5}.install-status-card{display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;background:#eef8ff;margin-top:16px}.install-status-card .status-dot{width:12px;height:12px;border-radius:50%;background:#1ca97b;box-shadow:0 0 0 6px rgba(28,169,123,.10)}.install-status-card div{display:grid;gap:3px}.install-status-card small{color:#7b8ea9}
.guide-page-list{gap:12px}.guide-page-step{padding:22px}.guide-page-step h2{font-size:23px}.guide-alert{padding:19px 21px}
@media(max-width:980px){.hero-v44 .hero-grid{grid-template-columns:1fr}.hero-v44 .hero-copy{text-align:center}.hero-v44 .lead{margin-inline:auto}.hero-v44 .hero-actions,.hero-v44 .trust-row{justify-content:center}.hero-v44 .hero-art{min-height:470px}.flow-steps{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-self:center;height:18px}}
@media(max-width:680px){.brand-lockup img{width:145px}.hero-v44{padding-top:34px}.hero-v44 h1{font-size:46px}.hero-v44 .lead{font-size:16px}.hero-v44 .hero-art{min-height:400px}.phone-v44{width:205px;height:405px}.hero-trust{display:grid;grid-template-columns:1fr}.hero-trust .trust-item{justify-content:flex-start}.section{padding:44px 0}.flow-step{padding:20px}.modal-brand img{width:142px}.guide-progress{grid-template-columns:1fr;gap:6px}.guide-progress i{display:none}.install-route{grid-template-columns:1fr}.install-route>i{display:none}}

/* ===== AppRoom v4.5 mobile-first catalog / cart / order ===== */
.catalog-page-v45{padding-bottom:96px}.catalog-intro-v45{padding:48px 0 22px}.catalog-intro-v45 h1{font-size:clamp(42px,5vw,66px);line-height:.96;letter-spacing:-.055em;margin:10px 0 12px;color:var(--navy)}.catalog-intro-v45 p{max-width:650px;margin:0;color:#6f82a1;font-size:17px;line-height:1.5}.catalog-section-v45{padding:8px 0 54px}.catalog-tools-v45{display:grid;gap:12px;margin-bottom:18px}.catalog-search-v45{display:flex;align-items:center;gap:10px;padding:0 15px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 28px rgba(25,91,161,.06)}.catalog-search-v45 span{font-size:22px;color:#6c8db0;transform:rotate(-15deg)}.catalog-search-v45 input{width:100%;border:0;background:transparent;outline:0;padding:15px 0;color:var(--navy2);font-size:15px}.category-chips-v45{display:flex;gap:8px;overflow:auto;padding:1px 1px 5px;scrollbar-width:none}.category-chips-v45::-webkit-scrollbar{display:none}.category-chip-v45{flex:0 0 auto;border:1px solid rgba(41,128,219,.10);background:rgba(255,255,255,.70);color:#557498;border-radius:999px;padding:9px 13px;font-weight:800;font-size:12px;cursor:pointer;transition:.18s}.category-chip-v45.active{background:#0e347e;color:#fff;border-color:#0e347e;box-shadow:0 8px 18px rgba(14,52,126,.15)}.app-grid-v45{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.app-card-v45{min-height:205px;padding:15px;border-radius:22px;transition:.2s}.app-card-v45:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(30,92,158,.09)}.app-card-top-v45{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.app-card-v45 .app-icon{width:62px;height:62px;border-radius:17px}.app-card-copy-v45{margin-top:13px}.app-card-v45 h4{margin:0 0 4px;font-size:18px;line-height:1.2}.app-card-v45 .add{margin-top:auto;padding:10px 12px}.cart-dock-v45{width:min(620px,calc(100% - 24px));border-radius:20px}.cart-dock-v45 .btn{padding:11px 16px}

.cart-page-v45{padding:38px 0 80px}.cart-heading-v45{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.cart-heading-v45 h1{font-size:clamp(42px,5vw,62px);letter-spacing:-.055em;line-height:.96;margin:8px 0 8px;color:var(--navy)}.cart-heading-v45 p{margin:0;color:#7385a2}.cart-layout-v45{grid-template-columns:minmax(0,1fr) 330px}.cart-row-v45{padding:14px 16px;border-radius:20px}.cart-row-v45 .order-mini-icon{width:54px;height:54px}.cart-row-v45 strong{font-size:17px}.remove-btn-v45{padding:8px 10px;border-radius:12px;background:#f3f7fb;color:#8190a6}.checkout-card-v45{top:92px;padding:22px;border-radius:25px}.checkout-card-v45 h3{font-size:28px;letter-spacing:-.03em}.empty-state-v45{display:grid;justify-items:center;gap:9px}.empty-state-v45 .btn{margin-top:8px}.empty-icon-v45{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#e9f6ff;color:#158aff;font-size:30px;font-weight:500}

.order-wrap-v45{padding:34px 0 72px}.order-summary-v45,.order-card-v45,.order-guide-v45{max-width:920px;margin-left:auto;margin-right:auto}.order-summary-v45{padding:24px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.94);box-shadow:var(--shadow)}.order-summary-top-v45{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.order-summary-top-v45 h1{font-size:32px;letter-spacing:-.04em;line-height:1.05;margin:7px 0 0;color:var(--navy)}.order-summary-grid-v45{display:grid;grid-template-columns:1fr 230px;gap:12px;margin-top:18px}.order-code-v45,.order-timer-v45{padding:17px 18px;border-radius:20px;background:linear-gradient(145deg,#eff9ff,#fff);border:1px solid rgba(255,255,255,.96)}.order-code-v45>span,.order-timer-v45>span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#7290b4}.order-code-v45>strong{display:block;margin:5px 0 4px;font-size:30px;letter-spacing:.07em;color:#0a2c73}.order-code-v45>small,.order-timer-v45>small{color:#8190a8;line-height:1.35}.code-actions-v45{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.order-timer-v45{display:flex;flex-direction:column;justify-content:center}.order-timer-v45>strong{font-size:44px;line-height:1;letter-spacing:-.045em;margin:8px 0;color:#0b2d77}.order-progress-v45{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin-top:17px}.order-progress-v45 span{display:flex;align-items:center;gap:7px;color:#8797ad;font-size:11px;font-weight:850;white-space:nowrap}.order-progress-v45 span b{width:27px;height:27px;border-radius:10px;display:grid;place-items:center;background:#e4eef7;color:#67809f}.order-progress-v45 span.done{color:#133579}.order-progress-v45 span.done b{background:#123681;color:#fff}.order-progress-v45 i{height:2px;background:#dceaf5;border-radius:99px}.order-card-v45{margin-top:14px;padding:24px}.order-section-head-v45{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.order-section-head-v45 h2{font-size:28px;letter-spacing:-.035em;margin:6px 0 0}.order-apps-v45{gap:9px}.order-app-v45{padding:14px 15px;border-radius:20px;box-shadow:none;border-color:#edf4f8}.order-app-v45 .order-mini-icon{width:58px;height:58px;border-radius:16px}.order-app-copy-v45{display:grid;gap:2px}.order-app-copy-v45>strong{font-size:17px}.app-readiness-v45{display:inline-flex;width:max-content;align-items:center;gap:6px;margin-top:4px;font-size:11px;font-weight:850;color:#8a98aa}.app-readiness-v45:before{content:"";width:7px;height:7px;border-radius:50%;background:#b5c2d0}.app-readiness-v45.ready{color:#168460}.app-readiness-v45.ready:before{background:#1bad7b;box-shadow:0 0 0 4px rgba(27,173,123,.09)}.install-active-v45,.install-placeholder-v45{min-width:118px;padding:12px 16px;border-radius:15px}.order-live-note-v45{display:flex;align-items:center;gap:11px;margin-top:14px;padding:13px 15px;border-radius:17px;background:#edf8ff;color:#547497}.order-live-note-v45>span{width:10px;height:10px;border-radius:50%;background:#23a97d;box-shadow:0 0 0 6px rgba(35,169,125,.09);flex:0 0 auto}.order-live-note-v45 div{display:grid;gap:2px}.order-live-note-v45 strong{font-size:12px;color:#315c84}.order-live-note-v45 small{font-size:11px}.order-bottom-actions-v45{display:flex;gap:9px;margin-top:14px}.order-guide-v45{margin-top:14px;padding:22px;border-radius:26px;background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow)}.order-guide-head-v45{display:flex;align-items:end;justify-content:space-between;gap:16px}.order-guide-head-v45 h2{margin:6px 0 0;font-size:26px}.order-guide-steps-v45{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:16px}.order-guide-steps-v45>div{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:18px;background:#f0f8ff}.order-guide-steps-v45 b{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#0d2f7d;color:#fff;font-size:11px;flex:0 0 auto}.order-guide-steps-v45 span{display:grid;gap:3px}.order-guide-steps-v45 small{color:#7a8da8;font-size:11px;line-height:1.35}.order-guide-steps-v45>i{font-style:normal;color:#68a8df}.order-error-link-v45{display:block;margin:14px 0 0 auto}

@media(max-width:980px){.app-grid-v45{grid-template-columns:repeat(3,minmax(0,1fr))}.cart-layout-v45{grid-template-columns:1fr}.checkout-card-v45{position:static}.order-summary-grid-v45{grid-template-columns:1fr 200px}}
@media(max-width:680px){
  .container{width:min(100% - 28px,1180px)}.header .nav{height:72px;gap:8px}.brand-lockup img{width:150px}.nav-actions{margin-left:auto;gap:6px}.cart-link{padding:10px 12px;font-size:13px}.mobile-toggle{display:block;font-size:0;width:42px;height:42px;border-radius:14px;position:relative}.mobile-toggle:before,.mobile-toggle:after,.mobile-toggle{background:transparent}.mobile-toggle:before{content:"☰";font-size:24px;color:#123477;position:absolute;inset:0;display:grid;place-items:center}.navlinks{display:none}.mobile-menu{position:fixed;z-index:39;left:14px;right:14px;top:78px;padding:10px;background:rgba(250,253,255,.97);border:1px solid #fff;border-radius:20px;box-shadow:0 18px 50px rgba(17,71,136,.18)}.mobile-menu.open{display:grid}
  .catalog-intro-v45{padding:34px 0 16px}.catalog-intro-v45 .eyebrow{font-size:11px}.catalog-intro-v45 h1{font-size:42px;line-height:.98;margin:8px 0 10px}.catalog-intro-v45 p{font-size:15px;line-height:1.45}.catalog-section-v45{padding-top:4px}.catalog-tools-v45{position:sticky;top:77px;z-index:24;padding:8px 0 6px;background:linear-gradient(180deg,rgba(239,249,255,.97),rgba(239,249,255,.88),rgba(239,249,255,0));backdrop-filter:blur(9px)}.catalog-search-v45{border-radius:16px}.catalog-search-v45 input{padding:13px 0}.category-chip-v45{padding:8px 11px}.app-grid-v45{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-card-v45{min-height:190px;padding:13px;border-radius:20px}.app-card-v45 .app-icon{width:58px;height:58px}.category-pill{font-size:9px;padding:5px 7px}.app-card-copy-v45{margin-top:11px}.app-card-v45 h4{font-size:17px}.app-card-v45 .app-meta{font-size:11px}.app-card-v45 .add{font-size:13px;border-radius:13px}.cart-dock-v45{bottom:10px;padding:10px 10px 10px 14px}.cart-dock-v45 small{display:none}.cart-dock-v45 .btn{font-size:13px;padding:11px 13px}
  .cart-page-v45{padding:28px 0 112px}.cart-heading-v45{align-items:flex-start;margin-bottom:14px}.cart-heading-v45 h1{font-size:42px;margin:6px 0 5px}.cart-heading-v45 p{font-size:14px}.cart-heading-v45>a{display:none}.cart-list-v45{gap:9px}.cart-row-v45{padding:12px 13px}.cart-row-v45 .order-mini-icon{width:52px;height:52px}.cart-row-v45 strong{font-size:16px}.cart-row-v45 .app-meta{font-size:11px}.remove-btn-v45{font-size:0;width:38px;height:38px;border-radius:13px;padding:0;position:relative}.remove-btn-v45:before{content:"×";font-size:22px;position:absolute;inset:0;display:grid;place-items:center;color:#8391a5}.checkout-card-v45{padding:20px;margin-top:4px}.checkout-card-v45 h3{font-size:25px}.checkout-note{font-size:14px}.checkout-btn{padding:14px}
  .order-wrap-v45{padding:22px 0 58px}.order-summary-v45{padding:18px;border-radius:24px}.order-summary-top-v45{display:grid;gap:10px}.order-summary-top-v45 h1{font-size:27px;margin-top:5px}.order-summary-top-v45 .status-pill{width:max-content}.order-summary-grid-v45{grid-template-columns:1fr;gap:9px;margin-top:14px}.order-code-v45,.order-timer-v45{padding:15px;border-radius:18px}.order-code-v45>strong{font-size:27px;letter-spacing:.055em}.code-actions-v45{display:grid;grid-template-columns:1fr 1fr}.code-actions-v45 .tiny-btn{font-size:11px;padding:10px 8px}.order-timer-v45{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}.order-timer-v45>span{grid-column:1}.order-timer-v45>strong{grid-column:2;grid-row:1/3;font-size:36px;margin:0}.order-timer-v45>small{grid-column:1}.order-progress-v45{display:flex;overflow:auto;gap:6px;padding-bottom:3px;margin-top:13px;scrollbar-width:none}.order-progress-v45::-webkit-scrollbar{display:none}.order-progress-v45 i{display:none}.order-progress-v45 span{flex:0 0 auto;background:#f1f7fb;border-radius:999px;padding:6px 9px;font-size:10px}.order-progress-v45 span b{width:23px;height:23px;border-radius:8px}.order-card-v45{margin-top:10px;padding:17px;border-radius:24px}.order-section-head-v45{align-items:flex-start;margin-bottom:12px}.order-section-head-v45 h2{font-size:24px}.order-section-head-v45 .text-link{font-size:12px}.order-app-v45{display:grid;grid-template-columns:1fr;gap:11px;padding:13px}.order-app-v45 .order-app-left{align-items:flex-start}.order-app-v45 .order-mini-icon{width:54px;height:54px}.order-app-copy-v45>strong{font-size:16px}.order-app-v45 .app-meta{font-size:11px}.install-active-v45,.install-placeholder-v45{width:100%;min-width:0;padding:13px}.order-live-note-v45{padding:12px 13px}.order-bottom-actions-v45{display:grid;grid-template-columns:1fr 1fr}.order-bottom-actions-v45 .btn{font-size:12px;padding:11px 9px}.order-guide-v45{padding:17px;border-radius:23px}.order-guide-head-v45{align-items:flex-start}.order-guide-head-v45 h2{font-size:23px}.order-guide-head-v45 .btn{font-size:11px;padding:9px 10px}.order-guide-steps-v45{grid-template-columns:1fr;gap:8px}.order-guide-steps-v45>i{display:none}.order-guide-steps-v45>div{padding:12px}.order-error-link-v45{margin-left:0;text-align:left}
  .modal-sheet,.modal-sheet.wide{max-height:88vh}.modal-sheet h2{font-size:27px}.manual-step{grid-template-columns:35px 1fr}.manual-copy h3{font-size:15px}.manual-copy p{font-size:12px}.modal-actions{display:grid;grid-template-columns:1fr}.modal-actions .btn{width:100%}
}
@media(max-width:380px){.brand-lockup img{width:138px}.cart-link{font-size:0;padding:9px}.cart-link:before{content:"Корзина";font-size:12px}.catalog-intro-v45 h1{font-size:38px}.app-card-v45{min-height:184px}.app-card-v45 .app-icon{width:54px;height:54px}.order-code-v45>strong{font-size:24px}}

/* ===== AppRoom Admin v4.6 ===== */
.admin-v46{padding:34px 0 70px}.admin46-container{max-width:1240px}.admin46-top{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:24px}.admin46-top .brand-lockup img{width:190px}.admin46-top .admin-title{font-size:clamp(38px,5vw,64px);line-height:.96;letter-spacing:-.055em;margin:12px 0 12px;color:var(--navy)}.admin46-top .admin-subtitle{font-size:17px;max-width:680px;line-height:1.5;color:#7085a5;margin:0}.admin46-status-row{display:grid;grid-template-columns:repeat(4,130px) minmax(260px,1fr);gap:10px;margin-bottom:16px}.admin46-stat,.admin46-storage{min-height:92px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(31,94,164,.06);padding:15px 16px}.admin46-stat{display:flex;flex-direction:column;justify-content:space-between}.admin46-stat span{font-size:11px;font-weight:850;color:#7c8eaa}.admin46-stat strong{font-size:30px;line-height:1;color:var(--navy)}.admin46-stat.green strong{color:#178661}.admin46-stat.blue strong{color:#1088ef}.admin46-stat.amber strong{color:#c27a25}.admin46-storage{display:flex;flex-direction:column;justify-content:center;gap:5px}.admin46-storage b{font-size:14px}.admin46-storage small{font-size:12px;color:#788ba9}.admin46-storage.ok b{color:#177c5d}.admin46-storage.warn b{color:#a85d2a}.admin46-upload-panel,.admin46-app-panel,.admin46-orders{margin-top:14px}.admin46-upload-panel{padding:24px}.admin46-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.admin46-panel-head h2,.admin46-toolbar h2{margin:5px 0 5px;font-size:30px;letter-spacing:-.035em;color:var(--navy)}.admin46-panel-head p{margin:0;color:#7689a7;line-height:1.5;max-width:760px}.admin46-drop{border:1.5px dashed rgba(15,131,239,.32);border-radius:26px;padding:28px 22px;background:linear-gradient(145deg,rgba(235,248,255,.78),rgba(255,255,255,.74));display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;transition:.22s;outline:none}.admin46-drop:hover,.admin46-drop.drag,.admin46-drop:focus{border-color:#168cf4;background:linear-gradient(145deg,#e8f7ff,#fff);box-shadow:0 18px 42px rgba(19,135,231,.11);transform:translateY(-1px)}.admin46-drop-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0a72ff,#24b9ef);color:#fff;font-size:30px;font-weight:800;margin-bottom:10px}.admin46-drop strong{font-size:20px;color:var(--navy)}.admin46-drop span{font-size:14px;color:#667f9f;margin-top:4px}.admin46-drop small{font-size:11px;color:#91a0b5;margin-top:9px}.admin46-queue{display:grid;gap:8px;margin-top:12px}.admin46-queue:empty{display:none}.admin46-queue-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;border-radius:16px;background:#eef8ff;color:#31577f}.admin46-queue-item>div{display:grid;gap:2px}.admin46-queue-item strong{font-size:13px;color:#173a73}.admin46-queue-item small{font-size:10px;color:#8a9bb1}.admin46-queue-item>span{font-size:11px;font-weight:850;text-align:right}.admin46-queue-item.uploading>span{color:#137ed9}.admin46-queue-item.done{background:#eaf9f2}.admin46-queue-item.done>span{color:#168260}.admin46-queue-item.error{background:#fff0f1}.admin46-queue-item.error>span{color:#a44952}.admin46-app-panel{padding:22px}.admin46-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.admin46-toolbar-actions{display:flex;gap:9px;align-items:center}.admin46-toolbar-actions select{border:1px solid rgba(43,128,224,.15);background:rgba(255,255,255,.78);border-radius:16px;padding:12px 14px;color:#264d78;font-weight:750}.admin46-toolbar .admin-search{width:270px}.admin46-list{display:grid;gap:10px}.admin46-app{border:1px solid rgba(255,255,255,.96);background:rgba(255,255,255,.75);border-radius:23px;padding:14px;box-shadow:0 9px 24px rgba(36,92,154,.05);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.admin46-app-main{display:flex;align-items:center;gap:13px;min-width:0}.admin46-icon{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#0876ff,#2bc0ee);color:#fff;font-weight:900;font-size:16px;overflow:hidden}.admin46-icon img{width:100%;height:100%;object-fit:cover}.admin46-app-copy{min-width:0}.admin46-title-row{display:flex;align-items:center;gap:9px;min-width:0}.admin46-title-row>strong{font-size:18px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin46-state{font-size:9px;font-weight:900;padding:6px 8px;border-radius:999px;white-space:nowrap;background:#eff4f8;color:#778ba5}.admin46-state.published{background:#e3f8ee;color:#14815c}.admin46-state.ready{background:#e6f4ff;color:#087ed8}.admin46-state.warning{background:#fff3df;color:#a26423}.admin46-state.working{background:#eef2ff;color:#5567bf}.admin46-subline{display:flex;gap:9px;flex-wrap:wrap;margin-top:5px;color:#7e8fab;font-size:11px}.admin46-subline span+span:before{content:"•";margin-right:9px;color:#b1bdca}.admin46-primary-actions{display:flex;gap:8px;align-items:center}.admin46-primary-actions .btn,.admin46-published{min-width:135px;padding:11px 13px;border-radius:14px;font-size:12px}.admin46-published{border:1px solid #d9f0e6;background:#ebfaf3;color:#167b5b;font-weight:850}.admin46-details{grid-column:1/-1;border-top:1px solid #edf3f7;padding-top:12px}.admin46-tech{display:grid;grid-template-columns:1.5fr .6fr 1.6fr;gap:8px}.admin46-tech>div{padding:10px 11px;border-radius:14px;background:#f1f8fc;min-width:0}.admin46-tech span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8a9bb0;font-weight:850}.admin46-tech b{display:block;margin-top:3px;font-size:11px;color:#294d75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin46-detail-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.danger-soft{color:#a74e57!important;background:#fff3f4!important}.admin46-orders{padding:22px}.admin46-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.admin46-modal-form label{display:grid;gap:6px;color:#536d90;font-size:11px;font-weight:850}.admin46-modal-form label.wide{grid-column:1/-1}.admin46-modal-form input,.admin46-modal-form select{width:100%;border:1px solid rgba(43,128,224,.15);background:#f8fcff;border-radius:15px;padding:12px 13px;color:var(--navy);outline:none}.admin46-modal-form .modal-actions{grid-column:1/-1;margin-top:5px}
@media(max-width:980px){.admin46-status-row{grid-template-columns:repeat(4,1fr)}.admin46-storage{grid-column:1/-1}.admin46-app{grid-template-columns:1fr}.admin46-primary-actions{justify-content:flex-start}.admin46-tech{grid-template-columns:1fr 1fr}.admin46-tech>div:last-child{grid-column:1/-1}}
@media(max-width:680px){.admin-v46{padding-top:18px}.admin46-container{width:min(100% - 22px,1240px)}.admin46-top{align-items:center}.admin46-top .brand-lockup img{width:148px}.admin46-top .eyebrow,.admin46-top .admin-title,.admin46-top .admin-subtitle{display:none}.admin46-top .btn{padding:10px 13px}.admin46-status-row{grid-template-columns:repeat(2,1fr);gap:8px}.admin46-stat{min-height:78px;padding:13px}.admin46-stat strong{font-size:25px}.admin46-storage{min-height:72px}.admin46-upload-panel,.admin46-app-panel,.admin46-orders{padding:15px;border-radius:24px}.admin46-panel-head{display:block}.admin46-panel-head h2,.admin46-toolbar h2{font-size:25px}.admin46-panel-head p{font-size:12px}.admin46-panel-head .btn{margin-top:12px}.admin46-drop{padding:24px 14px}.admin46-drop strong{font-size:17px}.admin46-toolbar{display:grid;align-items:start}.admin46-toolbar-actions{display:grid;grid-template-columns:1fr}.admin46-toolbar .admin-search{width:100%}.admin46-app{padding:12px;gap:10px;border-radius:20px}.admin46-icon{width:55px;height:55px;border-radius:15px}.admin46-title-row{align-items:flex-start;flex-wrap:wrap;gap:5px}.admin46-title-row>strong{font-size:16px;max-width:100%}.admin46-subline{font-size:10px}.admin46-primary-actions{display:grid;grid-template-columns:1fr 1fr}.admin46-primary-actions .btn,.admin46-published{width:100%;min-width:0}.admin46-tech{grid-template-columns:1fr}.admin46-tech>div:last-child{grid-column:auto}.admin46-detail-actions{display:grid;grid-template-columns:1fr 1fr}.admin46-detail-actions .tiny-btn{font-size:10px;padding:9px 8px}.admin46-queue-item{align-items:flex-start}.admin46-modal-form{grid-template-columns:1fr}.admin46-modal-form label.wide,.admin46-modal-form .modal-actions{grid-column:auto}.admin46-modal-form .modal-actions{display:grid}}

/* AppRoom v5.1 — order service-data + operator confirmation */
.admin46-modal-form textarea{width:100%;resize:vertical;min-height:88px;border:1px solid rgba(26,98,181,.16);border-radius:14px;padding:12px 14px;font:inherit;color:#0b2f74;background:#f8fcff;outline:none}
.admin46-modal-form label small{display:block;margin-top:6px;color:#7c91ad;font-size:12px;line-height:1.35}
.admin-code-waiting{border:2px solid #ffb340!important;background:#fffaf1!important}
.admin-wait-badge{display:inline-flex;margin-left:10px;padding:4px 8px;border-radius:999px;background:#ffb340;color:#6b3a00;font-size:11px;font-weight:900;letter-spacing:.04em}
.admin-order-actions{flex-wrap:wrap;justify-content:flex-end}
.admin-code-form{display:flex;gap:6px;align-items:center}
.admin-code-form input{width:92px;border:1px solid #bfd5ee;border-radius:10px;padding:9px 10px;font-weight:900;letter-spacing:.12em;text-align:center;background:#fff;color:#0b2f74}
.admin-issued-code{margin-top:6px;color:#08794f;font-size:13px}.admin-issued-code b{font-size:16px;letter-spacing:.12em}
.v51-access-card{display:grid;gap:16px}
.v51-access-app{border:1px solid rgba(35,117,255,.12);background:rgba(247,252,255,.9);border-radius:22px;padding:14px}
.v51-access-app+.v51-access-app{margin-top:4px}
.v51-access-app-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v51-access-app-head strong{color:#0b2f74}.v51-access-app-head span{font-size:12px;color:#7890ae}
.v51-copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(35,117,255,.09)}
.v51-copy-row span{min-width:0}.v51-copy-row small{display:block;color:#7890ae;margin-bottom:4px}.v51-copy-row b{display:block;color:#0b2f74;overflow-wrap:anywhere}
.v51-code-zone{display:grid;gap:12px}
.v51-code-warning{display:grid;gap:7px;border-radius:22px;padding:18px;background:linear-gradient(135deg,#fff1bf,#ffe29c);border:2px solid #ffb21c;color:#4a3100;box-shadow:0 12px 32px rgba(255,178,28,.16)}
.v51-code-warning b{text-transform:uppercase;font-size:12px;letter-spacing:.08em}.v51-code-warning strong{font-size:19px;line-height:1.28}
.v51-request-code{width:100%;min-height:54px;font-size:16px}.v51-request-code[disabled]{opacity:.55}
.v51-code-wait{display:flex;align-items:center;gap:12px;border:1px solid #cfe2f5;background:#f3f9ff;border-radius:18px;padding:14px}.v51-code-wait strong,.v51-code-wait small{display:block}.v51-code-wait small{color:#7890ae;margin-top:3px}
.v51-code-ready{display:grid;gap:9px;justify-items:center;padding:18px;border-radius:22px;background:linear-gradient(135deg,#e9fff6,#f5fffb);border:1px solid #a9e6cd}.v51-code-ready small{color:#568472}.v51-code-ready strong{font-size:40px;letter-spacing:.18em;color:#08794f;line-height:1}
.v51-code-note{margin:0;color:#8395ad;font-size:11px;line-height:1.45}
.v51-guide-warning{margin-top:12px;padding:12px 14px;border-radius:16px;background:#fff1bf;border:1px solid #ffca56;color:#4a3100;font-size:13px;line-height:1.42}
@media(max-width:640px){.v51-copy-row{align-items:flex-start;flex-direction:column}.v51-copy-row .tiny-btn{width:100%}.v51-code-warning strong{font-size:17px}.v51-code-ready strong{font-size:34px}.admin-code-form{width:100%}.admin-code-form input{flex:1}.admin-code-form .tiny-btn{flex:1}}

/* AppRoom v5.4 — homepage/catalog cleanup, reviews section, humanized spacing */
:root{--bg-soft:#f3fbff;--card-soft:rgba(255,255,255,.82);--soft-line:rgba(45,123,214,.12)}
html.modal-open,body.modal-open{overflow:hidden}
.toast{position:fixed;left:50%;top:16px;transform:translate(-50%,-14px);z-index:260;background:rgba(13,47,125,.96);color:#fff;border-radius:999px;padding:12px 16px;font-weight:800;box-shadow:0 14px 36px rgba(12,44,112,.26);opacity:0;pointer-events:none;transition:.22s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.brand-lockup img{display:block;width:168px;height:auto}.nav-button{border:0;background:transparent;padding:11px 14px;border-radius:16px;font-weight:700;font-size:14px;color:#49628f;cursor:pointer}.nav-button:hover{background:rgba(255,255,255,.72);color:var(--navy)}
.cart-link span{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#1d8cff;color:#fff;margin-left:7px;font-size:13px}
.footer-rich{padding:26px 0 42px;border-top:1px solid rgba(64,137,218,.10);background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.7))}.footer-stack{display:grid;grid-template-columns:1.2fr .9fr .7fr;gap:24px;align-items:start}.footer-brand p{margin:12px 0 0;color:#6a83a5;max-width:360px;line-height:1.5}.footer-links{display:grid;gap:10px;padding-top:8px}.footer-links a,.footer-links button{justify-self:start}.footer-support{display:grid;gap:5px;padding-top:8px}.footer-support strong{font-size:18px;color:var(--navy)}.footer-support a{font-weight:800;color:#128cff}.footer-support span{color:#7488a6}
.hero-v54{padding-top:60px;padding-bottom:60px}.hero-kicker-flat:before{display:none}.hero-kicker-flat{padding:11px 20px;border-radius:999px;font-size:14px;font-weight:800;color:#56749a;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.95)}.hero-v54 .lead{max-width:640px}.hero-art-clean{min-height:520px}.hero-orbit.soft{inset:4% 0 6%;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(191,232,255,.44));box-shadow:0 30px 70px rgba(19,90,162,.10)}.phone-clean{transform:rotate(8deg);width:292px;height:570px}.hero-phone-card{position:relative;z-index:1;margin-top:22px;padding:22px 26px;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(16,72,136,.10);text-align:left}.hero-phone-card span{display:block;color:#788ca9;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-phone-card strong{display:block;margin-top:10px;color:#0b2f74;font-size:34px;line-height:.95;letter-spacing:.04em}.hero-phone-card small{display:block;margin-top:10px;color:#8091ab;font-size:15px}.app-badge{position:absolute;z-index:6;width:88px;height:88px;border-radius:28px;border:1px solid rgba(255,255,255,.96);background:rgba(255,255,255,.68);backdrop-filter:blur(12px);display:grid;place-items:center;box-shadow:0 18px 44px rgba(25,104,188,.12);overflow:hidden}.app-badge img{width:100%;height:100%;object-fit:cover}.app-badge span{font-size:30px;color:#fff;font-weight:900}.app-badge.orb-1{right:3%;top:12%;background:linear-gradient(145deg,rgba(101,191,255,.86),rgba(194,232,255,.76))}.app-badge.orb-2{left:4%;bottom:14%;background:linear-gradient(145deg,rgba(26,95,201,.78),rgba(114,169,255,.72))}.app-badge.orb-3{right:7%;bottom:17%;background:linear-gradient(145deg,rgba(88,148,255,.82),rgba(155,214,255,.72))}
.section-soft{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.24),rgba(255,255,255,0))}.section-head-simple{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.home-featured-grid{margin-top:20px}.home-more-link{display:flex;justify-content:center;margin-top:22px}.category-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#eff6fb;color:#6883a5;font-size:11px;font-weight:850}.steps-clean .step{padding:30px;border:1px solid rgba(255,255,255,.92);min-height:unset}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.review-card{background:var(--card-soft);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(22,89,155,.07);border-radius:28px;overflow:hidden}.review-shot{display:block;width:100%;height:280px;object-fit:cover;background:#eef8ff}.review-copy{padding:18px 18px 20px}.review-copy p{margin:0;color:#5f789d;line-height:1.58;min-height:110px}.review-copy strong{display:block;margin-top:14px;color:#0b2f74}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:24px}.support-title{font-size:clamp(30px,4vw,48px)}.support-lead{font-size:18px}.support-card-v54{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.96);padding:16px 18px;border-radius:24px;box-shadow:0 18px 44px rgba(17,82,146,.10)}.support-card-v54 strong{display:block;color:#0b2f74;font-size:17px}.support-card-v54 small{display:block;color:#7b8faf}.support-card-v54 em{font-style:normal;color:#138cff;font-weight:850}.support-card-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#1079ff,#22c2ef);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900}
.cart-hero-v54{padding-bottom:18px}.lookup-card-v54{padding:26px}.saved-orders-v54{margin-top:16px}
.install-head{display:flex;gap:14px;align-items:center}.install-route{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:18px}.route-step{padding:14px;border-radius:18px;background:#eef7ff;color:#5d799c;display:grid;gap:7px}.route-step.active{background:linear-gradient(135deg,#edf7ff,#f7fbff);box-shadow:inset 0 0 0 1px rgba(35,117,255,.09)}.route-step b{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#0d2f7d;color:#fff}.route-step span{display:grid;gap:3px;font-size:13px}.route-step small{color:#7b93af}.install-status-card{display:flex;align-items:center;gap:12px;margin-top:16px;padding:15px;border-radius:18px;background:#eef7ff}.install-status-card strong{display:block;color:#0b2f74}.install-status-card small{display:block;color:#7890ae;margin-top:4px}
.modal-sheet{position:relative;padding-top:30px}.modal-close{position:absolute;top:14px;right:14px;float:none;z-index:4;box-shadow:0 8px 24px rgba(21,77,137,.10)}
.mobile-menu{display:none;gap:6px}.mobile-menu a,.mobile-menu button{width:100%;border:0;background:transparent;text-align:left;color:var(--navy);font-weight:800;padding:13px 14px;border-radius:14px}.mobile-menu a:hover,.mobile-menu button:hover{background:#eef7ff}
.home-featured-grid .add,.app-card-v45 .add{background:#eef6ff;border:1px solid rgba(17,135,255,.05)}.home-featured-grid .add.active,.app-card-v45 .add.active{background:linear-gradient(135deg,#0f77ff,#23a8ff);color:#fff}.catalog-page-v45{padding-bottom:120px}.cart-dock-v45{align-items:center}.cart-dock-v45 .btn{white-space:nowrap}
.reveal,[data-reveal]{opacity:0;transform:translateY(18px);transition:.44s ease}.revealed{opacity:1!important;transform:none!important}

/* admin reviews */
.admin46-reviews{padding:22px}.admin46-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin46-review{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.94);border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(30,92,158,.05)}.admin46-review img{width:100%;height:210px;object-fit:cover;background:#edf7ff}.admin46-review-body{padding:14px}.admin46-review-body p{margin:0;color:#667fa1;line-height:1.5;min-height:88px}.admin46-review-body strong{display:block;margin-top:12px;color:#123575}.admin46-review-meta{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#8aa0ba;font-size:12px}.admin46-review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.review-state-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#eef6ff;color:#5d7fa6;font-size:11px;font-weight:850}.review-state-pill.on{background:#e7fbef;color:#1c7b5d}

@media(max-width:980px){.footer-stack{grid-template-columns:1fr 1fr}.footer-support{grid-column:1/-1}.reviews-grid,.admin46-review-grid{grid-template-columns:1fr 1fr}.support-strip{display:grid}.hero-art-clean{min-height:470px}}
@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.nav{height:74px}.brand-lockup img{width:152px}.nav-actions{margin-left:auto}.cart-link{padding:10px 12px}.hero-v54{padding-top:36px;padding-bottom:30px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero h1,.page-hero h1{font-size:clamp(36px,13vw,62px);line-height:.95;letter-spacing:-.055em}.lead,.page-lead{font-size:16px;line-height:1.48}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .btn{width:100%;justify-content:center;text-align:center}.trust-row{display:grid;grid-template-columns:1fr;gap:8px}.hero-art-clean{min-height:405px}.phone-clean{width:228px;height:454px}.phone-logo{width:162px}.hero-phone-card{padding:18px 20px;border-radius:24px}.hero-phone-card strong{font-size:28px}.app-badge{width:68px;height:68px;border-radius:22px}.section{padding:46px 0}.section-head-simple{display:grid;gap:10px;margin-bottom:18px}.support-strip{display:grid;gap:18px}.reviews-grid,.admin46-review-grid{grid-template-columns:1fr}.review-shot{height:220px}.review-copy p{min-height:0}.footer-stack{grid-template-columns:1fr;gap:18px}.lookup-card-v54{padding:20px}.support-card-v54{padding:14px 16px}.modal-sheet{padding:22px 18px 18px}.modal-close{top:12px;right:12px}.cart-layout,.order-grid{grid-template-columns:1fr}.checkout-card{position:static}.cart-dock-v45{bottom:10px;width:min(100% - 20px,620px);padding:10px 10px 10px 14px}.cart-dock-v45 small{display:none}.cart-dock-v45 .btn{padding:11px 14px;font-size:13px}.lookup-form,.modal-code-form{display:grid;grid-template-columns:1fr;gap:8px}.mobile-menu.open{display:grid}.header{position:sticky;top:0}.toast{top:auto;bottom:86px;transform:translate(-50%,14px)}.toast.show{transform:translate(-50%,0)}.mobile-toggle{display:block;font-size:0;width:42px;height:42px;border-radius:14px;position:relative}.mobile-toggle:before{content:"☰";font-size:24px;color:#123477;position:absolute;inset:0;display:grid;place-items:center}.navlinks{display:none}.nav-actions .btn-soft{display:none}.support-lead{font-size:16px}}

/* AppRoom v5.4.2 — only requested fixes */
.hero-art-clean{min-height:0!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden!important;border-radius:32px}
.hero-phone-png{display:block;width:min(100%,420px);height:auto;max-height:560px;object-fit:contain;border-radius:32px}
.toast{width:max-content!important;max-width:min(360px,calc(100vw - 32px))!important;white-space:nowrap!important;border-radius:14px!important;padding:11px 16px!important}
.cart-dock-v45{max-width:620px!important}
.cart-dock-v45 .btn{flex:0 0 auto!important;width:auto!important;min-width:0!important}
@media(max-width:680px){
  .hero-art-clean{min-height:0!important;margin-top:4px}
  .hero-phone-png{width:100%!important;max-height:none!important;border-radius:26px}
  .toast{white-space:normal!important;text-align:center!important}
}

/* =========================================================
   AppRoom v5.6 — BANNER MATCH VISUAL REBUILD
   Visual layer only. Existing actions/data attributes remain.
   ========================================================= */
:root{
  --banner-blue:#087df5;
  --banner-blue-2:#1aa7ff;
  --banner-dark:#050505;
  --banner-ink:#08206f;
  --banner-muted:#667b9f;
  --banner-bg:#edf9ff;
  --banner-card:#ffffff;
  --banner-shadow:0 18px 48px rgba(50,132,204,.13);
  --banner-radius:28px;
}

html,body{background:#edf9ff!important}
body{
  color:var(--banner-ink)!important;
  background:
    radial-gradient(1200px 620px at -10% -5%,rgba(77,175,255,.18),transparent 60%),
    radial-gradient(900px 700px at 108% 14%,rgba(76,186,255,.18),transparent 60%),
    linear-gradient(180deg,#f8fdff 0%,#eefaff 44%,#e5f7ff 100%)!important;
}
body:before,body:after{display:none!important}
.container{width:min(1180px,calc(100% - 40px))!important}

/* HEADER — like the banner: logo, cart square, menu */
.header{
  position:sticky!important;top:0!important;z-index:60!important;
  background:rgba(248,253,255,.94)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(19,126,245,.08)!important;
  box-shadow:none!important;
}
.nav{height:92px!important;gap:18px!important}
.brand-lockup{min-width:0!important}
.brand-lockup img{width:205px!important;height:auto!important;display:block!important}
.navlinks{display:none!important}
.nav-actions{margin-left:auto!important;display:flex!important;gap:12px!important}
.cart-link{
  width:58px!important;height:58px!important;padding:0!important;border-radius:18px!important;
  position:relative!important;display:grid!important;place-items:center!important;
  background:#fff!important;border:1px solid rgba(17,123,235,.08)!important;
  box-shadow:0 10px 28px rgba(65,137,200,.08)!important;
  color:transparent!important;font-size:0!important;overflow:visible!important;
}
.cart-link:before{
  content:"";width:29px;height:29px;display:block;background:#0d78ef;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h-2l-1 2H1v2h2l3.6 7.6A2 2 0 0 0 8.4 17H18v-2H8.4l-.5-1H18a2 2 0 0 0 1.8-1.1L23 7H6.2l.5-1H7V4Zm2 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm9 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4h-2l-1 2H1v2h2l3.6 7.6A2 2 0 0 0 8.4 17H18v-2H8.4l-.5-1H18a2 2 0 0 0 1.8-1.1L23 7H6.2l.5-1H7V4Zm2 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm9 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.cart-link [data-cart-count]{
  position:absolute!important;top:7px!important;right:7px!important;min-width:14px!important;height:14px!important;
  padding:0!important;border-radius:50%!important;background:#ff1e2d!important;color:#fff!important;
  font-size:9px!important;line-height:14px!important;font-weight:900!important;
}
.mobile-toggle{
  display:block!important;width:58px!important;height:58px!important;border-radius:18px!important;
  background:transparent!important;border:0!important;position:relative!important;font-size:0!important;
}
.mobile-toggle:before{content:"☰"!important;display:grid!important;place-items:center!important;position:absolute!important;inset:0!important;color:#0877ed!important;font-size:35px!important;font-weight:500!important;line-height:1!important}
.mobile-menu{
  position:fixed!important;inset:0 0 auto auto!important;top:0!important;width:min(360px,92vw)!important;min-height:100dvh!important;
  background:#f7fcff!important;padding:32px 24px!important;z-index:90!important;box-shadow:-20px 0 60px rgba(29,87,145,.16)!important;
  border-left:1px solid rgba(24,121,231,.08)!important;
}
.mobile-menu.open{display:grid!important;align-content:start!important;gap:8px!important}
.mobile-menu:before{content:"AppRoom";font-size:28px;font-weight:900;color:#07164f;margin-bottom:28px}
.mobile-menu a,.mobile-menu button{font-size:18px!important;padding:16px 14px!important;border-radius:16px!important;color:#0a2b75!important;background:transparent!important}
.mobile-menu a:hover,.mobile-menu button:hover{background:#eaf6ff!important}

/* HERO — exact composition language of the supplied banner */
.hero-banner-home{position:relative!important;overflow:hidden!important;padding:82px 0 88px!important;min-height:760px!important}
.hero-banner-home:before{
  content:"";position:absolute;inset:auto -12% -36% 42%;height:70%;border-radius:50% 0 0 0;
  background:linear-gradient(145deg,rgba(91,190,255,.16),rgba(54,167,255,.06));transform:rotate(-17deg);pointer-events:none;
}
.hero-grid-banner{grid-template-columns:.95fr 1.05fr!important;gap:24px!important;align-items:center!important}
.hero-copy-banner{z-index:4!important;padding-left:6px!important}
.hero-copy-banner h1{
  margin:0!important;font-size:clamp(62px,7vw,108px)!important;line-height:.92!important;letter-spacing:-.07em!important;
  color:#050505!important;font-weight:950!important;max-width:690px!important;
}
.hero-copy-banner h1 .blue{display:inline-block!important;color:#087df5!important;background:none!important;-webkit-text-fill-color:#087df5!important}
.hero-remote{margin-top:34px!important;font-size:clamp(24px,2.5vw,38px)!important;color:#16256a!important;font-weight:800!important}
.hero-remote span{display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#dff0ff!important;color:#087df5!important;margin-left:8px!important}
.hero-actions-banner{display:grid!important;grid-template-columns:minmax(260px,1fr)!important;max-width:610px!important;gap:18px!important;margin-top:54px!important}
.banner-primary,.banner-secondary{
  min-height:86px!important;border-radius:25px!important;font-size:clamp(20px,2.15vw,30px)!important;font-weight:900!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
}
.banner-primary{background:linear-gradient(135deg,#0a72ff,#16abff)!important;color:white!important;box-shadow:0 18px 36px rgba(17,128,244,.24)!important}
.banner-secondary{background:#fff!important;color:#0873ee!important;border:1px solid rgba(8,125,245,.16)!important;box-shadow:0 14px 30px rgba(46,124,191,.08)!important}
.banner-primary span,.banner-secondary span{font-size:1.18em!important;line-height:1!important}
.hero-art-banner{min-height:630px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.hero-banner-visual{width:min(100%,660px)!important;max-height:650px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 30px 36px rgba(38,89,135,.12))!important}

/* BANNER TITLES */
.banner-section{padding:86px 0!important;position:relative!important}
.banner-title{font-size:clamp(46px,5.2vw,76px)!important;line-height:.98!important;letter-spacing:-.06em!important;font-weight:950!important;margin:0 0 42px!important;color:#050505!important}
.banner-title span{color:#050505!important}.banner-title b{color:#087df5!important;font-weight:950!important}

/* POPULAR APPS — same oversized white cards */
.popular-section{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(240,249,255,.80),rgba(255,255,255,.12))!important}
.popular-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
.popular-card{
  background:#fff!important;border:1px solid rgba(46,138,218,.08)!important;border-radius:34px!important;padding:26px!important;
  box-shadow:var(--banner-shadow)!important;text-align:center!important;min-height:410px!important;display:flex!important;flex-direction:column!important;align-items:center!important;
}
.popular-card .app-icon{width:180px!important;height:180px!important;border-radius:38px!important;margin:2px auto 20px!important;font-size:58px!important;background:#f4f9ff!important;border:0!important;box-shadow:0 12px 28px rgba(22,84,148,.10)!important;overflow:hidden!important}
.popular-card .app-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
.popular-card h3{font-size:28px!important;line-height:1.05!important;margin:0 0 22px!important;color:#07155a!important;font-weight:950!important}
.popular-add{margin-top:auto!important;width:100%!important;min-height:66px!important;border-radius:24px!important;background:linear-gradient(135deg,#0a73ff,#18a9ff)!important;color:#fff!important;border:0!important;font-size:22px!important;font-weight:900!important;box-shadow:0 14px 28px rgba(8,126,245,.20)!important}
.popular-add.active{background:linear-gradient(135deg,#0747bb,#087df5)!important}
.catalog-wide-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;width:min(820px,100%)!important;min-height:88px!important;margin:34px auto 0!important;background:#fff!important;color:#0875ed!important;border-radius:30px!important;font-size:28px!important;font-weight:850!important;box-shadow:0 14px 30px rgba(50,126,188,.08)!important;border:1px solid rgba(8,125,245,.10)!important}

/* FAQ + REVIEWS — exact language of banner 1 */
.faq-reviews-section{background:linear-gradient(180deg,#edf9ff 0%,#f6fcff 58%,#eaf8ff 100%)!important}
.banner-faq{display:grid!important;gap:18px!important;max-width:none!important;margin-bottom:70px!important}
.banner-faq .faq-item{background:#fff!important;border:0!important;border-radius:34px!important;box-shadow:var(--banner-shadow)!important;overflow:hidden!important}
.banner-faq .faq-item>button{min-height:100px!important;padding:0 34px!important;font-size:28px!important;color:#101b6e!important;font-weight:850!important}
.banner-faq .faq-item>button span{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:50%!important;background:#e7f4ff!important;color:#087df5!important;font-size:44px!important;font-weight:600!important;line-height:1!important}
.banner-faq .faq-item p{font-size:19px!important;line-height:1.55!important;padding:0 34px 28px!important;color:#617696!important}
.banner-faq .faq-item.open>div{max-height:260px!important}
.reviews-heading,.support-heading{font-size:clamp(50px,5.7vw,82px)!important;line-height:1!important;letter-spacing:-.06em!important;font-weight:950!important;margin:0 0 34px!important}
.reviews-heading{color:#087df5!important}.support-heading{color:#050505!important;margin-top:72px!important}
.reviews-grid-banner{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.review-card-banner{background:#fff!important;border:0!important;border-radius:32px!important;box-shadow:var(--banner-shadow)!important;padding:28px!important;min-height:310px!important;overflow:hidden!important}
.review-card-head{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:18px!important}
.review-avatar{width:64px!important;height:64px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 35% 25%,#7ac2ff,#0d7df5)!important;color:#fff!important;font-size:27px!important;font-weight:900!important}
.review-card-head strong{font-size:22px!important;color:#0b1b68!important}
.review-stars{font-size:23px!important;color:#ffbf18!important;letter-spacing:1px!important;margin-top:2px!important}
.review-card-banner>p{font-size:19px!important;line-height:1.5!important;color:#607493!important;margin:0!important;min-height:82px!important}
.review-card-banner .review-shot{width:100%!important;height:180px!important;border-radius:20px!important;object-fit:cover!important;margin-top:18px!important;background:#f2f7fb!important}
.support-banner-card{display:flex!important;align-items:center!important;gap:20px!important;width:min(720px,100%)!important;padding:22px 26px!important;background:#fff!important;border-radius:30px!important;box-shadow:var(--banner-shadow)!important;border:1px solid rgba(17,126,233,.06)!important}
.support-banner-icon{width:72px!important;height:72px!important;border-radius:24px!important;background:linear-gradient(135deg,#0873ff,#23b9f5)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:24px!important;font-weight:950!important}
.support-banner-card strong{display:block!important;color:#07155a!important;font-size:26px!important}.support-banner-card small{display:block!important;color:#7890ad!important;font-size:17px!important;margin-top:4px!important}.support-banner-card em{margin-left:auto!important;color:#087df5!important;font-size:24px!important;font-weight:900!important;font-style:normal!important}

/* CATALOG — same visual language as banner 2 */
.catalog-hero-banner{padding:72px 0 28px!important}
.catalog-hero-banner h1,.cart-hero-banner h1{font-size:clamp(58px,7vw,96px)!important;line-height:.94!important;letter-spacing:-.065em!important;color:#050505!important;margin:0!important;font-weight:950!important}
.catalog-hero-banner h1 span{color:#087df5!important}.catalog-hero-banner p,.cart-hero-banner p{font-size:21px!important;color:#647b9e!important;max-width:720px!important;line-height:1.5!important;margin:20px 0 0!important}
.catalog-section-banner{padding:24px 0 120px!important}
.catalog-tools-banner{display:grid!important;gap:18px!important;margin-bottom:28px!important}
.catalog-search-banner{height:68px!important;background:#fff!important;border-radius:22px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 22px!important;box-shadow:0 12px 28px rgba(49,122,183,.07)!important;border:1px solid rgba(8,125,245,.07)!important}
.catalog-search-banner span{font-size:28px!important;color:#6b8aa9!important}.catalog-search-banner input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font-size:19px!important;color:#0b276d!important}
.category-chips-banner{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:2px 2px 6px!important;scrollbar-width:none!important}.category-chips-banner::-webkit-scrollbar{display:none!important}.category-chip-v45{border:0!important;border-radius:999px!important;padding:11px 18px!important;background:#fff!important;color:#173e7f!important;font-weight:800!important;box-shadow:0 8px 20px rgba(42,105,167,.06)!important}.category-chip-v45.active{background:#0d2c80!important;color:#fff!important}
.catalog-grid-banner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
.catalog-card-banner{background:#fff!important;border-radius:32px!important;padding:24px!important;box-shadow:var(--banner-shadow)!important;display:flex!important;flex-direction:column!important;min-height:390px!important;text-align:center!important;border:1px solid rgba(17,126,233,.05)!important}
.catalog-card-banner .app-icon{width:150px!important;height:150px!important;border-radius:34px!important;margin:0 auto 20px!important;overflow:hidden!important;border:0!important;background:#f4f9ff!important;box-shadow:0 12px 24px rgba(23,83,145,.10)!important}.catalog-card-banner .app-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
.catalog-card-banner h3{font-size:26px!important;line-height:1.05!important;margin:0 0 8px!important;color:#07155a!important;font-weight:950!important}.catalog-card-meta{font-size:16px!important;color:#7890ad!important}
.catalog-add-banner{margin-top:auto!important;width:100%!important;min-height:62px!important;border-radius:23px!important;background:linear-gradient(135deg,#0a73ff,#18a9ff)!important;color:#fff!important;border:0!important;font-size:20px!important;font-weight:900!important;box-shadow:0 14px 25px rgba(8,126,245,.19)!important}.catalog-add-banner.active{background:#0b2f84!important}

/* CART — large clean cards like banner */
.cart-hero-banner{padding:72px 0 30px!important}.cart-section-banner{padding:10px 0 120px!important}.cart-layout-banner{grid-template-columns:1.35fr .65fr!important;gap:28px!important;align-items:start!important}.cart-list-banner{display:grid!important;gap:16px!important}.cart-row-banner{background:#fff!important;border:0!important;border-radius:28px!important;padding:18px 20px!important;box-shadow:var(--banner-shadow)!important;min-height:116px!important}.cart-row-banner .app-icon{width:78px!important;height:78px!important;border-radius:22px!important;overflow:hidden!important;border:0!important}.cart-row-banner strong{font-size:22px!important;color:#07155a!important}.cart-row-banner .remove-btn{width:42px!important;height:42px!important;border-radius:50%!important;font-size:30px!important;line-height:1!important;color:#0b2f84!important;background:#eef7ff!important;border:0!important}
.checkout-card-banner{background:#fff!important;border:0!important;border-radius:32px!important;padding:30px!important;box-shadow:var(--banner-shadow)!important;position:sticky!important;top:120px!important}.checkout-card-banner h3{font-size:34px!important;margin:0 0 16px!important;color:#050505!important}.checkout-card-banner .checkout-note{font-size:18px!important;line-height:1.5!important;color:#657a9b!important}.checkout-card-banner .checkout-btn{width:100%!important;min-height:66px!important;border-radius:22px!important;font-size:20px!important;margin-top:18px!important}.checkout-card-banner #clearCartBtn{margin-top:12px!important;background:#fff!important;color:#0b2f84!important;border:1px solid rgba(8,125,245,.16)!important}

/* Existing page content: keep behavior, force visual language */
.page-hero,.order-hero{background:transparent!important}.page-hero h1,.order-hero h1{color:#050505!important}.order-card,.order-side,.lookup-card,.guide-v50-card,.modal-sheet,.help-checklist>div,.saved-order{background:#fff!important;border:1px solid rgba(17,126,233,.06)!important;box-shadow:var(--banner-shadow)!important;border-radius:28px!important}.btn-primary,.tiny-btn.blue,.install-active{background:linear-gradient(135deg,#0a73ff,#18a9ff)!important;color:#fff!important;border:0!important}.btn-white,.btn-soft{background:#fff!important;color:#0b2f84!important;border:1px solid rgba(8,125,245,.14)!important}.input,.order-card input,.lookup-form input,.modal-code-form input,.admin46-modal-form input,.admin46-modal-form select{background:#fff!important;border:1px solid rgba(26,128,232,.14)!important;border-radius:20px!important;box-shadow:none!important}

/* Cart dock on catalog */
.cart-dock-v45{background:#fff!important;border:1px solid rgba(8,125,245,.10)!important;border-radius:26px!important;box-shadow:0 18px 44px rgba(26,102,174,.16)!important;padding:10px 12px 10px 18px!important}.cart-dock-v45>div{display:flex!important;align-items:center!important;gap:9px!important}.cart-dock-v45 [data-cart-dock-count]{width:38px!important;height:38px!important;border-radius:50%!important;background:#0c2d7d!important;color:#fff!important;display:grid!important;place-items:center!important}.cart-dock-v45 .btn{background:linear-gradient(135deg,#0a73ff,#18a9ff)!important;color:#fff!important;border:0!important;border-radius:20px!important}

/* Modals */
.modal-backdrop{background:rgba(4,20,57,.34)!important;backdrop-filter:blur(10px)!important}.modal-sheet{background:#f6fbff!important}.modal-close{background:#eaf5ff!important;color:#174678!important}.v50-guide-stage{background:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(42,107,167,.08)!important}.v50-guide-copy h3{color:#050505!important}.v50-guide-actions .btn{min-height:58px!important;border-radius:20px!important}

/* Mobile: preserve banner feel, not generic stack */
@media(max-width:900px){
  .brand-lockup img{width:172px!important}.nav{height:82px!important}.cart-link,.mobile-toggle{width:52px!important;height:52px!important;border-radius:16px!important}
  .hero-banner-home{padding:40px 0 58px!important;min-height:830px!important}
  .hero-grid-banner{display:block!important;position:relative!important;min-height:730px!important}
  .hero-copy-banner{position:relative!important;z-index:5!important;width:62%!important;padding:40px 0 0!important}
  .hero-copy-banner h1{font-size:clamp(48px,12vw,76px)!important;max-width:430px!important}
  .hero-remote{font-size:25px!important;margin-top:28px!important}.hero-remote span{width:36px!important;height:36px!important}
  .hero-art-banner{position:absolute!important;right:-11%!important;top:70px!important;width:72%!important;min-height:0!important;z-index:2!important;display:block!important}
  .hero-banner-visual{width:100%!important;max-height:none!important}
  .hero-actions-banner{position:absolute!important;left:0!important;right:0!important;top:505px!important;max-width:none!important;gap:14px!important;margin:0!important}
  .banner-primary,.banner-secondary{min-height:70px!important;font-size:22px!important;border-radius:22px!important}
  .popular-grid,.catalog-grid-banner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .popular-card,.catalog-card-banner{min-height:320px!important;padding:18px!important;border-radius:26px!important}.popular-card .app-icon{width:120px!important;height:120px!important;border-radius:30px!important}.catalog-card-banner .app-icon{width:112px!important;height:112px!important;border-radius:28px!important}.popular-card h3,.catalog-card-banner h3{font-size:21px!important}.popular-add,.catalog-add-banner{min-height:56px!important;font-size:18px!important;border-radius:20px!important}
  .reviews-grid-banner{grid-template-columns:1fr!important}.cart-layout-banner{grid-template-columns:1fr!important}.checkout-card-banner{position:static!important}
}

@media(max-width:560px){
  .container{width:min(100% - 28px,1180px)!important}.header{position:sticky!important}.nav{height:78px!important}.brand-lockup img{width:160px!important}.cart-link,.mobile-toggle{width:48px!important;height:48px!important}.mobile-toggle:before{font-size:28px!important}.cart-link:before{width:25px!important;height:25px!important}
  .hero-banner-home{min-height:760px!important;padding-top:18px!important}.hero-grid-banner{min-height:700px!important}.hero-copy-banner{width:66%!important;padding-top:36px!important}.hero-copy-banner h1{font-size:clamp(42px,12vw,59px)!important;line-height:.94!important}.hero-remote{font-size:20px!important;margin-top:22px!important}.hero-remote span{width:30px!important;height:30px!important;font-size:16px!important}
  .hero-art-banner{width:72%!important;right:-16%!important;top:115px!important}.hero-actions-banner{top:455px!important}.banner-primary,.banner-secondary{min-height:64px!important;font-size:19px!important}
  .banner-section{padding:62px 0!important}.banner-title{font-size:clamp(38px,10vw,52px)!important;margin-bottom:28px!important}.popular-grid,.catalog-grid-banner{gap:12px!important}.popular-card,.catalog-card-banner{min-height:286px!important;padding:15px!important}.popular-card .app-icon{width:104px!important;height:104px!important;border-radius:26px!important;margin-bottom:14px!important}.catalog-card-banner .app-icon{width:94px!important;height:94px!important;border-radius:24px!important}.popular-card h3,.catalog-card-banner h3{font-size:18px!important}.popular-add,.catalog-add-banner{min-height:52px!important;font-size:16px!important}.catalog-wide-link{min-height:70px!important;border-radius:24px!important;font-size:20px!important;margin-top:22px!important}
  .faq-title{font-size:clamp(37px,10vw,50px)!important}.banner-faq .faq-item{border-radius:24px!important}.banner-faq .faq-item>button{min-height:82px!important;padding:0 20px!important;font-size:21px!important}.banner-faq .faq-item>button span{width:48px!important;height:48px!important;font-size:36px!important}.banner-faq .faq-item p{font-size:16px!important;padding:0 20px 22px!important}.reviews-heading,.support-heading{font-size:clamp(42px,11vw,58px)!important}.review-card-banner{padding:20px!important;border-radius:26px!important}.review-card-banner>p{font-size:17px!important}.review-card-head strong{font-size:20px!important}.support-banner-card{padding:16px!important;border-radius:24px!important}.support-banner-icon{width:58px!important;height:58px!important;border-radius:19px!important}.support-banner-card strong{font-size:20px!important}.support-banner-card em{font-size:0!important}.support-banner-card em:after{content:"→";font-size:25px!important}
  .catalog-hero-banner,.cart-hero-banner{padding:46px 0 20px!important}.catalog-hero-banner h1,.cart-hero-banner h1{font-size:clamp(48px,13vw,66px)!important}.catalog-hero-banner p,.cart-hero-banner p{font-size:17px!important}.catalog-search-banner{height:60px!important;border-radius:20px!important}.category-chip-v45{padding:10px 15px!important;font-size:13px!important}.cart-section-banner{padding-top:10px!important}.cart-row-banner{min-height:100px!important;padding:14px!important;border-radius:23px!important}.cart-row-banner .app-icon{width:66px!important;height:66px!important;border-radius:18px!important}.cart-row-banner strong{font-size:19px!important}.checkout-card-banner{padding:22px!important;border-radius:26px!important}.checkout-card-banner h3{font-size:30px!important}.checkout-card-banner .checkout-note{font-size:16px!important}.checkout-card-banner .checkout-btn{min-height:60px!important;font-size:18px!important}
  .cart-dock-v45{bottom:10px!important;width:calc(100% - 20px)!important;padding:8px 9px 8px 12px!important;border-radius:22px!important}.cart-dock-v45 small{font-size:12px!important}.cart-dock-v45 .btn{min-height:48px!important;padding:0 16px!important;font-size:14px!important}
}

/* AppRoom v5.6.4 — exact visual fixes after QA */
.mobile-menu-overlay{display:none;position:fixed;inset:0;z-index:89;background:rgba(8,23,56,.12)}
.mobile-menu-overlay.open{display:block}
body.menu-open{overflow:hidden}
.mobile-menu{display:none!important;gap:14px!important;width:min(320px,86vw)!important;min-height:100dvh!important;padding:22px 18px 26px!important;background:#f7fcff!important;box-shadow:-18px 0 50px rgba(21,74,129,.12)!important;border-left:1px solid rgba(17,123,235,.08)!important;backdrop-filter:none!important}
.mobile-menu:before{content:none!important}
.mobile-menu.open{display:grid!important;align-content:start!important}
.mobile-menu .menu-close{margin-left:auto!important;width:64px!important;height:64px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(17,123,235,.08)!important;box-shadow:0 10px 26px rgba(54,120,186,.10)!important;position:relative!important;padding:0!important;color:transparent!important;font-size:0!important}
.mobile-menu .menu-close:before{content:"✕"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-size:32px!important;font-weight:500!important;line-height:1!important;color:#137df5!important}
.mobile-menu a,.mobile-menu button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:18px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(17,123,235,.06)!important;box-shadow:0 8px 18px rgba(44,112,176,.06)!important;font-size:22px!important;font-weight:850!important;color:#0a2873!important;text-align:left!important}
.mobile-menu a:after,.mobile-menu button:after{content:"→"!important;color:#1687ff!important;font-weight:700!important;font-size:28px!important;line-height:1!important}
.mobile-menu .menu-close:after{content:none!important}
.nav-actions{gap:10px!important}
.cart-link{width:54px!important;height:54px!important;border-radius:18px!important}
.cart-link [data-cart-count]{top:6px!important;right:6px!important;min-width:16px!important;height:16px!important;line-height:16px!important;font-size:10px!important}
.mobile-toggle{width:46px!important;height:46px!important;border-radius:14px!important;background:transparent!important}
.mobile-toggle:before{content:""!important;width:28px!important;height:3px!important;border-radius:99px!important;background:#0a7cf5!important;position:absolute!important;left:9px!important;top:12px!important;box-shadow:0 9px 0 #0a7cf5,0 18px 0 #0a7cf5!important}

.hero-banner-home{background:linear-gradient(180deg,#eaf6ff 0%,#eef9ff 54%,#e2f3ff 100%)!important}
.hero-banner-home:before{content:""!important;position:absolute!important;left:-16%!important;top:-24%!important;width:85%!important;height:38%!important;border-radius:0 0 70% 0!important;background:linear-gradient(135deg,rgba(176,220,251,.62),rgba(176,220,251,.18))!important;transform:rotate(-10deg)!important;pointer-events:none!important}
.hero-banner-home:after{content:""!important;position:absolute!important;right:-22%!important;bottom:-26%!important;width:72%!important;height:42%!important;border-radius:58% 0 0 0!important;background:linear-gradient(135deg,rgba(170,219,255,.40),rgba(170,219,255,.12))!important;transform:rotate(-8deg)!important;pointer-events:none!important}
.hero-grid-banner{gap:28px!important;align-items:center!important}
.hero-copy-banner h1{letter-spacing:-.05em!important}
.hero-art-banner{justify-content:flex-end!important}
.hero-banner-visual{filter:drop-shadow(0 18px 28px rgba(29,79,123,.10))!important}
.hero-remote{display:flex!important;align-items:center!important;gap:10px!important}.hero-remote span{margin-left:0!important}
.banner-primary,.banner-secondary{letter-spacing:-.02em!important}
.faq-title{line-height:1.04!important;letter-spacing:-.03em!important}
.support-banner-icon{position:relative!important;display:grid!important;place-items:center!important;font-size:0!important;color:transparent!important;background:linear-gradient(135deg,#0a73ff,#24b1ef)!important}
.support-banner-icon:before{content:""!important;width:28px!important;height:28px!important;background:#fff!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.78 18.65 9.95 14.8 17 8.44c.31-.28-.07-.43-.48-.16l-8.7 5.48-3.75-1.17c-.81-.25-.82-.81.17-1.2L18.7 5.8c.67-.25 1.25.16 1.03 1.19l-2.47 11.63c-.18.83-.67 1.03-1.35.64l-3.74-2.76-1.8 1.73c-.2.2-.37.37-.75.37Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.78 18.65 9.95 14.8 17 8.44c.31-.28-.07-.43-.48-.16l-8.7 5.48-3.75-1.17c-.81-.25-.82-.81.17-1.2L18.7 5.8c.67-.25 1.25.16 1.03 1.19l-2.47 11.63c-.18.83-.67 1.03-1.35.64l-3.74-2.76-1.8 1.73c-.2.2-.37.37-.75.37Z'/%3E%3C/svg%3E") center/contain no-repeat}
.support-banner-card em{display:flex!important;align-items:center!important;gap:8px!important}.support-banner-card em:after{content:"→"!important;font-size:1.05em!important;line-height:1!important}
.catalog-card-banner{display:grid!important;grid-template-rows:auto auto auto auto!important;align-content:start!important;row-gap:8px!important;min-height:340px!important}
.catalog-card-banner .app-icon{margin:0 auto 8px!important}
.catalog-card-banner h3{margin:0!important}
.catalog-card-meta{margin:0 0 2px!important;min-height:42px!important}
.catalog-add-banner{margin-top:4px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important}
.cart-dock-v45{display:grid!important;grid-template-columns:52px 1fr!important;gap:10px!important;align-items:center!important}.cart-dock-v45>div{display:grid!important;place-items:center start!important;gap:0!important}.cart-dock-v45 [data-cart-dock-count]{width:42px!important;height:42px!important}.cart-dock-v45 small{display:none!important}.cart-dock-v45 .btn{min-width:0!important;width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:18px!important;line-height:1.1!important;padding:0 16px!important}

@media(max-width:900px){
  .hero-grid-banner{display:block!important;position:relative!important;min-height:760px!important}
  .hero-copy-banner{position:relative!important;z-index:3!important;width:54%!important;padding:42px 0 0 2px!important}
  .hero-copy-banner h1{font-size:clamp(54px,9vw,74px)!important;max-width:390px!important;line-height:.92!important}
  .hero-remote{font-size:26px!important;margin-top:30px!important}.hero-remote span{width:38px!important;height:38px!important}
  .hero-art-banner{position:absolute!important;right:0!important;top:68px!important;width:52%!important;max-width:380px!important;min-height:0!important;display:block!important;z-index:2!important}
  .hero-actions-banner{position:absolute!important;left:0!important;right:0!important;bottom:16px!important;max-width:620px!important;gap:16px!important;margin:0!important}
}
@media(max-width:560px){
  .brand-lockup img{width:158px!important}
  .cart-link{width:52px!important;height:52px!important}
  .mobile-toggle{width:44px!important;height:44px!important}
  .mobile-toggle:before{left:8px!important;top:11px!important;width:26px!important}
  .hero-banner-home{padding:20px 0 34px!important;min-height:740px!important}
  .hero-grid-banner{min-height:690px!important}
  .hero-copy-banner{width:54%!important;padding-top:28px!important}
  .hero-copy-banner h1{font-size:clamp(43px,13vw,58px)!important;max-width:250px!important;line-height:.93!important}
  .hero-remote{font-size:18px!important;margin-top:20px!important}.hero-remote span{width:31px!important;height:31px!important;font-size:16px!important}
  .hero-art-banner{width:56%!important;max-width:260px!important;right:-2px!important;top:86px!important}
  .hero-actions-banner{bottom:18px!important;max-width:none!important;gap:14px!important}
  .banner-primary,.banner-secondary{min-height:62px!important;border-radius:22px!important;font-size:18px!important;padding:0 18px!important}
  .faq-title span,.faq-title b{display:block!important}.faq-title span{margin-bottom:4px!important}
  .support-banner-card{padding:16px 18px!important;gap:14px!important}.support-banner-icon{width:54px!important;height:54px!important;border-radius:18px!important}.support-banner-card strong{font-size:18px!important}.support-banner-card small{font-size:14px!important}.support-banner-card em{font-size:18px!important;white-space:nowrap!important}
  .catalog-card-banner{min-height:255px!important;padding:14px!important;row-gap:7px!important}
  .catalog-card-banner .app-icon{width:92px!important;height:92px!important;border-radius:24px!important}
  .catalog-card-banner h3{font-size:17px!important;line-height:1.08!important}
  .catalog-card-meta{font-size:15px!important;min-height:34px!important}
  .catalog-add-banner{min-height:50px!important;font-size:16px!important;border-radius:18px!important}
  .cart-dock-v45{width:calc(100% - 18px)!important;bottom:8px!important;padding:9px 9px 9px 11px!important;border-radius:22px!important}
  .cart-dock-v45 .btn{min-height:50px!important;font-size:15px!important}
}

/* =========================================================
   AppRoom v5.7.0 — HERO rebuilt from scratch to match approved reference.
   Only presentation changed; existing site actions remain intact.
   ========================================================= */
body[data-page="home"] .header{
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-bottom:0!important;box-shadow:none!important;
}
body[data-page="home"] .nav{height:120px!important}
body[data-page="home"] .brand-lockup img{width:226px!important}
body[data-page="home"] .cart-link{width:64px!important;height:64px!important;border-radius:18px!important;background:#fff!important}
body[data-page="home"] .mobile-toggle{width:58px!important;height:64px!important}
body[data-page="home"] .mobile-toggle:before{left:12px!important;top:17px!important;width:34px!important;height:4px!important;box-shadow:0 11px 0 #0a7cf5,0 22px 0 #0a7cf5!important}

.hero-banner-home{
  min-height:1000px!important;
  padding:140px 0 78px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#edf9ff 0%,#eaf8ff 55%,#e1f3ff 100%)!important;
}
.hero-banner-home:before{
  content:""!important;position:absolute!important;z-index:0!important;
  width:78%!important;height:39%!important;left:-18%!important;top:-14%!important;
  border-radius:0 0 72% 0!important;
  background:linear-gradient(135deg,rgba(164,216,252,.72),rgba(190,229,255,.26))!important;
  transform:rotate(-8deg)!important;
}
.hero-banner-home:after{
  content:""!important;position:absolute!important;z-index:0!important;
  width:68%!important;height:36%!important;right:-24%!important;bottom:-16%!important;
  border-radius:70% 0 0 0!important;
  background:linear-gradient(135deg,rgba(141,208,255,.18),rgba(113,193,250,.35))!important;
  transform:rotate(-10deg)!important;
}
.hero-grid-banner{
  position:relative!important;z-index:1!important;
  display:grid!important;grid-template-columns:1.02fr .98fr!important;
  grid-template-rows:auto auto!important;
  gap:18px 22px!important;align-items:center!important;
  min-height:760px!important;
}
.hero-copy-banner{align-self:center!important;padding:14px 0 0!important;z-index:3!important}
.hero-copy-banner h1{
  margin:0!important;max-width:650px!important;
  font-size:clamp(68px,6.3vw,104px)!important;
  line-height:.94!important;letter-spacing:-.055em!important;
  font-weight:950!important;color:#050505!important;
}
.hero-copy-banner h1 .blue{color:#087df5!important;-webkit-text-fill-color:#087df5!important}
.hero-remote{
  margin-top:34px!important;display:flex!important;align-items:center!important;gap:12px!important;
  font-size:clamp(28px,2.5vw,40px)!important;font-weight:780!important;color:#273978!important;
}
.hero-remote span{
  width:52px!important;height:52px!important;margin:0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:#dceeff!important;color:#087df5!important;
  font-size:30px!important;font-weight:900!important;
}
.hero-actions-banner{
  grid-column:1 / -1!important;grid-row:2!important;
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  margin:24px auto 0!important;width:min(760px,76%)!important;max-width:none!important;
  display:grid!important;grid-template-columns:1fr!important;gap:22px!important;
  z-index:4!important;
}
.banner-primary{
  min-height:106px!important;border-radius:30px!important;font-size:clamp(29px,2.7vw,42px)!important;
  background:linear-gradient(135deg,#0879ff 0%,#0b95ff 52%,#0caaf8 100%)!important;
  color:#fff!important;box-shadow:0 16px 34px rgba(0,126,242,.17)!important;
}
.banner-secondary{
  justify-self:center!important;width:min(520px,76%)!important;min-height:86px!important;border-radius:26px!important;
  font-size:clamp(25px,2.35vw,36px)!important;background:#fff!important;color:#0876ee!important;
  border:1px solid rgba(8,125,245,.15)!important;box-shadow:0 11px 28px rgba(52,125,188,.07)!important;
}
.hero-art-banner.hero-composition{
  position:relative!important;z-index:2!important;width:100%!important;height:600px!important;min-height:0!important;
  display:block!important;overflow:visible!important;
}
.hero-phone-device{
  position:absolute!important;left:21%!important;top:76px!important;width:315px!important;height:586px!important;
  border-radius:54px!important;padding:10px!important;
  transform:rotate(5.6deg)!important;transform-origin:center!important;
  background:linear-gradient(115deg,#171b20 0%,#7e858c 7%,#eef1f3 14%,#252a2f 24%,#dfe3e6 38%,#44494e 62%,#f4f6f7 76%,#2d3237 100%)!important;
  box-shadow:0 28px 54px rgba(29,68,105,.24)!important;
}
.hero-phone-device:after{
  content:""!important;position:absolute!important;right:-5px!important;top:128px!important;width:5px!important;height:78px!important;
  border-radius:0 4px 4px 0!important;background:#4b5055!important;
}
.hero-phone-screen{
  position:relative!important;width:100%!important;height:100%!important;border-radius:45px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 65%,#d9f1ff 100%)!important;
  border:2px solid #0c0e11!important;display:grid!important;place-items:center!important;
}
.hero-phone-screen:after{
  content:""!important;position:absolute!important;width:460px!important;height:230px!important;left:-90px!important;bottom:-105px!important;
  border-radius:50%!important;background:linear-gradient(135deg,rgba(42,191,243,.20),rgba(36,157,248,.50))!important;transform:rotate(-12deg)!important;
}
.hero-phone-island{
  position:absolute!important;z-index:4!important;top:20px!important;left:50%!important;transform:translateX(-50%)!important;
  width:102px!important;height:30px!important;border-radius:20px!important;background:#020305!important;
}
.hero-phone-status{
  position:absolute!important;z-index:3!important;top:25px!important;left:25px!important;right:22px!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;color:#090a0c!important;
  font-size:12px!important;font-weight:800!important;
}
.hero-phone-status i{flex:1!important}
.hero-phone-signals{letter-spacing:2px!important;font-size:10px!important}
.hero-phone-logo{position:relative!important;z-index:2!important;width:205px!important;height:auto!important;display:block!important}
.hero-logo-tile{
  position:absolute!important;z-index:5!important;display:grid!important;place-items:center!important;overflow:hidden!important;
  border-radius:27px!important;background:#fff!important;box-shadow:0 19px 35px rgba(20,78,134,.16)!important;
  border:1px solid rgba(255,255,255,.8)!important;
}
.hero-logo-tile img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.hero-logo-tile b{font-size:30px!important;font-weight:950!important;color:#0b2b76!important}
.hero-logo-vk{width:112px!important;height:112px!important;left:2%!important;top:66px!important;transform:rotate(-12deg)!important;background:linear-gradient(145deg,#167eff,#22a9ef)!important;color:#fff!important}
.hero-logo-vk b{color:#fff!important;font-size:42px!important}
.hero-logo-vtb{width:108px!important;height:108px!important;right:0!important;top:18px!important;transform:rotate(8deg)!important}
.hero-logo-max{width:112px!important;height:112px!important;left:0!important;bottom:32px!important;transform:rotate(-14deg)!important;background:linear-gradient(145deg,#5149ff,#be21ff)!important}
.hero-logo-max b{color:#fff!important;font-size:25px!important}
.hero-logo-tbank{width:118px!important;height:118px!important;right:-2%!important;bottom:54px!important;transform:rotate(11deg)!important;background:#ffd72e!important}
.hero-logo-tbank b{font-size:48px!important;color:#101010!important}

@media(max-width:900px){
  body[data-page="home"] .nav{height:100px!important}
  body[data-page="home"] .brand-lockup img{width:190px!important}
  .hero-banner-home{min-height:900px!important;padding:118px 0 54px!important}
  .hero-grid-banner{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;min-height:720px!important;gap:10px!important}
  .hero-copy-banner{width:auto!important;padding:34px 0 0!important;align-self:start!important}
  .hero-copy-banner h1{font-size:clamp(50px,8vw,72px)!important;max-width:420px!important}
  .hero-remote{font-size:26px!important;margin-top:26px!important}.hero-remote span{width:42px!important;height:42px!important;font-size:24px!important}
  .hero-art-banner.hero-composition{position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:525px!important;max-width:none!important}
  .hero-phone-device{left:14%!important;top:55px!important;width:270px!important;height:500px!important;border-radius:48px!important}
  .hero-phone-screen{border-radius:40px!important}.hero-phone-logo{width:175px!important}
  .hero-logo-vk{width:92px!important;height:92px!important;left:0!important;top:54px!important}.hero-logo-vtb{width:90px!important;height:90px!important;right:0!important;top:18px!important}.hero-logo-max{width:92px!important;height:92px!important;left:-1%!important;bottom:34px!important}.hero-logo-tbank{width:98px!important;height:98px!important;right:-2%!important;bottom:52px!important}
  .hero-actions-banner{width:min(690px,86%)!important;margin-top:10px!important}
  .banner-primary{min-height:88px!important;font-size:30px!important}.banner-secondary{min-height:76px!important;font-size:27px!important}
}
@media(max-width:560px){
  body[data-page="home"] .nav{height:86px!important}
  body[data-page="home"] .brand-lockup img{width:167px!important}
  body[data-page="home"] .cart-link{width:52px!important;height:52px!important;border-radius:16px!important}
  body[data-page="home"] .mobile-toggle{width:48px!important;height:52px!important}
  body[data-page="home"] .mobile-toggle:before{left:9px!important;top:14px!important;width:29px!important;height:3px!important;box-shadow:0 9px 0 #0a7cf5,0 18px 0 #0a7cf5!important}
  .hero-banner-home{min-height:780px!important;padding:96px 0 32px!important}
  .hero-grid-banner{grid-template-columns:52% 48%!important;grid-template-rows:440px auto!important;min-height:650px!important;gap:0!important}
  .hero-copy-banner{padding:64px 0 0!important;align-self:start!important;z-index:3!important}
  .hero-copy-banner h1{font-size:clamp(40px,11.2vw,49px)!important;max-width:230px!important;line-height:.93!important;letter-spacing:-.055em!important}
  .hero-remote{font-size:19px!important;margin-top:24px!important;gap:8px!important}.hero-remote span{width:31px!important;height:31px!important;font-size:18px!important}
  .hero-art-banner.hero-composition{height:410px!important;align-self:start!important;margin-top:22px!important}
  .hero-phone-device{left:3%!important;top:60px!important;width:205px!important;height:380px!important;border-radius:37px!important;padding:7px!important;transform:rotate(5.2deg)!important}
  .hero-phone-screen{border-radius:31px!important;border-width:1.5px!important}.hero-phone-island{top:13px!important;width:72px!important;height:22px!important}.hero-phone-status{top:16px!important;left:16px!important;right:14px!important;font-size:8px!important}.hero-phone-signals{font-size:7px!important}.hero-phone-logo{width:130px!important}.hero-phone-device:after{top:88px!important;height:55px!important;width:4px!important}
  .hero-logo-vk{width:70px!important;height:70px!important;left:-7%!important;top:42px!important;border-radius:20px!important}.hero-logo-vtb{width:70px!important;height:70px!important;right:-10%!important;top:17px!important;border-radius:20px!important}.hero-logo-max{width:72px!important;height:72px!important;left:-11%!important;bottom:21px!important;border-radius:20px!important}.hero-logo-tbank{width:78px!important;height:78px!important;right:-13%!important;bottom:34px!important;border-radius:20px!important}
  .hero-logo-vk b{font-size:26px!important}.hero-logo-max b{font-size:15px!important}.hero-logo-tbank b{font-size:30px!important}
  .hero-actions-banner{grid-column:1 / -1!important;width:100%!important;margin:2px auto 0!important;gap:13px!important;padding:0!important}
  .banner-primary{min-height:68px!important;border-radius:22px!important;font-size:20px!important}
  .banner-secondary{width:70%!important;min-height:61px!important;border-radius:20px!important;font-size:18px!important}
}

/* =========================================================
   AppRoom v5.7.1 — approved-reference mobile hero geometry
   Recreated with HTML/CSS elements; no banner crop is used.
   ========================================================= */
@media(max-width:560px){
  body[data-page="home"] .header{
    position:absolute!important;top:0!important;left:0!important;right:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:20!important;
  }
  body[data-page="home"] .nav{
    height:22vw!important;min-height:78px!important;max-height:92px!important;
    padding-top:1vw!important;align-items:center!important;
  }
  body[data-page="home"] .brand-lockup img{width:39vw!important;max-width:168px!important;min-width:148px!important}
  body[data-page="home"] .nav-actions{gap:2.4vw!important}
  body[data-page="home"] .cart-link{width:12.3vw!important;height:12.3vw!important;max-width:52px!important;max-height:52px!important;min-width:46px!important;min-height:46px!important;border-radius:4.2vw!important;background:#fff!important}
  body[data-page="home"] .cart-link:before{width:6.7vw!important;height:6.7vw!important;max-width:28px!important;max-height:28px!important}
  body[data-page="home"] .cart-link [data-cart-count]{top:1.3vw!important;right:1.3vw!important;min-width:4vw!important;height:4vw!important;line-height:4vw!important;font-size:2.5vw!important}
  body[data-page="home"] .mobile-toggle{width:10.8vw!important;height:12.3vw!important;max-width:46px!important;max-height:52px!important;min-width:42px!important;min-height:46px!important}
  body[data-page="home"] .mobile-toggle:before{content:""!important;position:absolute!important;left:1.8vw!important;top:2.7vw!important;width:7.1vw!important;height:.8vw!important;max-width:30px!important;max-height:3px!important;border-radius:99px!important;background:#087cf5!important;box-shadow:0 2.3vw 0 #087cf5,0 4.6vw 0 #087cf5!important}

  .hero-banner-home{
    position:relative!important;height:150vw!important;min-height:580px!important;max-height:650px!important;
    padding:0!important;overflow:hidden!important;
    background:linear-gradient(180deg,#edf9ff 0%,#eaf8ff 56%,#e1f3ff 100%)!important;
  }
  .hero-banner-home:before{
    content:""!important;position:absolute!important;z-index:0!important;
    left:-24vw!important;top:-13vw!important;width:118vw!important;height:48vw!important;
    border-radius:0 0 75% 0!important;background:linear-gradient(137deg,rgba(160,216,253,.74),rgba(208,238,255,.22))!important;
    transform:rotate(-8deg)!important;pointer-events:none!important;
  }
  .hero-banner-home:after{
    content:""!important;position:absolute!important;z-index:0!important;
    right:-42vw!important;bottom:-30vw!important;width:112vw!important;height:50vw!important;
    border-radius:72% 0 0 0!important;background:linear-gradient(138deg,rgba(139,208,255,.18),rgba(109,190,249,.40))!important;
    transform:rotate(-10deg)!important;pointer-events:none!important;
  }
  .hero-grid-banner{
    position:relative!important;z-index:1!important;display:block!important;
    width:100%!important;height:100%!important;min-height:0!important;margin:0!important;
  }
  .hero-copy-banner{
    position:absolute!important;left:4.7vw!important;top:37.2vw!important;width:49vw!important;
    padding:0!important;z-index:4!important;
  }
  .hero-copy-banner h1{
    margin:0!important;max-width:none!important;font-size:9.95vw!important;line-height:.93!important;
    letter-spacing:-.052em!important;font-weight:950!important;color:#050505!important;
  }
  .hero-copy-banner h1 .blue{color:#087df5!important;-webkit-text-fill-color:#087df5!important}
  .hero-remote{
    position:absolute!important;left:0!important;top:32.2vw!important;margin:0!important;
    display:flex!important;align-items:center!important;gap:2vw!important;white-space:nowrap!important;
    font-size:4.45vw!important;line-height:1!important;font-weight:800!important;color:#273978!important;
  }
  .hero-remote span{
    width:7.7vw!important;height:7.7vw!important;margin:0!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;background:#dceeff!important;color:#087df5!important;
    font-size:4.4vw!important;font-weight:900!important;
  }
  .hero-art-banner.hero-composition{
    position:absolute!important;right:1.5vw!important;top:31.8vw!important;width:42.5vw!important;height:71vw!important;
    margin:0!important;z-index:3!important;display:block!important;overflow:visible!important;
  }
  .hero-phone-device{
    position:absolute!important;left:6.5vw!important;top:3.2vw!important;width:31.8vw!important;height:60.8vw!important;
    border-radius:6.8vw!important;padding:1.25vw!important;transform:rotate(5.6deg)!important;transform-origin:center!important;
    box-shadow:0 3.5vw 7vw rgba(29,68,105,.22)!important;
  }
  .hero-phone-device:after{right:-.7vw!important;top:14.8vw!important;width:.8vw!important;height:9.6vw!important}
  .hero-phone-screen{border-radius:5.6vw!important;border-width:.35vw!important}
  .hero-phone-island{top:2.1vw!important;width:12.2vw!important;height:3.7vw!important;border-radius:2.8vw!important}
  .hero-phone-status{top:2.3vw!important;left:2.2vw!important;right:2vw!important;font-size:1.35vw!important}
  .hero-phone-signals{font-size:1.2vw!important;letter-spacing:.35vw!important}
  .hero-phone-logo{width:21.8vw!important}
  .hero-logo-tile{border-radius:4.2vw!important;box-shadow:0 2.5vw 5vw rgba(20,78,134,.15)!important}
  .hero-logo-vk{width:14.6vw!important;height:14.6vw!important;left:-1.2vw!important;top:3.5vw!important;transform:rotate(-12deg)!important}
  .hero-logo-vtb{width:14vw!important;height:14vw!important;right:-.4vw!important;top:-.8vw!important;transform:rotate(8deg)!important}
  .hero-logo-max{width:15.1vw!important;height:15.1vw!important;left:-1.6vw!important;bottom:1.2vw!important;transform:rotate(-14deg)!important}
  .hero-logo-tbank{width:16.4vw!important;height:16.4vw!important;right:-1.8vw!important;bottom:5.1vw!important;transform:rotate(11deg)!important}
  .hero-logo-vk b{font-size:5.5vw!important}.hero-logo-vtb b{font-size:4.2vw!important}.hero-logo-max b{font-size:3.2vw!important}.hero-logo-tbank b{font-size:6.7vw!important}
  .hero-actions-banner{
    position:absolute!important;left:10.2vw!important;top:55.3vw!important;width:79.6vw!important;
    margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:3.7vw!important;z-index:6!important;
  }
  .banner-primary{
    width:100%!important;height:14.7vw!important;min-height:56px!important;max-height:63px!important;
    border-radius:5.2vw!important;font-size:4.65vw!important;line-height:1!important;padding:0 5vw!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:3vw!important;
  }
  .banner-secondary{
    justify-self:center!important;width:50vw!important;height:12.2vw!important;min-height:46px!important;max-height:52px!important;
    border-radius:4.3vw!important;font-size:4.25vw!important;line-height:1!important;padding:0 4vw!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:2vw!important;
  }
  .banner-primary span,.banner-secondary span{font-size:1.25em!important;line-height:1!important}
}

/* =========================================================
   AppRoom v5.7.2 — hero art matched to approved reference.
   Uses a dedicated transparent phone+logos composition.
   No functionality changed.
   ========================================================= */
.hero-art-banner.hero-composition{
  position:relative!important;
  display:block!important;
  overflow:visible!important;
}
.hero-art-banner.hero-composition>*{
  display:none!important;
}
.hero-art-banner.hero-composition:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:url('/assets/hero-phone-reference-v572.png?v=572') center/contain no-repeat!important;
  pointer-events:none!important;
}

/* Desktop/tablet: mirror the approved banner geometry. */
@media(min-width:901px){
  .hero-banner-home{
    min-height:920px!important;
    padding:72px 0 84px!important;
  }
  .hero-grid-banner{
    display:grid!important;
    grid-template-columns:50% 50%!important;
    grid-template-rows:auto auto!important;
    gap:0!important;
    align-items:start!important;
  }
  .hero-copy-banner{
    padding:170px 0 0!important;
    width:100%!important;
    z-index:4!important;
  }
  .hero-copy-banner h1{
    font-size:clamp(66px,6.4vw,98px)!important;
    max-width:640px!important;
    line-height:.93!important;
    letter-spacing:-.055em!important;
  }
  .hero-remote{
    margin-top:36px!important;
    font-size:clamp(28px,2.55vw,40px)!important;
  }
  .hero-art-banner.hero-composition{
    width:100%!important;
    height:690px!important;
    margin-top:62px!important;
  }
  .hero-actions-banner{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:min(760px,74%)!important;
    margin:16px auto 0!important;
    gap:22px!important;
  }
  .banner-primary{min-height:104px!important}
  .banner-secondary{min-height:84px!important}
}

/* Mobile: same visual proportions/positions as the approved portrait banner. */
@media(max-width:560px){
  body[data-page="home"] .header{
    position:absolute!important;
    top:0!important;left:0!important;right:0!important;
    background:transparent!important;
    border:0!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    z-index:20!important;
  }
  body[data-page="home"] .nav{
    height:22vw!important;min-height:80px!important;max-height:94px!important;
    padding-top:1vw!important;
  }
  body[data-page="home"] .brand-lockup img{
    width:39vw!important;min-width:148px!important;max-width:170px!important;
  }
  .hero-banner-home{
    height:150vw!important;
    min-height:585px!important;
    max-height:650px!important;
    padding:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#edf9ff 0%,#eaf8ff 58%,#e1f3ff 100%)!important;
  }
  .hero-banner-home:before{
    content:""!important;
    position:absolute!important;z-index:0!important;
    left:-22vw!important;top:-12vw!important;
    width:114vw!important;height:46vw!important;
    border-radius:0 0 74% 0!important;
    background:linear-gradient(138deg,rgba(158,215,253,.72),rgba(214,239,255,.22))!important;
    transform:rotate(-8deg)!important;
  }
  .hero-banner-home:after{
    content:""!important;
    position:absolute!important;z-index:0!important;
    right:-40vw!important;bottom:-28vw!important;
    width:110vw!important;height:50vw!important;
    border-radius:72% 0 0 0!important;
    background:linear-gradient(138deg,rgba(139,208,255,.18),rgba(109,190,249,.40))!important;
    transform:rotate(-10deg)!important;
  }
  .hero-grid-banner{
    position:relative!important;z-index:1!important;
    display:block!important;
    width:100%!important;height:100%!important;min-height:0!important;
  }
  .hero-copy-banner{
    position:absolute!important;
    left:4.9vw!important;top:37.4vw!important;
    width:52vw!important;padding:0!important;z-index:4!important;
  }
  .hero-copy-banner h1{
    margin:0!important;
    max-width:none!important;
    font-size:9.95vw!important;
    line-height:.93!important;
    letter-spacing:-.052em!important;
    font-weight:950!important;
  }
  .hero-remote{
    position:absolute!important;
    left:0!important;top:32.1vw!important;
    margin:0!important;
    gap:2vw!important;
    white-space:nowrap!important;
    font-size:4.45vw!important;
    line-height:1!important;
  }
  .hero-remote span{
    width:7.7vw!important;height:7.7vw!important;
    font-size:4.35vw!important;
  }
  .hero-art-banner.hero-composition{
    position:absolute!important;
    right:1.5vw!important;
    top:27.2vw!important;
    width:51.5vw!important;
    height:70.2vw!important;
    margin:0!important;
    z-index:3!important;
  }
  .hero-art-banner.hero-composition:before{
    background-position:center center!important;
    background-size:contain!important;
  }
  .hero-actions-banner{
    position:absolute!important;
    left:14.7vw!important;
    top:92.4vw!important;
    width:70.6vw!important;
    margin:0!important;padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4.1vw!important;
    z-index:6!important;
  }
  .banner-primary{
    width:100%!important;
    min-height:0!important;
    height:14.5vw!important;
    max-height:none!important;
    border-radius:5.1vw!important;
    padding:0 4vw!important;
    font-size:4.55vw!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2.5vw!important;
  }
  .banner-secondary{
    justify-self:center!important;
    width:50vw!important;
    min-height:0!important;
    height:12.1vw!important;
    max-height:none!important;
    border-radius:4.25vw!important;
    padding:0 3.5vw!important;
    font-size:4.05vw!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1.8vw!important;
  }
}

/* =========================================================
   AppRoom v5.7.3 — three requested mobile hero corrections only
   1) phone/VK no longer overlaps title
   2) secondary CTA is fully visible
   3) hero -> popular apps transition is continuous
   ========================================================= */
@media(max-width:560px){
  /* Keep the title untouched; move only the phone/logo composition farther right. */
  .hero-art-banner.hero-composition{
    right:-5.5vw!important;
    top:29.5vw!important;
    width:48vw!important;
    height:66vw!important;
  }

  /* Bring the two real site buttons up as one complete group. */
  .hero-actions-banner{
    left:13.5vw!important;
    top:82.5vw!important;
    width:73vw!important;
    gap:3.8vw!important;
  }
  .banner-primary{
    height:14.2vw!important;
    border-radius:5vw!important;
    font-size:4.45vw!important;
  }
  .banner-secondary{
    width:50vw!important;
    height:12vw!important;
    border-radius:4.2vw!important;
    font-size:4vw!important;
  }

  /* Give the full CTA group breathing room while preserving the reference proportions. */
  .hero-banner-home{
    height:142vw!important;
    min-height:555px!important;
    max-height:620px!important;
    background:linear-gradient(180deg,#edf9ff 0%,#eaf8ff 58%,#e3f4ff 88%,#e4f5ff 100%)!important;
  }

  /* No hard horizontal seam between hero and Popular Apps. */
  .popular-section{
    margin-top:-2px!important;
    padding-top:15vw!important;
    background:linear-gradient(180deg,#e4f5ff 0%,#e7f6ff 20%,#edf9ff 58%,#f4fbff 100%)!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .popular-section:before{
    content:""!important;
    position:absolute!important;
    left:-18vw!important;
    top:-12vw!important;
    width:136vw!important;
    height:26vw!important;
    border-radius:0 0 55% 45% / 0 0 100% 100%!important;
    background:linear-gradient(135deg,rgba(183,225,255,.34),rgba(225,245,255,.08))!important;
    transform:rotate(-4deg)!important;
    pointer-events:none!important;
  }
  .popular-section>.container{position:relative!important;z-index:1!important}
}

/* =========================================================
   AppRoom v5.7.4 — mobile CTA lift + seamless hero transition
   Visual-only. No functional code changed.
   ========================================================= */
@media(max-width:560px){
  /* Raise both hero CTAs together so the secondary button is fully visible. */
  .hero-actions-banner{
    left:12.8vw!important;
    top:73.5vw!important;
    width:74.4vw!important;
    gap:3.2vw!important;
    z-index:8!important;
  }
  .banner-primary{
    height:13.8vw!important;
    border-radius:4.8vw!important;
    font-size:4.35vw!important;
  }
  .banner-secondary{
    width:52vw!important;
    height:11.7vw!important;
    border-radius:4.1vw!important;
    font-size:3.95vw!important;
  }

  /* Keep enough air under the buttons, but remove the empty dead zone. */
  .hero-banner-home{
    height:132vw!important;
    min-height:520px!important;
    max-height:580px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#edf9ff 0%,#eaf8ff 58%,#e5f5ff 82%,#e3f4ff 100%)!important;
  }

  /* Seamless continuation into Popular Apps — no horizontal cut. */
  .popular-section{
    margin-top:-1px!important;
    padding-top:17vw!important;
    background:linear-gradient(180deg,rgba(227,244,255,.98) 0%,#e6f6ff 24%,#ebf8ff 58%,#f3fbff 100%)!important;
    border-top:0!important;
    box-shadow:none!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .popular-section:before{
    content:""!important;
    position:absolute!important;
    left:-22vw!important;
    top:-13vw!important;
    width:144vw!important;
    height:28vw!important;
    border-radius:0 0 52% 48% / 0 0 100% 100%!important;
    background:linear-gradient(145deg,rgba(190,228,255,.28),rgba(224,245,255,.04))!important;
    transform:rotate(-3deg)!important;
    filter:blur(.2px)!important;
    pointer-events:none!important;
  }
  .popular-section>.container{
    position:relative!important;
    z-index:1!important;
  }
}

/* =========================================================
   AppRoom v5.7.5 — mobile CTA visibility + clean section transition
   Only requested visual corrections.
   ========================================================= */
@media(max-width:560px){
  /* Move BOTH CTA buttons noticeably higher as one group. */
  .hero-actions-banner{
    left:12.5vw!important;
    top:64vw!important;
    width:75vw!important;
    gap:2.7vw!important;
    z-index:12!important;
  }
  .banner-primary{
    height:13.4vw!important;
    min-height:52px!important;
    border-radius:4.7vw!important;
    font-size:4.3vw!important;
  }
  .banner-secondary{
    width:52vw!important;
    height:11.5vw!important;
    min-height:44px!important;
    border-radius:4vw!important;
    font-size:3.9vw!important;
  }

  /* Hero is tall enough to contain the secondary CTA completely. */
  .hero-banner-home{
    height:118vw!important;
    min-height:460px!important;
    max-height:none!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#edf9ff 0%,#eaf8ff 56%,#e7f6ff 82%,#e5f5ff 100%)!important;
  }

  /* Start Popular Apps only AFTER the CTA group. No overlap, no hard stripe. */
  .popular-section{
    margin-top:0!important;
    padding-top:14vw!important;
    border-top:0!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,#e5f5ff 0%,#e8f7ff 18%,#edf9ff 55%,#f4fbff 100%)!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .popular-section:before{
    content:""!important;
    position:absolute!important;
    left:-18vw!important;
    top:-8vw!important;
    width:138vw!important;
    height:20vw!important;
    border-radius:0 0 55% 45% / 0 0 100% 100%!important;
    background:linear-gradient(140deg,rgba(190,228,255,.18),rgba(230,247,255,.02))!important;
    transform:rotate(-2deg)!important;
    pointer-events:none!important;
  }
  .popular-section>.container{position:relative!important;z-index:1!important}
}

/* =========================================================
   AppRoom v5.7.6 — ONLY two requested mobile fixes
   1) show the "Как это работает?" button completely
   2) reduce the gap between app name and "Выбрать"
   Nothing else is changed.
   ========================================================= */
@media(max-width:560px){
  /* Anchor CTA group to the HERO itself instead of the text column.
     This removes the accumulated offset that kept pushing the second
     button below the next section. */
  .hero-grid-banner{
    position:relative!important;
  }
  .hero-copy-banner{
    position:static!important;
  }
  .hero-actions-banner{
    position:absolute!important;
    left:12.5vw!important;
    right:auto!important;
    top:104vw!important;
    bottom:auto!important;
    width:75vw!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3vw!important;
    z-index:30!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .banner-primary{
    width:100%!important;
    height:13.4vw!important;
    min-height:52px!important;
    max-height:none!important;
    margin:0!important;
  }
  .banner-secondary{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    justify-self:center!important;
    width:52vw!important;
    height:11.5vw!important;
    min-height:45px!important;
    max-height:none!important;
    margin:0!important;
    position:relative!important;
    z-index:31!important;
  }
  .hero-banner-home{
    height:142vw!important;
    min-height:554px!important;
    max-height:none!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:2!important;
  }
  .popular-section{
    position:relative!important;
    z-index:1!important;
    margin-top:0!important;
  }

  /* Popular cards: button now follows the app name instead of being
     pushed to the bottom of an artificially tall card. */
  .popular-card{
    min-height:0!important;
    height:auto!important;
    padding:15px!important;
    justify-content:flex-start!important;
  }
  .popular-card .app-icon{
    margin-bottom:12px!important;
  }
  .popular-card h3{
    margin:0 0 12px!important;
    min-height:0!important;
  }
  .popular-add{
    margin-top:0!important;
    min-height:52px!important;
  }
}


/* =========================================================
   AppRoom v5.7.7 — ONLY requested fixes
   1) restore hero title + remote label to approved position
   2) smooth hero -> Popular Apps background transition
   No other visual/function changes.
   ========================================================= */
@media(max-width:560px){
  /* Restore the two text blocks exactly to the approved v5.7.2 placement.
     v5.7.6 changed .hero-copy-banner to position:static, which caused the
     heading to jump under the header. */
  .hero-copy-banner{
    position:absolute!important;
    left:4.9vw!important;
    top:37.4vw!important;
    width:52vw!important;
    padding:0!important;
    z-index:4!important;
  }
  .hero-copy-banner h1{
    margin:0!important;
    max-width:none!important;
    font-size:9.95vw!important;
    line-height:.93!important;
    letter-spacing:-.052em!important;
    font-weight:950!important;
  }
  .hero-remote{
    position:absolute!important;
    left:0!important;
    top:32.1vw!important;
    margin:0!important;
    gap:2vw!important;
    white-space:nowrap!important;
    font-size:4.45vw!important;
    line-height:1!important;
  }
  .hero-remote span{
    width:7.7vw!important;
    height:7.7vw!important;
    font-size:4.35vw!important;
  }

  /* One continuous color flow between hero and Popular Apps. */
  .hero-banner-home{
    background:linear-gradient(180deg,#edf9ff 0%,#eaf8ff 58%,#e7f6ff 82%,#e6f6ff 100%)!important;
  }
  .hero-banner-home:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-1px!important;
    width:auto!important;
    height:26vw!important;
    z-index:0!important;
    border-radius:0!important;
    transform:none!important;
    background:linear-gradient(180deg,rgba(230,246,255,0) 0%,rgba(230,246,255,.55) 46%,#e6f6ff 100%)!important;
    pointer-events:none!important;
  }
  .popular-section{
    margin-top:-2px!important;
    border-top:0!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,#e6f6ff 0%,#e9f7ff 24%,#eef9ff 60%,#f4fbff 100%)!important;
  }
  .popular-section:before{
    content:none!important;
    display:none!important;
  }
}

/* =========================================================
   AppRoom v5.7.8 — ONLY mobile CTA position correction
   Nothing else is moved or restyled.
   ========================================================= */
@media(max-width:560px){
  /* hero-copy starts at 37.4vw. Keep it untouched and position the
     CTA group relative to it so the group lands at ~97.4vw from
     the hero top instead of being pushed below the next section. */
  .hero-actions-banner{
    top:60vw!important;
    bottom:auto!important;
  }
}


/* =========================================================
   AppRoom v5.7.9 — ONLY requested text/spacing/centering fixes
   - cleaner heading word spacing
   - center the two hero CTA labels
   - no other geometry/function changes
   ========================================================= */
@media(max-width:560px){
  /* Keep current vertical placement; center the CTA group on the viewport. */
  .hero-actions-banner{
    left:45.1vw!important;
    width:75vw!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
  }
  .banner-primary,
  .banner-secondary{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    letter-spacing:0!important;
    word-spacing:.02em!important;
    padding-left:10vw!important;
    padding-right:10vw!important;
  }
  .banner-primary span,
  .banner-secondary span{
    position:absolute!important;
    right:5vw!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
  .banner-secondary span{right:4vw!important}

  /* FAQ title: less compressed, more natural line spacing. */
  .faq-title{
    line-height:1.04!important;
    letter-spacing:-.018em!important;
    word-spacing:.04em!important;
    margin-bottom:8vw!important;
  }
  .faq-title span,
  .faq-title b{
    display:block!important;
    line-height:1.04!important;
    letter-spacing:-.018em!important;
    word-spacing:.04em!important;
  }
  .faq-title span{margin-bottom:2.4vw!important}

  /* FAQ cards: improve readability and avoid cramped copy. */
  .banner-faq .faq-item>button{
    line-height:1.16!important;
    letter-spacing:-.012em!important;
    word-spacing:.035em!important;
  }
  .banner-faq .faq-item p{
    line-height:1.48!important;
    letter-spacing:0!important;
    word-spacing:.02em!important;
  }

  /* Reviews/support headings: stop the exaggerated negative tracking. */
  .reviews-heading,
  .support-heading{
    line-height:1.04!important;
    letter-spacing:-.022em!important;
    word-spacing:.03em!important;
  }
}


/* =========================================================
   AppRoom v5.8.0 — only requested typography/reviews changes
   ========================================================= */

/* Slightly more breathing room in “Популярные приложения”. */
.popular-section .banner-title{
  letter-spacing:-.025em!important;
  word-spacing:.02em!important;
}

/* FAQ heading: exactly two lines — “Часто задаваемые” / “вопросы”. */
.faq-title{
  display:block!important;
}
.faq-title span,
.faq-title b{
  display:block!important;
}
.faq-title span{
  white-space:nowrap!important;
}

@media(max-width:560px){
  .popular-section .banner-title{
    letter-spacing:-.012em!important;
  }

  .faq-title{
    font-size:clamp(34px,9.1vw,40px)!important;
    line-height:1.02!important;
    letter-spacing:-.018em!important;
    word-spacing:.015em!important;
    margin-bottom:7vw!important;
  }
  .faq-title span,
  .faq-title b{
    font-size:inherit!important;
    line-height:1.02!important;
    letter-spacing:inherit!important;
    word-spacing:inherit!important;
  }
  .faq-title span{
    margin-bottom:2.2vw!important;
  }

  /* Reviews in one compact horizontal row on mobile. */
  .reviews-heading{
    font-size:clamp(38px,10vw,46px)!important;
    margin-bottom:20px!important;
  }
  .reviews-grid-banner{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:2px 2px 10px!important;
    margin-right:-12px!important;
    scrollbar-width:none!important;
  }
  .reviews-grid-banner::-webkit-scrollbar{display:none!important}
  .review-card-banner{
    flex:0 0 min(76vw,292px)!important;
    width:min(76vw,292px)!important;
    min-height:0!important;
    padding:18px!important;
    border-radius:24px!important;
    scroll-snap-align:start!important;
  }
  .review-card-head{
    gap:12px!important;
    margin-bottom:12px!important;
  }
  .review-avatar{
    width:54px!important;
    height:54px!important;
    font-size:24px!important;
  }
  .review-card-head strong{
    font-size:18px!important;
  }
  .review-stars{
    font-size:18px!important;
    letter-spacing:1px!important;
  }
  .review-card-banner>p{
    font-size:15px!important;
    line-height:1.42!important;
    min-height:0!important;
    margin:0!important;
  }
  .review-card-banner .review-shot{
    height:112px!important;
    margin-top:12px!important;
    border-radius:16px!important;
  }
}


/* =========================================================
   AppRoom v5.8.1 — requested header + mobile menu polish only
   No functional logic changed.
   ========================================================= */

/* Header controls: center the cart glyph and align a larger hamburger with it. */
body[data-page="home"] .nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
body[data-page="home"] .cart-link{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  padding:0!important;
  border-radius:18px!important;
  background:#fff!important;
  font-size:0!important;
}
body[data-page="home"] .cart-link:before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:30px!important;
  height:30px!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}
body[data-page="home"] .cart-link [data-cart-count]{
  top:5px!important;
  right:5px!important;
  min-width:18px!important;
  width:auto!important;
  height:18px!important;
  line-height:18px!important;
  padding:0 4px!important;
  font-size:10px!important;
}
body[data-page="home"] .mobile-toggle{
  position:relative!important;
  display:block!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body[data-page="home"] .mobile-toggle:before{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  top:14px!important;
  width:38px!important;
  height:4px!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:99px!important;
  background:#087cf5!important;
  box-shadow:0 10px 0 #087cf5,0 20px 0 #087cf5!important;
}

/* Blur only the page behind the menu; do not darken it. */
.mobile-menu-overlay{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:89!important;
  background:rgba(255,255,255,.015)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  pointer-events:none!important;
}
.mobile-menu-overlay.open{
  display:block!important;
  pointer-events:auto!important;
}

/* Remove the large white panel. Keep only floating item cards. */
.mobile-menu{
  position:fixed!important;
  inset:auto 16px auto auto!important;
  top:96px!important;
  width:min(328px,calc(100vw - 32px))!important;
  min-height:0!important;
  height:auto!important;
  max-height:calc(100dvh - 112px)!important;
  overflow:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  z-index:100!important;
  pointer-events:none!important;
}
.mobile-menu.open{
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  pointer-events:auto!important;
}
.mobile-menu:before{content:none!important;display:none!important}
.mobile-menu .menu-close{
  justify-self:end!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  margin:0 0 2px!important;
  padding:0!important;
  border:1px solid rgba(21,120,232,.08)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 24px rgba(39,104,170,.10)!important;
  pointer-events:auto!important;
}
.mobile-menu .menu-close:before{
  font-size:28px!important;
  color:#147ff3!important;
}
.mobile-menu .menu-close:after{content:none!important;display:none!important}
.mobile-menu a,
.mobile-menu button.nav-button{
  position:relative!important;
  z-index:101!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:58px!important;
  padding:15px 18px!important;
  border:1px solid rgba(22,119,229,.07)!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 20px rgba(42,104,166,.07)!important;
  color:#0b2a74!important;
  font-size:17px!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-align:left!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.mobile-menu a:hover,
.mobile-menu button.nav-button:hover,
.mobile-menu a:active,
.mobile-menu button.nav-button:active{
  background:#f4faff!important;
}

/* Remove arrows and use minimalist per-item icons. */
.mobile-menu a:after,
.mobile-menu button.nav-button:after{
  content:""!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  margin-left:14px!important;
  background:#1182f5!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
}
.mobile-menu a[href="/apps"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' rx='2' fill='black'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2' fill='black'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2' fill='black'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2' fill='black'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' rx='2' fill='black'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2' fill='black'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2' fill='black'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2' fill='black'/%3E%3C/svg%3E")!important;
}
.mobile-menu a[href="/guide"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3h9l3 3v15H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm8 1.8V7h2.2L14 4.8ZM8 11h6v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3h9l3 3v15H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm8 1.8V7h2.2L14 4.8ZM8 11h6v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E")!important;
}
.mobile-menu a[href="/cart"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4H4V2H2v2h2l2.4 10.1A2 2 0 0 0 8.3 16H18a2 2 0 0 0 1.9-1.4L22 8H7.9L7 4Zm2 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm9 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4H4V2H2v2h2l2.4 10.1A2 2 0 0 0 8.3 16H18a2 2 0 0 0 1.9-1.4L22 8H7.9L7 4Zm2 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm9 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E")!important;
}
.mobile-menu button[data-orders-open]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v2h2a2 2 0 0 1 2 2v14H3V7a2 2 0 0 1 2-2h2V3Zm2 2h6V4H9v1Zm-2 6h10V9H7v2Zm0 4h7v-2H7v2Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v2h2a2 2 0 0 1 2 2v14H3V7a2 2 0 0 1 2-2h2V3Zm2 2h6V4H9v1Zm-2 6h10V9H7v2Zm0 4h7v-2H7v2Z'/%3E%3C/svg%3E")!important;
}
.mobile-menu button[data-help-open]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a8 8 0 0 0-8 8v5a3 3 0 0 0 3 3h2v-7H6v-1a6 6 0 1 1 12 0v1h-3v7h2a3 3 0 0 0 3-3v-5a8 8 0 0 0-8-8Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a8 8 0 0 0-8 8v5a3 3 0 0 0 3 3h2v-7H6v-1a6 6 0 1 1 12 0v1h-3v7h2a3 3 0 0 0 3-3v-5a8 8 0 0 0-8-8Z'/%3E%3C/svg%3E")!important;
}

@media(max-width:560px){
  body[data-page="home"] .nav-actions{gap:10px!important}
  body[data-page="home"] .cart-link,
  body[data-page="home"] .mobile-toggle{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;
  }
  body[data-page="home"] .cart-link:before{width:29px!important;height:29px!important}
  body[data-page="home"] .mobile-toggle:before{left:8px!important;top:13px!important;width:38px!important;height:4px!important;box-shadow:0 10px 0 #087cf5,0 20px 0 #087cf5!important}
  .mobile-menu{top:92px!important;right:14px!important;width:min(320px,calc(100vw - 28px))!important;max-height:calc(100dvh - 108px)!important}
  .mobile-menu a,.mobile-menu button.nav-button{min-height:56px!important;padding:14px 17px!important;font-size:17px!important;border-radius:18px!important}
}


/* =========================================================
   AppRoom v5.8.2 — only requested menu/transition/FAQ spacing fixes
   ========================================================= */

/* 1. Side menu: absolutely no dimming and no blur over the page. */
.mobile-menu-overlay,
.mobile-menu-overlay.open{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}

/* 2. Seamless color flow from “Открыть весь каталог” into FAQ. */
.popular-section{
  border-bottom:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,#e6f6ff 0%,#eaf8ff 34%,#eef9ff 68%,#f3fbff 100%)!important;
  padding-bottom:76px!important;
}
.popular-section:before,
.popular-section:after{
  border:0!important;
  box-shadow:none!important;
}
.faq-reviews-section{
  margin-top:-1px!important;
  border-top:0!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,#f3fbff 0%,#f2fbff 14%,#effaff 38%,#f6fcff 68%,#eaf8ff 100%)!important;
  padding-top:64px!important;
}
.faq-reviews-section:before{
  content:none!important;
  display:none!important;
}

/* 3. “Часто задаваемые” / “вопросы”: slightly tighter vertical gap. */
.faq-title span{
  margin-bottom:6px!important;
}

@media(max-width:560px){
  .popular-section{
    padding-bottom:54px!important;
  }
  .faq-reviews-section{
    padding-top:48px!important;
  }
  .faq-title span{
    margin-bottom:3px!important;
  }
}


/* =========================================================
   AppRoom v5.8.3 — requested menu motion/blur + working menu + clean reviews
   ========================================================= */

/* Mild blur only — no darkening. */
.mobile-menu-overlay,
.mobile-menu-overlay.open{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:89!important;
  background:transparent!important;
  opacity:0!important;
  -webkit-backdrop-filter:blur(0)!important;
  backdrop-filter:blur(0)!important;
  transition:opacity .24s ease,-webkit-backdrop-filter .24s ease,backdrop-filter .24s ease!important;
  pointer-events:none!important;
}
.mobile-menu-overlay.open{
  opacity:1!important;
  -webkit-backdrop-filter:blur(3px)!important;
  backdrop-filter:blur(3px)!important;
  pointer-events:auto!important;
}

/* Menu drops in smoothly; the big white background panel remains removed. */
.mobile-menu{
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:translateY(-18px)!important;
  transform-origin:top right!important;
  pointer-events:none!important;
  transition:transform .30s cubic-bezier(.22,.8,.3,1),opacity .22s ease,visibility .30s!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.mobile-menu.open{
  visibility:visible!important;
  opacity:1!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}
.mobile-menu .menu-close,
.mobile-menu a,
.mobile-menu button.nav-button{
  opacity:0!important;
  transform:translateY(-7px)!important;
  transition:opacity .20s ease,transform .26s cubic-bezier(.22,.8,.3,1),background-color .18s ease!important;
}
.mobile-menu.open .menu-close,
.mobile-menu.open a,
.mobile-menu.open button.nav-button{
  opacity:1!important;
  transform:translateY(0)!important;
}
.mobile-menu.open .menu-close{transition-delay:.01s!important}
.mobile-menu.open a:nth-of-type(1){transition-delay:.04s!important}
.mobile-menu.open a:nth-of-type(2){transition-delay:.07s!important}
.mobile-menu.open a:nth-of-type(3){transition-delay:.10s!important}
.mobile-menu.open button.nav-button:nth-of-type(1){transition-delay:.13s!important}
.mobile-menu.open button.nav-button:nth-of-type(2){transition-delay:.16s!important}

/* Remove the strange shadow/halo around the reviews. */
.reviews-grid-banner,
.review-card-banner{
  box-shadow:none!important;
  filter:none!important;
}
.reviews-grid-banner:before,
.reviews-grid-banner:after,
.review-card-banner:before,
.review-card-banner:after{
  content:none!important;
  box-shadow:none!important;
  filter:none!important;
}


/* =========================================================
   AppRoom v5.8.4 — exact requested fixes only
   1) mild blur behind menu, never on menu cards
   2) menu items navigate to their actual destinations
   3) FAQ plus signs geometrically centered
   ========================================================= */

/* The menu is moved to <body> by site.js so it sits above the blur layer. */
.mobile-menu-overlay,
.mobile-menu-overlay.open{
  position:fixed!important;
  inset:0!important;
  z-index:89!important;
  display:block!important;
  background:rgba(255,255,255,.01)!important;
  opacity:0!important;
  -webkit-backdrop-filter:blur(0)!important;
  backdrop-filter:blur(0)!important;
  pointer-events:none!important;
  transition:opacity .22s ease,-webkit-backdrop-filter .22s ease,backdrop-filter .22s ease!important;
}
.mobile-menu-overlay.open{
  opacity:1!important;
  -webkit-backdrop-filter:blur(2.2px)!important;
  backdrop-filter:blur(2.2px)!important;
  pointer-events:auto!important;
}
.mobile-menu{
  z-index:100!important;
  -webkit-filter:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.mobile-menu .menu-close,
.mobile-menu a,
.mobile-menu button.nav-button{
  -webkit-filter:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Icons for the two menu entries that are now real links. */
.mobile-menu a[href="/order"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v2h2a2 2 0 0 1 2 2v14H3V7a2 2 0 0 1 2-2h2V3Zm2 2h6V4H9v1Zm-2 6h10V9H7v2Zm0 4h7v-2H7v2Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v2h2a2 2 0 0 1 2 2v14H3V7a2 2 0 0 1 2-2h2V3Zm2 2h6V4H9v1Zm-2 6h10V9H7v2Zm0 4h7v-2H7v2Z'/%3E%3C/svg%3E")!important;
}
.mobile-menu a[href="/#support"]:after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a8 8 0 0 0-8 8v5a3 3 0 0 0 3 3h2v-7H6v-1a6 6 0 1 1 12 0v1h-3v7h2a3 3 0 0 0 3-3v-5a8 8 0 0 0-8-8Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a8 8 0 0 0-8 8v5a3 3 0 0 0 3 3h2v-7H6v-1a6 6 0 1 1 12 0v1h-3v7h2a3 3 0 0 0 3-3v-5a8 8 0 0 0-8-8Z'/%3E%3C/svg%3E")!important;
}
#support{scroll-margin-top:100px!important}

/* Draw the + with two bars instead of a text glyph, so it is mathematically centered. */
.banner-faq .faq-item>button span{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
}
.banner-faq .faq-item>button span:before,
.banner-faq .faq-item>button span:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  background:#087df5!important;
  border-radius:999px!important;
  transform:translate(-50%,-50%)!important;
}
.banner-faq .faq-item>button span:before{width:24px!important;height:4px!important}
.banner-faq .faq-item>button span:after{width:4px!important;height:24px!important}

@media(max-width:560px){
  .banner-faq .faq-item>button span:before{width:22px!important;height:4px!important}
  .banner-faq .faq-item>button span:after{width:4px!important;height:22px!important}
}

/* =========================================================
   AppRoom v5.8.5 — one identical header + menu on every client page
   Only header/menu visuals are normalized across pages.
   ========================================================= */

/* Same header controls on every public page, matching the home page exactly. */
.nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
}
.cart-link{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  padding:0!important;
  border-radius:18px!important;
  background:#fff!important;
  font-size:0!important;
}
.cart-link:before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:30px!important;
  height:30px!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}
.cart-link [data-cart-count]{
  top:5px!important;
  right:5px!important;
  min-width:18px!important;
  width:auto!important;
  height:18px!important;
  line-height:18px!important;
  padding:0 4px!important;
  font-size:10px!important;
}
.mobile-toggle{
  position:relative!important;
  display:block!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.mobile-toggle:before{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  top:14px!important;
  width:38px!important;
  height:4px!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:99px!important;
  background:#087cf5!important;
  box-shadow:0 10px 0 #087cf5,0 20px 0 #087cf5!important;
}

/* Keep the same menu card geometry and position on every section. */
.mobile-menu{
  position:fixed!important;
  top:96px!important;
  right:16px!important;
  left:auto!important;
  bottom:auto!important;
  width:min(328px,calc(100vw - 32px))!important;
}

@media(max-width:560px){
  .nav-actions{gap:10px!important}
  .cart-link,
  .mobile-toggle{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
  }
  .cart-link:before{width:29px!important;height:29px!important}
  .mobile-toggle:before{
    left:8px!important;
    top:13px!important;
    width:38px!important;
    height:4px!important;
    box-shadow:0 10px 0 #087cf5,0 20px 0 #087cf5!important;
  }
  .mobile-menu{
    top:92px!important;
    right:14px!important;
    width:min(320px,calc(100vw - 28px))!important;
    max-height:calc(100dvh - 108px)!important;
  }
}


/* AppRoom v5.8.6 — requested catalog/guide cleanup only */
.catalog-hero-banner h1{letter-spacing:-.02em!important;}
.category-chip-v45[data-cat="Общение"]{display:none!important;}
.guide-hero .container{padding-top:10px!important;}
.guide-hero h1{margin-top:0!important;}
@media(max-width:560px){
  .catalog-hero-banner h1{letter-spacing:-.015em!important;}
}

/* =========================================================
   AppRoom v6.0.0 — stability/QA layer
   Keeps the approved visual design while removing edge-case glitches.
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
.container{min-width:0}

/* Requested letter spacing in the two catalogue headings. */
.popular-section .banner-title{letter-spacing:.008em!important}
.catalog-hero-banner h1{letter-spacing:.006em!important}
@media(max-width:560px){
  .popular-section .banner-title{letter-spacing:.01em!important}
  .catalog-hero-banner h1{letter-spacing:.008em!important}
}

/* FAQ state is now visually obvious: + becomes − when opened. */
.banner-faq .faq-item.open>button span{transform:none!important}
.banner-faq .faq-item.open>button span:after{opacity:0!important;transform:translate(-50%,-50%) scaleY(0)!important}
.banner-faq .faq-item>button span:after{transition:opacity .18s ease,transform .18s ease!important}

/* Telegram paper-plane for every support card; no text-based "TG" glyph. */
.support-icon-v50{position:relative!important;font-size:0!important;color:transparent!important;background:linear-gradient(135deg,#0a7cff,#24b8ff)!important}
.support-icon-v50:before{content:""!important;width:26px!important;height:26px!important;background:#fff!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.78 18.65 9.95 14.8 17 8.44c.31-.28-.07-.43-.48-.16l-8.7 5.48-3.75-1.17c-.81-.25-.82-.81.17-1.2L18.7 5.8c.67-.25 1.25.16 1.03 1.19l-2.47 11.63c-.18.83-.67 1.03-1.35.64l-3.74-2.76-1.8 1.73c-.2.2-.37.37-.75.37Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.78 18.65 9.95 14.8 17 8.44c.31-.28-.07-.43-.48-.16l-8.7 5.48-3.75-1.17c-.81-.25-.82-.81.17-1.2L18.7 5.8c.67-.25 1.25.16 1.03 1.19l-2.47 11.63c-.18.83-.67 1.03-1.35.64l-3.74-2.76-1.8 1.73c-.2.2-.37.37-.75.37Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Review screenshots stay compact, but open full-size on tap. */
.review-shot-btn{display:block;width:100%;border:0;background:transparent;padding:0;margin:0;cursor:zoom-in}
.review-shot-modal{display:grid;place-items:center;min-height:180px}
.review-shot-modal img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;border-radius:18px}

/* Admin review editor now uses multiline text without breaking the AppRoom styling. */
.admin46-modal-form textarea{width:100%;min-height:120px;resize:vertical;border:1px solid rgba(17,94,177,.15);border-radius:16px;background:#f8fbff;color:#08286f;padding:14px 16px;font:inherit;line-height:1.45;outline:none;box-sizing:border-box}
.admin46-modal-form textarea:focus{border-color:rgba(20,126,244,.5);box-shadow:0 0 0 3px rgba(20,126,244,.08)}

/* Very narrow iPhones/WebViews: prevent the approved composition from forcing horizontal scroll. */
@media(max-width:340px){
  .header .container,.hero-banner-home .container,.popular-section .container,.faq-reviews-section .container,.catalog-section-banner .container,.catalog-hero-banner .container{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}
  .nav-actions{gap:6px!important}
  .brand-lockup img{max-width:142px!important}
  .cart-link{width:50px!important;height:50px!important;min-width:50px!important}
  .mobile-toggle{width:42px!important;height:42px!important}
}

/* AppRoom v6.0.1 — admin reliability + unobtrusive action feedback */
.toast{
  top:auto!important;
  bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px))!important;
  left:50%!important;
  width:auto!important;
  max-width:min(360px,calc(100vw - 28px))!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#0b2f74!important;
  border:1px solid rgba(18,126,244,.14)!important;
  box-shadow:0 10px 26px rgba(25,91,151,.12)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  transform:translate(-50%,10px)!important;
}
.toast.show{transform:translate(-50%,0)!important}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
.admin590-technical button:disabled,.admin590-btn:disabled{opacity:.55!important;cursor:default!important}

/* =========================================================
   AppRoom v6.1.0 — packages, pricing and "БЕЗ ПК"
   Feature layer only; approved AppRoom layout remains intact.
   ========================================================= */
.hero-no-pc{
  margin-top:10px!important;
  color:#087df5!important;
  font-size:clamp(17px,1.7vw,24px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

.packages-section{
  background:linear-gradient(180deg,rgba(247,252,255,.15) 0%,#eef9ff 46%,rgba(247,252,255,.35) 100%)!important;
  overflow:hidden!important;
}
.packages-title{margin-bottom:28px!important}
.pricing-rules{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 24px!important;
}
.pricing-rule{
  min-height:86px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:18px 22px!important;
  background:#fff!important;
  border:1px solid rgba(8,125,245,.09)!important;
  border-radius:24px!important;
  box-shadow:0 12px 28px rgba(42,107,167,.07)!important;
}
.pricing-rule small{
  flex:0 0 auto!important;
  color:#087df5!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
.pricing-rule strong{
  color:#07155a!important;
  font-size:clamp(18px,2vw,26px)!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-align:right!important;
}
.package-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
.package-card{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(8,125,245,.08)!important;
  background:#fff!important;
  border-radius:32px!important;
  padding:18px!important;
  box-shadow:var(--banner-shadow)!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) auto 42px!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  min-height:188px!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.package-card:hover{transform:translateY(-2px)!important;box-shadow:0 22px 48px rgba(39,111,175,.13)!important}
.package-card:active{transform:scale(.992)!important}
.package-card.active{border-color:rgba(8,125,245,.38)!important;box-shadow:0 18px 40px rgba(8,125,245,.13)!important}
.package-card.unavailable{opacity:.68!important}
.package-art{
  position:relative!important;
  min-height:150px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#075fe9 0%,#0789ff 55%,#31b9ff 100%)!important;
}
.package-art:before,
.package-art:after{
  content:""!important;
  position:absolute!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.12)!important;
  pointer-events:none!important;
}
.package-art:before{width:170px!important;height:170px!important;right:-72px!important;top:-88px!important}
.package-art:after{width:120px!important;height:120px!important;left:-58px!important;bottom:-70px!important}
.package-logo-stack{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:16px!important;
}
.package-logo-chip{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0b2f74!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 8px 20px rgba(0,60,143,.15)!important;
}
.package-logo-chip img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.package-card-copy{min-width:0!important}
.package-card-copy strong{display:block!important;color:#07155a!important;font-size:clamp(23px,2.2vw,32px)!important;line-height:1.06!important;font-weight:950!important}
.package-card-copy small{display:block!important;color:#7890ad!important;font-size:14px!important;font-weight:700!important;margin-top:8px!important}
.package-card-price{color:#087df5!important;font-size:clamp(21px,2vw,28px)!important;font-weight:950!important;white-space:nowrap!important}
.package-card-arrow{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#e9f5ff!important;color:#087df5!important;font-size:22px!important;font-weight:900!important}
.package-pricing-note{margin:18px 2px 0!important;color:#7389aa!important;font-size:14px!important;line-height:1.45!important}

/* Package bottom sheet. */
.package-modal-layer .modal-sheet{
  top:auto!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  left:50%!important;
  right:auto!important;
  width:min(620px,calc(100vw - 28px))!important;
  max-height:min(84vh,760px)!important;
  border-radius:30px!important;
  padding:26px!important;
  transform:translate(-50%,115%)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;
  overflow:auto!important;
}
.package-modal-layer.open .modal-sheet{transform:translate(-50%,0)!important}
.package-modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding-right:44px!important}
.package-modal-head h2{margin:4px 0 0!important;color:#07155a!important;font-size:34px!important;line-height:1.05!important}
.package-modal-head>strong{color:#087df5!important;font-size:24px!important;font-weight:950!important;white-space:nowrap!important;margin-top:24px!important}
.package-modal-art{margin:20px 0!important;border-radius:26px!important;background:linear-gradient(145deg,#075fe9,#0795ff 58%,#32baff)!important;min-height:128px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.package-logo-stack-large{gap:10px!important;padding:20px!important}
.package-logo-stack-large .package-logo-chip{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:17px!important}
.package-app-list{display:grid!important;gap:8px!important}
.package-app-row{display:grid!important;grid-template-columns:44px 1fr 26px!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(8,125,245,.07)!important}
.package-app-row .package-logo-chip{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important;box-shadow:none!important;border:1px solid rgba(8,125,245,.08)!important}
.package-app-row span strong{display:block!important;color:#07155a!important;font-size:15px!important}
.package-app-row span small{display:block!important;color:#7a8faa!important;font-size:12px!important;margin-top:2px!important}
.package-app-row>b{color:#087df5!important;font-size:18px!important;text-align:center!important}
.package-app-row.is-unavailable{opacity:.6!important}
.package-unavailable-note{margin-top:12px!important}
.package-modal-bottom{display:grid!important;grid-template-columns:1fr minmax(220px,1.25fr)!important;align-items:center!important;gap:16px!important;margin-top:18px!important;padding-top:18px!important;border-top:1px solid rgba(8,125,245,.09)!important}
.package-modal-bottom>div small{display:block!important;color:#7a8faa!important;font-size:12px!important}
.package-modal-bottom>div strong{display:block!important;color:#07155a!important;font-size:28px!important;line-height:1.1!important;margin-top:3px!important}
.package-modal-bottom .btn{min-height:60px!important;border-radius:20px!important;font-size:17px!important}

/* Cart: packages and transparent pricing. */
.cart-row-price{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;margin-left:auto!important}
.cart-row-price>strong{font-size:20px!important;color:#087df5!important;white-space:nowrap!important}
.package-cart-row{border:1px solid rgba(8,125,245,.10)!important}
.cart-package-art{width:110px!important;min-width:110px!important;min-height:82px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:linear-gradient(145deg,#0768ed,#0797ff)!important;overflow:hidden!important}
.package-logo-stack-cart{gap:4px!important;padding:8px!important}
.package-logo-stack-cart .package-logo-chip{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important;font-size:8px!important;box-shadow:none!important}
.cart-price-breakdown{display:grid!important;gap:10px!important;margin-top:20px!important;padding-top:18px!important;border-top:1px solid rgba(8,125,245,.10)!important}
.cart-price-breakdown>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;color:#677d9d!important;font-size:15px!important}
.cart-price-breakdown>div b{color:#0b2f74!important;font-size:16px!important;white-space:nowrap!important}
.cart-price-breakdown .cart-total{margin-top:4px!important;padding-top:14px!important;border-top:1px solid rgba(8,125,245,.10)!important;color:#07155a!important}
.cart-price-breakdown .cart-total span{font-size:20px!important;font-weight:900!important}
.cart-price-breakdown .cart-total strong{font-size:32px!important;line-height:1!important;color:#087df5!important;font-weight:950!important}
.cart-pricing-hint{margin:14px 0 0!important;color:#7b8fab!important;font-size:12px!important;line-height:1.45!important}
.covered-by-package{background:#e9f5ff!important;color:#087df5!important;box-shadow:none!important}

@media(max-width:900px){
  .package-card{grid-template-columns:150px minmax(0,1fr) auto 38px!important;min-height:160px!important;padding:14px!important;gap:13px!important;border-radius:26px!important}
  .package-art{min-height:132px!important;border-radius:22px!important}
  .package-logo-chip{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important}
  .package-card-copy strong{font-size:23px!important}.package-card-price{font-size:21px!important}
}

@media(max-width:560px){
  .hero-no-pc{font-size:15px!important;margin-top:9px!important;letter-spacing:.12em!important}
  .packages-section{padding-top:56px!important}
  .packages-title{margin-bottom:20px!important}
  .pricing-rules{grid-template-columns:1fr!important;gap:9px!important;margin-bottom:16px!important}
  .pricing-rule{min-height:64px!important;padding:13px 15px!important;border-radius:19px!important}
  .pricing-rule strong{font-size:17px!important}.pricing-rule small{font-size:9px!important}
  .package-grid{grid-template-columns:1fr!important;gap:12px!important}
  .package-card{grid-template-columns:118px minmax(0,1fr) auto!important;grid-template-areas:"art copy arrow" "art price arrow"!important;min-height:138px!important;padding:12px!important;gap:8px 12px!important;border-radius:24px!important}
  .package-art{grid-area:art!important;min-height:112px!important;border-radius:19px!important}
  .package-card-copy{grid-area:copy!important;align-self:end!important}.package-card-copy strong{font-size:20px!important}.package-card-copy small{font-size:12px!important;margin-top:5px!important}
  .package-card-price{grid-area:price!important;align-self:start!important;font-size:19px!important}
  .package-card-arrow{grid-area:arrow!important;width:34px!important;height:34px!important;font-size:18px!important}
  .package-logo-stack{gap:5px!important;padding:9px!important}.package-logo-chip{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:11px!important;font-size:10px!important}
  .package-pricing-note{font-size:12px!important;margin-top:12px!important}
  .package-modal-layer .modal-sheet{bottom:0!important;width:100%!important;max-height:90dvh!important;border-radius:28px 28px 0 0!important;padding:22px 16px calc(18px + env(safe-area-inset-bottom))!important}
  .package-modal-head{padding-right:42px!important}.package-modal-head h2{font-size:28px!important}.package-modal-head>strong{font-size:20px!important;margin-top:22px!important}
  .package-modal-art{min-height:108px!important;margin:16px 0!important;border-radius:22px!important}.package-logo-stack-large .package-logo-chip{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important}
  .package-app-list{gap:6px!important}.package-app-row{padding:8px 10px!important;border-radius:16px!important}
  .package-modal-bottom{grid-template-columns:1fr!important;gap:12px!important}.package-modal-bottom>div{display:flex!important;align-items:center!important;justify-content:space-between!important}.package-modal-bottom>div strong{font-size:25px!important}.package-modal-bottom .btn{width:100%!important}
  .cart-row-price{gap:8px!important}.cart-row-price>strong{font-size:17px!important}.cart-row-price .remove-btn{width:36px!important;height:36px!important;font-size:25px!important}
  .cart-package-art{width:76px!important;min-width:76px!important;min-height:66px!important;border-radius:17px!important}.package-logo-stack-cart{gap:3px!important;padding:6px!important}.package-logo-stack-cart .package-logo-chip{width:22px!important;height:22px!important;flex-basis:22px!important;border-radius:7px!important}
  .cart-price-breakdown .cart-total strong{font-size:29px!important}
}

@media(max-width:340px){
  .package-card{grid-template-columns:104px minmax(0,1fr) 30px!important;gap:7px 9px!important;padding:10px!important}
  .package-art{min-height:102px!important}.package-logo-chip{width:33px!important;height:33px!important;flex-basis:33px!important}
  .package-card-copy strong{font-size:18px!important}.package-card-price{font-size:17px!important}
  .cart-row-price{flex-direction:column!important;align-items:flex-end!important;gap:5px!important}
}

/* v6.1.0 visual QA corrections */
.packages-title{
  display:flex!important;
  flex-wrap:wrap!important;
  column-gap:.16em!important;
  row-gap:0!important;
}
.package-card{
  grid-template-columns:190px minmax(0,1fr) 42px!important;
  grid-template-areas:"art copy arrow" "art price arrow"!important;
}
.package-art{grid-area:art!important}
.package-card-copy{grid-area:copy!important;align-self:end!important}
.package-card-price{grid-area:price!important;align-self:start!important}
.package-card-arrow{grid-area:arrow!important;align-self:center!important}
@media(max-width:900px){
  .package-card{grid-template-columns:150px minmax(0,1fr) 38px!important}
}
@media(max-width:560px){
  .hero-no-pc{
    position:absolute!important;
    left:0!important;
    top:41.4vw!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .package-card{grid-template-columns:118px minmax(0,1fr) 34px!important}
}
@media(max-width:340px){
  .package-card{grid-template-columns:104px minmax(0,1fr) 30px!important}
}


/* =========================================================
   AppRoom v6.1.1 — requested visual polish only
   Real AppRoom logo on home, "БЕЗ ПК" cross, package titles/icons.
   ========================================================= */
body[data-page="home"] .brand-lockup img[src*="logo-approom-real"]{
  width:226px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
.hero-no-pc{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:clamp(20px,1.9vw,28px)!important;
  letter-spacing:.12em!important;
}
.hero-no-pc-cross{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#ffe8eb!important;
  color:#ff2b3d!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.packages-title{
  display:block!important;
  letter-spacing:.008em!important;
  word-spacing:normal!important;
}
.packages-title span,
.packages-title b{display:inline!important}
.package-art:before,
.package-art:after,
.package-art-glow{display:none!important}
.package-logo-chip{
  background:#fff!important;
  border:1px solid rgba(8,125,245,.08)!important;
  box-shadow:none!important;
  filter:none!important;
}
.package-logo-chip img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
  background:#fff!important;
}
.package-modal-head h2{margin-top:0!important}
@media(max-width:900px){
  body[data-page="home"] .brand-lockup img[src*="logo-approom-real"]{width:190px!important}
}
@media(max-width:560px){
  body[data-page="home"] .brand-lockup img[src*="logo-approom-real"]{
    width:39vw!important;
    min-width:148px!important;
    max-width:170px!important;
  }
  .hero-no-pc{
    font-size:18px!important;
    gap:7px!important;
    letter-spacing:.11em!important;
  }
  .hero-no-pc-cross{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
    font-size:22px!important;
  }
  .packages-title{letter-spacing:.01em!important}
}

/* =========================================================
   AppRoom v6.1.2 — requested visual consistency pass only
   - logo matches the approved logo shown inside the hero iPhone
   - cleaner "БЕЗ ПК" mark
   - seamless home background flow
   - package icons fill their frames cleanly without glow
   ========================================================= */

/* One approved AppRoom logo treatment everywhere it appears. */
.brand-lockup img[src*="logo-approom-final"],
.admin46-top img[src*="logo-approom-final"]{
  display:block!important;
  width:205px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
body[data-page="home"] .brand-lockup img[src*="logo-approom-final"]{
  width:226px!important;
}

/* "БЕЗ ПК": normal tracking + a balanced, CSS-drawn red cross. */
.hero-no-pc{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  margin-top:11px!important;
  color:#087df5!important;
  font-size:clamp(21px,2vw,29px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
.hero-no-pc-cross{
  position:relative!important;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  display:inline-block!important;
  border-radius:50%!important;
  background:rgba(255,56,72,.09)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:none!important;
}
.hero-no-pc-cross:before,
.hero-no-pc-cross:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:17px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#ff3347!important;
  transform-origin:center!important;
}
.hero-no-pc-cross:before{transform:translate(-50%,-50%) rotate(45deg)!important}
.hero-no-pc-cross:after{transform:translate(-50%,-50%) rotate(-45deg)!important}

/* A single continuous background removes visible seams between home sections. */
body[data-page="home"]{
  background:linear-gradient(180deg,
    #edf9ff 0%,
    #eaf8ff 24%,
    #e8f7ff 46%,
    #edf9ff 68%,
    #f3fbff 84%,
    #eaf8ff 100%)!important;
}
body[data-page="home"] .hero-banner-home,
body[data-page="home"] .packages-section,
body[data-page="home"] .popular-section,
body[data-page="home"] .faq-reviews-section{
  background:transparent!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  margin-top:-1px!important;
}
body[data-page="home"] .packages-section:before,
body[data-page="home"] .packages-section:after,
body[data-page="home"] .popular-section:before,
body[data-page="home"] .popular-section:after,
body[data-page="home"] .faq-reviews-section:before,
body[data-page="home"] .faq-reviews-section:after{
  content:none!important;
  display:none!important;
}
/* Keep the approved hero wave, but fade its lower overlay into the shared background. */
body[data-page="home"] .hero-banner-home:after{
  background:linear-gradient(180deg,rgba(232,247,255,0) 0%,rgba(232,247,255,.30) 56%,rgba(232,247,255,0) 100%)!important;
}

/* Package icons: authentic uploaded artwork, normalized to the same visual size. */
.package-logo-chip{
  background:#fff!important;
  border:1px solid rgba(8,125,245,.07)!important;
  box-shadow:none!important;
  filter:none!important;
}
.package-logo-chip img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.035)!important;
  transform-origin:center!important;
  filter:none!important;
  background:transparent!important;
}
.package-logo-chip img[alt*="Сбер"],
.package-logo-chip img[alt*="Авито"],
.package-logo-chip img[alt*="VK Видео"],
.package-logo-chip img[alt*="ВК Видео"],
.package-logo-chip img[alt*="Видео"]{
  transform:scale(1.12)!important;
}
.package-logo-stack-large .package-logo-chip{
  width:60px!important;
  height:60px!important;
  flex-basis:60px!important;
}

@media(max-width:900px){
  .brand-lockup img[src*="logo-approom-final"],
  .admin46-top img[src*="logo-approom-final"]{width:178px!important}
  body[data-page="home"] .brand-lockup img[src*="logo-approom-final"]{width:190px!important}
}
@media(max-width:560px){
  .brand-lockup img[src*="logo-approom-final"],
  .admin46-top img[src*="logo-approom-final"]{
    width:39vw!important;
    min-width:145px!important;
    max-width:168px!important;
  }
  body[data-page="home"] .brand-lockup img[src*="logo-approom-final"]{
    width:39vw!important;
    min-width:148px!important;
    max-width:170px!important;
  }
  .hero-no-pc{
    gap:8px!important;
    font-size:20px!important;
    letter-spacing:.02em!important;
  }
  .hero-no-pc-cross{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  .hero-no-pc-cross:before,
  .hero-no-pc-cross:after{
    width:15px!important;
    height:2.7px!important;
  }
  .package-logo-stack-large .package-logo-chip{
    width:50px!important;
    height:50px!important;
    flex-basis:50px!important;
  }
}

/* Slightly larger package-card marks for readability on iPhone. */
@media(max-width:900px){
  .package-card .package-logo-chip{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
  }
}
@media(max-width:560px){
  .package-card .package-logo-chip{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
}
@media(max-width:340px){
  .package-card .package-logo-chip{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
}


/* AppRoom v6.1.5 — order page clarity + per-email code workflow */
.v615-order-summary .order-summary-top-v45 h1{margin:0;letter-spacing:-.016em;line-height:1.08}
.v615-access-card{gap:14px}.v615-data-title{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.012em;color:#0b2f74}
.order-utility-btn-v615{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:44px;padding:0 17px;border:1px solid rgba(23,126,231,.20);border-radius:14px;background:#fff;color:#0c65cd;font-size:12px;font-weight:900;letter-spacing:.055em;cursor:pointer;box-shadow:0 8px 22px rgba(20,95,168,.06);transition:transform .18s ease,border-color .18s ease,background .18s ease}.order-utility-btn-v615:hover{transform:translateY(-1px);border-color:rgba(23,126,231,.34);background:#f8fcff}
.v615-code-warning{margin:0;padding:15px 16px;border-radius:18px;box-shadow:none}.v615-code-warning strong{font-size:15px;line-height:1.38}.v615-access-groups{display:grid;gap:12px}.v615-access-group{border:1px solid rgba(35,117,255,.12);background:rgba(247,252,255,.92);border-radius:22px;padding:15px}.v615-access-apps{margin:0 0 4px;color:#0b2f74;font-size:15px;font-weight:850;line-height:1.35;overflow-wrap:anywhere}.v615-request-code{width:100%;min-height:50px;margin-top:12px;font-size:15px}.v615-code-wait{display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px 14px;border:1px solid #cfe2f5;border-radius:17px;background:#f4faff}.v615-code-wait strong,.v615-code-wait small{display:block}.v615-code-wait strong{font-size:13px;color:#234d7b;overflow-wrap:anywhere}.v615-code-wait small{margin-top:3px;color:#7890ae;font-size:11px}.v615-code-ready{display:grid;gap:8px;margin-top:12px;padding:15px;border:1px solid #a9e6cd;border-radius:18px;background:#f1fff8}.v615-code-ready>span{font-size:12px;color:#568472;overflow-wrap:anywhere}.v615-code-ready>strong{font-size:32px;line-height:1;letter-spacing:.12em;color:#08794f}.order-guide-v45 .order-utility-btn-v615{margin-top:14px}
.admin615-order-copy{min-width:0;flex:1}.admin615-code-requests{display:grid;gap:7px;margin-top:10px}.admin615-code-request{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #d5e6f5;border-radius:14px;background:#f8fcff}.admin615-code-request.is-waiting{border-color:#f0cf8d;background:#fffaf0}.admin615-code-request.is-ready{border-color:#bee6d2;background:#f5fff9}.admin615-code-request>div:first-child{min-width:0}.admin615-code-request>div:first-child strong{display:block;color:#0b2f74;font-size:13px;overflow-wrap:anywhere}.admin615-code-request>div:first-child small{display:block;margin-top:3px;color:#7d91ac;font-size:11px}.admin615-code-request .admin-issued-code{margin:0}.admin615-code-request .admin-issued-code b{font-size:18px}
@media(max-width:640px){.v615-data-title{font-size:25px}.order-utility-btn-v615{min-height:42px;padding:0 15px;font-size:11px}.v615-code-warning strong{font-size:14px}.v615-access-group{padding:13px}.v615-access-apps{font-size:14px}.v615-code-ready>strong{font-size:29px}.admin615-code-request{align-items:stretch;flex-direction:column}.admin615-code-request .admin-code-form{width:100%}.admin615-code-request .admin-code-form input{min-width:0}}

.v615-access-card~.order-card-v45 .order-section-head-v45 h2,.order-guide-v45 .order-guide-head-v45 h2{letter-spacing:-.014em;line-height:1.12}

/* v6.2.1 — readable order controls on narrow admin screens */
.admin590-order-list .admin615-order-copy{min-width:0;overflow-wrap:anywhere}
.admin590-order-list .admin615-code-request .admin-code-form input{min-width:0;max-width:100%;font-size:15px;letter-spacing:.10em}
.admin590-order-list .admin615-code-request .admin-code-form button{min-width:110px;white-space:normal;line-height:1.2}
@media(max-width:780px){
 .admin590-order-list .admin-row{display:flex;flex-direction:column;align-items:stretch;gap:14px}
 .admin590-order-list .admin615-order-copy{flex:none;width:100%}
 .admin590-order-list .admin-order-actions{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:8px;width:100%;flex-wrap:wrap}
 .admin590-order-list .admin-order-actions select.tiny-btn{width:auto;min-width:0;flex:1 1 168px;margin:0;text-align:left;min-height:42px}
 .admin590-order-list .admin-order-actions a.tiny-btn{flex:0 0 auto;min-width:92px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px}
 .admin590-order-list .admin615-code-requests{width:100%;min-width:0}
}
@media(max-width:380px){
 .admin590-order-list .admin615-code-request .admin-code-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,1fr)}
 .admin590-order-list .admin615-code-request .admin-code-form input{width:100%;min-width:0}
 .admin590-order-list .admin615-code-request .admin-code-form button{width:100%;min-width:0;padding:10px 6px}
}

/* Legal document links at the end of public pages */
.approom-legal-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:7px;padding:12px 16px 24px;text-align:center;font-size:11px;font-weight:400;line-height:1.6;color:#94a3b8;background:transparent}
.approom-legal-footer a{font:inherit;color:inherit;text-decoration:none}
.approom-legal-footer a:hover,.approom-legal-footer a:focus-visible{color:#71839c;text-decoration:underline}
.approom-legal-footer a:focus-visible{outline:2px solid #71839c;outline-offset:3px}


/* v6.3.2 — requested public UI refinements */
.hero-feature-list{display:grid!important;gap:12px!important;margin-top:24px!important;justify-items:start!important;max-width:100%!important}
.hero-feature{display:inline-flex!important;align-items:center!important;gap:9px!important;color:#123477!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2!important;white-space:nowrap!important}
.hero-feature-label{font-size:clamp(18px,1.8vw,25px)!important}
.hero-feature-badge{display:inline-grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(255,255,255,.65)!important;color:#1784ee!important;border:1px solid rgba(31,124,227,.10)!important;box-shadow:none!important}
.hero-feature-badge svg{display:block;width:17px;height:17px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-feature-badge-no-pc{color:#ed5472!important}
.hero-remote,.hero-no-pc,.hero-no-pc-cross{display:none!important}
.package-card[data-package-style] .package-art{display:grid!important;place-items:center!important;position:relative!important;border-radius:22px!important;border:1px solid #d4e9f8!important;background:linear-gradient(145deg,#eef9ff,#d8efff)!important;box-shadow:none!important;overflow:hidden!important}
.package-card[data-package-style] .package-logo-stack{position:relative!important;display:grid!important;grid-template-columns:repeat(2,48px)!important;gap:10px!important;padding:16px!important;align-content:center!important;justify-content:center!important;transform:none!important;width:auto!important}
.package-card[data-package-style="base"] .package-logo-stack{grid-template-columns:repeat(3,42px)!important;gap:8px!important}
.package-card[data-package-style] .package-logo-chip{width:48px!important;height:48px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:none!important;background:#fff!important;transform:none!important;margin:0!important}
.package-card[data-package-style="base"] .package-logo-chip{width:42px!important;height:42px!important}
.package-card[data-package-style] .package-card-copy small{font-size:15px!important;font-weight:600!important;color:#607896!important;letter-spacing:0!important}
.v615-access-card{align-items:stretch!important}
.v615-access-card .order-utility-btn-v615-guide{align-self:center!important;justify-self:center!important;margin-left:auto!important;margin-right:auto!important;min-width:210px!important;min-height:56px!important;padding:0 24px!important;font-size:15px!important;border-radius:18px!important}
.order-section-head-v45-clean{display:block!important}
.order-section-head-v45-clean h2{margin:0!important}
.order-guide-v45-compact{padding-top:10px!important}
.order-guide-v45-compact .order-utility-btn-v615-support{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;min-width:210px!important;min-height:56px!important;padding:0 24px!important;border-radius:18px!important;font-size:15px!important}
@media(max-width:900px){
 .package-card[data-package-style] .package-logo-stack{grid-template-columns:repeat(2,42px)!important;padding:12px!important;gap:8px!important}
 .package-card[data-package-style] .package-logo-chip{width:42px!important;height:42px!important}
 .package-card[data-package-style="base"] .package-logo-stack{grid-template-columns:repeat(3,34px)!important;gap:6px!important}
 .package-card[data-package-style="base"] .package-logo-chip{width:34px!important;height:34px!important;border-radius:10px!important}
}
@media(max-width:560px){
 .hero-feature-list{margin-top:5vw!important;gap:10px!important}
 .hero-feature{gap:7px!important}
 .hero-feature-label{font-size:clamp(14px,4.1vw,22px)!important}
 .hero-feature-badge{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:8px!important}
 .hero-feature-badge svg{width:15px;height:15px}
 .package-card[data-package-style] .package-logo-stack{grid-template-columns:repeat(2,38px)!important;padding:8px!important;gap:6px!important}
 .package-card[data-package-style] .package-logo-chip{width:38px!important;height:38px!important;border-radius:10px!important}
 .package-card[data-package-style="base"] .package-logo-stack{grid-template-columns:repeat(3,28px)!important;gap:5px!important}
 .package-card[data-package-style="base"] .package-logo-chip{width:28px!important;height:28px!important;border-radius:8px!important}
 .package-card[data-package-style] .package-card-copy small{font-size:12px!important;margin-top:5px!important}
 .v615-access-card .order-utility-btn-v615-guide,.order-guide-v45-compact .order-utility-btn-v615-support{min-width:190px!important;min-height:52px!important;font-size:14px!important;max-width:100%!important}
}
@media(max-width:340px){
 .package-card[data-package-style="base"] .package-logo-stack{grid-template-columns:repeat(3,25px)!important;gap:4px!important}
 .package-card[data-package-style="base"] .package-logo-chip{width:25px!important;height:25px!important}
}

/* AppRoom 6.4.0 — installation steps, package comparison, featured apps. */
.package-price640{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px 10px!important;line-height:1.2!important}
.package-price640 s{font-size:15px!important;font-weight:500!important;color:#788da5!important}
.package-price640 strong{flex-basis:100%;font:inherit!important;color:#087df5!important}
.package-price640 .saving640{display:inline-flex!important;align-items:center!important;background:#e6f7ee!important;border-radius:8px!important;padding:4px 7px!important;font-size:11px!important;font-weight:700!important;color:#157b4b!important;white-space:nowrap!important}
.package-basis640{display:block!important;max-width:250px!important;margin-top:6px!important;font-size:10px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important;color:#688099!important}
.package-card[data-package-style] .package-card-price{align-self:start!important}
.package-modal-head>div:last-child{text-align:right}.package-modal-head .package-price640{justify-content:flex-end}
.wizard640{scroll-margin-top:110px;color:#123477}
.wizard640 h2{margin:0 0 18px;font-size:clamp(24px,4vw,32px);line-height:1.15;letter-spacing:-.02em}
.wizard640 p{font-size:15px;line-height:1.55;color:#526f91;overflow-wrap:anywhere}
.wizard-progress640{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px;color:#087df5;font-size:13px;font-weight:700}
.wizard-progress640 small{font-weight:400;color:#688099}
.wizard-nav640{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.wizard-nav640 .btn{flex:1;min-width:110px;white-space:normal;line-height:1.25;min-height:50px;font-size:14px;padding:12px 15px}
.wizard-nav640 .btn[disabled]{opacity:.45;cursor:not-allowed}
.shot640{margin:18px auto;width:min(100%,294px)}
.shot640-crop{position:relative;overflow:hidden;width:100%;aspect-ratio:294/350;border-radius:22px;background:#111}
.shot640-crop img{position:absolute;display:block;width:348.29932%!important;height:auto!important;max-width:none!important}
.shot640 figcaption{margin-top:10px;font-size:13px;text-align:center;line-height:1.4;color:#526f91}
.login-shots640{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.login-shots640 .shot640{width:min(44%,220px);margin:10px 0}
.wizard-note640{padding:12px 15px;background:#edf7ff;border-radius:14px}
.wizard640 .v51-copy-row b{overflow-wrap:anywhere}
.wizard640 .v615-code-warning{margin-bottom:18px}
.wizard640 .v615-code-ready>strong{overflow-wrap:anywhere}
.wizard640 .install-actions640{display:flex;flex-direction:column;gap:12px}
.wizard640 .confirmed640{display:flex;align-items:center;gap:8px;color:#526f91;font-size:12px;cursor:pointer}
.wizard640 .confirmed640 input{accent-color:#087df5;width:18px;height:18px;margin:0;flex:0 0 18px}
.wizard640 .code-skip640{display:block;margin:20px auto 0;text-align:center;font-size:13px;line-height:1.5;white-space:normal}
.wizard-error640{color:#b53445!important}.wizard-success640{font-size:54px;color:#13885d;text-align:center}
.order-timer-v45 .deadline640{font-size:22px!important;line-height:1.3!important;letter-spacing:0!important}
.history-apps640{display:flex;flex-wrap:wrap;gap:8px}.history-apps640 span{border-radius:10px;background:#edf7ff;padding:8px 12px;font-size:13px}
.featured-settings640{padding:20px;border:1px solid #cfe5f5;border-radius:20px;background:#f7fcff;margin-bottom:24px}
.featured-settings640 h3{margin:0 0 10px}.featured-settings640 p{color:#688099;font-size:13px}
.featured-settings640 form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.featured-settings640 label{display:grid;gap:7px;flex:1 1 160px;font-size:13px}
.featured-settings640 select{padding:12px;border:1px solid #cfe5f5;border-radius:12px;max-width:100%;color:#123477;background:white}
.admin-order-actions>small{max-width:190px;color:#688099;font-size:11px;line-height:1.4}
@media(max-width:560px){
 .package-card{grid-template-columns:100px minmax(0,1fr) 28px!important;column-gap:10px!important}
 .package-card-copy strong{font-size:18px!important}
 .package-card[data-package-style] .package-logo-stack{padding:7px!important;gap:5px!important}
 .package-card[data-package-style="base"] .package-logo-stack{grid-template-columns:repeat(3,25px)!important;gap:4px!important}
 .package-card[data-package-style="base"] .package-logo-chip{width:25px!important;height:25px!important}
 .package-price640{gap:5px!important}.package-price640 s{font-size:13px!important}.package-price640 .saving640{font-size:10px!important;padding:3px 5px!important}
 .package-basis640{font-size:9px!important;max-width:175px!important}
 .wizard640{padding:20px!important}.wizard640 .order-app-v45{padding:14px!important}
 .wizard640 .install-actions640{width:100%}.wizard640 .confirmed640{justify-content:center}
}
@media(max-width:360px){.package-card{grid-template-columns:90px minmax(0,1fr) 24px!important;padding:12px!important;column-gap:8px!important}.package-card-copy strong{font-size:16px!important}.package-card[data-package-style] .package-logo-stack{grid-template-columns:repeat(2,32px)!important;padding:5px!important}.package-card[data-package-style] .package-logo-chip{width:32px!important;height:32px!important}.package-card[data-package-style="base"] .package-logo-stack{grid-template-columns:repeat(3,23px)!important;gap:3px!important}.package-card[data-package-style="base"] .package-logo-chip{width:23px!important;height:23px!important}}

.login-shot-tabs640{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}.login-shot-tabs640 button{font-size:12px}.login-shot-tabs640 button.active{background:#e7f4ff;color:#087df5;border-color:#90c9ff}

/* v6.4.1 scoped refinements */
.pricing-rules .pricing-rule small{font-size:clamp(13px,2.8vw,19px)!important;letter-spacing:.06em!important;flex-shrink:0!important}
@media(max-width:360px){.pricing-rules .pricing-rule{flex-wrap:wrap!important;gap:8px!important}}
.order-guide-v45.order-guide-v45-compact{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:12px 0!important}
.order-guide-v45.order-guide-v45-compact:before,.order-guide-v45.order-guide-v45-compact:after{display:none!important}
.chat641{position:relative;z-index:90}
.chat641 [hidden]{display:none!important}
.chat641-launch{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom) + var(--chat641-bottom,0px));width:56px;height:56px;display:grid;place-items:center;border:0;border-radius:50%;background:#087df5;color:white;box-shadow:0 6px 22px #0b43802b;cursor:pointer}
.chat641-launch svg{width:28px;height:28px}
.chat641-badge{position:absolute;top:3px;right:3px;width:12px;height:12px;background:#ed3f55;border:2px solid white;border-radius:50%}
.chat641-panel{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom) + var(--chat641-bottom,0px));width:min(370px,calc(100vw - 32px));height:min(490px,65dvh,calc(var(--chat641-height,100vh) - 84px));min-height:170px;display:flex;flex-direction:column;background:#f4fbff;border:1px solid #d8eafa;border-radius:24px;box-shadow:0 12px 40px #17497629;overflow:hidden;color:#14336c;text-align:left;font-family:inherit}
.chat641-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:white;border-bottom:1px solid #e4eff7;flex-shrink:0}
.chat641-panel header strong{font-size:16px}.chat641-close{border:0;background:transparent;color:#476387;font-size:28px;line-height:1;width:40px;height:40px;cursor:pointer}
.chat641-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column;gap:10px}
.chat641-message{max-width:90%;border-radius:16px;padding:10px 12px;font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}
.chat641-message.support{align-self:flex-start;background:white;border:1px solid #e2edf6}.chat641-message.client{align-self:flex-end;background:#087df5;color:white}
.chat641-message time{display:block;font-size:10px;opacity:.7;margin-top:6px}
.chat641-form{display:flex;gap:8px;align-items:flex-end;padding:12px;background:white;border-top:1px solid #e4eff7;flex-shrink:0}
.chat641-form textarea{min-width:0;flex:1;resize:none;max-height:100px;border:1px solid #d8e6f2;border-radius:12px;padding:10px;font:16px/1.4 inherit;color:#14336c;background:white;font-size:16px}
.chat641-form button{border:0;border-radius:12px;background:#087df5;color:white;font-size:12px;font-weight:700;padding:13px 10px;cursor:pointer}.chat641-form button:disabled{opacity:.5}
.chat641-error{font-size:12px;color:#a33444;padding:0 12px}.chat641-error:not(:empty){padding:8px 12px}
@media(max-height:500px){.chat641-panel{bottom:calc(10px + var(--chat641-bottom,0px));height:calc(var(--chat641-height,100dvh) - 10px)}.chat641-launch[aria-expanded=true]{visibility:hidden}}