/* uq kexlune 79 */

:root{
  --lilac:#f0b7c2; --lilac2:#d46f88; --deep:#7a2c44; --deep2:#5c1f32;
  --bg:#f7e6ea; --card:#ffffff; --ink:#30121a; --mute:#825a64; --line:rgba(74,45,122,.14);
  --studio:#7a2c44; --studio-ink:#ffecf1;
  --sans:system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block} a{color:inherit;text-decoration:none}
.kexl-wrap{width:min(430px,94vw);margin:0 auto}
@media(min-width:900px){.kexl-wrap{width:min(980px,92vw)}}

.kexl-top{position:sticky;top:0;z-index:40;background:rgba(247,243,251,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.kexl-top-in{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.kexl-logo{font-weight:800;letter-spacing:.12em;font-size:1.05rem}
.kexl-logo span{display:block;font-size:.62rem;letter-spacing:.18em;font-weight:600;color:var(--mute);text-transform:uppercase}
.kexl-menu{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;gap:4px;cursor:pointer}
.kexl-menu i{width:16px;height:2px;background:var(--deep);display:block}
.kexl-drawer{display:none;flex-direction:column;gap:10px;padding:0 0 14px;font-weight:600;font-size:.95rem}
.kexl-drawer.kexl-open{display:flex}
.kexl-drawer a{padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}

.kexl-hero{padding:18px 0 8px}
.kexl-hero-card{background:var(--card);border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px rgba(107,78,154,.08)}
.kexl-hero-photo{aspect-ratio:4/5;background:
  linear-gradient(160deg,rgba(201,178,232,.35),rgba(85,60,126,.25)),
  radial-gradient(circle at 40% 28%,#f8e6e9,#e8b2bf 45%,#b86b80 78%);
  position:relative}
.kexl-hero-photo::before{content:"";position:absolute;left:18%;right:18%;top:16%;height:52%;border-radius:48% 48% 42% 42%;background:linear-gradient(180deg,#f8ecec,#eec4cc)}
.kexl-hero-photo::after{content:"";position:absolute;left:22%;right:22%;top:10%;height:28%;border-radius:50%;background:linear-gradient(180deg,#4a2a2f,#221214);opacity:.85}
.kexl-hero-body{padding:18px 16px 20px}
.kexl-usp-row{display:grid;gap:10px;margin-bottom:14px}
.kexl-usp-row div{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--mute)}
.kexl-usp-row .kexl-ic{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--lilac2);flex:0 0 28px;position:relative}
.kexl-usp-row .kexl-ic::before{content:"";position:absolute;inset:7px;border-radius:2px;background:var(--deep);opacity:.55}
.kexl-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;border:0;background:var(--deep);color:#ffffff;font-weight:700;font-size:.9rem;cursor:pointer;width:100%}
.kexl-btn:hover{background:var(--deep2)}
.kexl-btn-line{background:transparent;border:1.5px solid var(--deep);color:var(--deep)}
.kexl-btn-sm{width:auto;padding:8px 14px;font-size:.75rem}

.kexl-grid4{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0}
.kexl-g4{background:var(--card);border-radius:18px;padding:16px 14px;border:1px solid var(--line);min-height:108px;display:flex;flex-direction:column;justify-content:space-between}
.kexl-g4 .kexl-ic{width:34px;height:34px;border-radius:12px;background:rgba(201,178,232,.35);display:grid;place-items:center;margin-bottom:10px}
.kexl-g4 .kexl-ic svg{width:18px;height:18px;stroke:var(--deep);fill:none;stroke-width:1.8}
.kexl-g4 strong{display:block;font-size:.98rem;margin-bottom:4px}
.kexl-g4 span{font-size:.78rem;color:var(--deep);font-weight:700}

.kexl-offer{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:linear-gradient(90deg,#f8e6e9,#f4d6dc);border-radius:20px;overflow:hidden;border:1px solid var(--line);margin:8px 0 18px}
.kexl-offer-t{padding:16px}
.kexl-offer-t p{margin:0 0 4px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);font-weight:800}
.kexl-offer-t h2{margin:0 0 6px;font-size:1.15rem;line-height:1.25}
.kexl-offer-t span{font-size:.85rem;color:var(--mute)}
.kexl-offer-pic{background:radial-gradient(circle at 50% 40%,#fcf1f2,#d99aab 70%);min-height:110px;position:relative}
.kexl-offer-pic::before{content:"";position:absolute;left:22%;right:22%;top:28%;bottom:22%;border-radius:14px;background:linear-gradient(160deg,#eec4cc,#9a4e64);opacity:.55}

.kexl-sec{padding:22px 0}
.kexl-sec h2{margin:0 0 14px;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase}
.kexl-svc{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:10px}
.kexl-svc .kexl-thumb{width:72px;height:72px;border-radius:16px;flex:0 0 72px;background:linear-gradient(145deg,#f6dce1,#c47f93)}
.kexl-svc .kexl-thumb.kexl-a{background:linear-gradient(145deg,#efd0d8,#a85a6f)}
.kexl-svc .kexl-thumb.kexl-b{background:linear-gradient(145deg,#f7dfe4,#d99aab)}
.kexl-svc .kexl-thumb.kexl-c{background:linear-gradient(145deg,#eac6cf,#9a4e64)}
.kexl-svc .kexl-thumb.kexl-d{background:linear-gradient(145deg,#f8e6e9,#bc738a)}
.kexl-svc h3{margin:0 0 4px;font-size:1rem}
.kexl-svc p{margin:0 0 8px;font-size:.82rem;color:var(--mute)}

.kexl-gift{background:var(--card);border-radius:22px;padding:16px;border:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:center}
.kexl-gift h3{margin:0 0 6px;font-size:1.1rem}
.kexl-gift p{margin:0;font-size:.88rem;color:var(--mute)}
.kexl-gift-pic{aspect-ratio:1;border-radius:18px;background:
  radial-gradient(circle at 50% 45%,#fbecee,#e8b2bf 55%,#9a4e64);
  position:relative}
.kexl-gift-pic::before{content:"";position:absolute;left:28%;right:28%;top:22%;bottom:28%;border-radius:10px;background:rgba(255,255,255,.35);border:2px solid rgba(107,78,154,.35)}

.kexl-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:center;padding:8px 0}
.kexl-val .kexl-ring{width:64px;height:64px;border-radius:50%;margin:0 auto 8px;border:1.5px solid var(--lilac2);display:grid;place-items:center;background:var(--card)}
.kexl-val .kexl-ring i{width:18px;height:18px;border-radius:4px;background:var(--deep);opacity:.55;display:block}
.kexl-val strong{display:block;font-size:.88rem;line-height:1.3}

.kexl-interior{border-radius:22px;aspect-ratio:16/10;background:
  linear-gradient(120deg,rgba(201,178,232,.25),rgba(42,36,51,.15)),
  radial-gradient(circle at 30% 60%,#f8e6e9,#e8b2bf 40%,#b86b80 75%);
  border:1px solid var(--line);position:relative;overflow:hidden}
.kexl-interior::before{content:"";position:absolute;left:8%;bottom:18%;width:28%;height:28%;border-radius:18px 18px 8px 8px;background:#c87f94;opacity:.7}
.kexl-interior::after{content:"";position:absolute;right:10%;bottom:18%;width:28%;height:28%;border-radius:18px 18px 8px 8px;background:#d99aab;opacity:.75}

.kexl-review{background:var(--card);border-radius:22px;padding:16px;border:1px solid var(--line)}
.kexl-review .kexl-who{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.kexl-review .kexl-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#eec4cc,#9a4e64)}
.kexl-stars{color:#00e00e;letter-spacing:1px;font-size:.9rem}
.kexl-review p{margin:0 0 12px;font-size:.92rem}
.kexl-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kexl-shots span{aspect-ratio:1;border-radius:12px;background:linear-gradient(145deg,#f6dce1,#c47f93)}
.kexl-shots span:nth-child(2){background:linear-gradient(145deg,#efd0d8,#a85a6f)}
.kexl-shots span:nth-child(3){background:linear-gradient(145deg,#f7dfe4,#d99aab)}

.kexl-studio{background:var(--card);border-radius:24px;padding:16px;border:1px solid var(--line)}
.kexl-drop{border:1.5px dashed rgba(107,78,154,.4);border-radius:20px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer;background:rgba(201,178,232,.15);gap:4px}
.kexl-drop strong{font-size:1.05rem}
.kexl-drop span{color:var(--mute);font-size:.85rem}
.kexl-drop.kexl-has{border-style:solid;background:#ffffff}
.kexl-stage{margin-top:12px;border-radius:20px;overflow:hidden;aspect-ratio:1;background:#f8e6e9;position:relative;border:1px solid var(--line)}
.kexl-stage canvas{width:100%;height:100%;display:block}
.kexl-status{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(42,36,51,.82);color:#ffffff;border-radius:12px;padding:10px;font-size:.8rem;text-align:center}
.kexl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.kexl-chips label{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700;cursor:pointer;background:#ffffff}
.kexl-chips input{display:none}
.kexl-chips label.kexl-on{background:var(--deep);color:#ffffff;border-color:var(--deep)}
.kexl-results{display:none;margin-top:14px}
.kexl-results.kexl-show{display:block}
.kexl-res-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kexl-res{background:var(--bg);border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.kexl-res canvas{width:100%;aspect-ratio:3/4;display:block}
.kexl-res p{margin:0;padding:8px 10px;font-size:.82rem;font-weight:700}
.kexl-note{font-size:.78rem;color:var(--mute);margin-top:8px}
.kexl-modes{display:grid;gap:8px;margin:12px 0 0}
.kexl-modes article{background:rgba(201,178,232,.18);border-radius:14px;padding:10px 12px;font-size:.85rem}
.kexl-modes b{display:block;margin-bottom:2px}

.kexl-map{border-radius:22px;aspect-ratio:16/11;background:
  linear-gradient(#efe4e7 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(90deg,#efe4e7 1px,transparent 1px) 0 0/28px 28px,
  #f7f0f1;
  border:1px solid var(--line);position:relative;margin-bottom:12px}
.kexl-map::after{content:"";position:absolute;left:52%;top:46%;width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--deep);box-shadow:0 0 0 8px rgba(107,78,154,.2)}
.kexl-contacts p{margin:0 0 8px;font-size:.92rem;color:var(--mute)}
.kexl-contacts strong{color:var(--ink)}

.kexl-foot{background:var(--deep);color:rgba(255,255,255,.88);padding:28px 0 110px;margin-top:28px;font-size:.88rem}
.kexl-foot a{color:#ffffff}
.kexl-foot .kexl-logo{color:#ffffff;margin-bottom:10px}
.kexl-foot .kexl-logo span{color:rgba(255,255,255,.7)}
.kexl-legal{margin-top:12px;font-size:.75rem;line-height:1.45;opacity:.85}
.kexl-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(247,243,251,.96) 30%);display:flex;justify-content:center}
.kexl-sticky .kexl-btn{width:min(420px,100%);box-shadow:0 10px 28px rgba(107,78,154,.35)}
body.kexl-hide-sticky .kexl-sticky{display:none}

@media(min-width:900px){
  .kexl-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
  .kexl-grid4{grid-template-columns:repeat(4,1fr)}
  .kexl-svc-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .kexl-svc{margin:0}
  .kexl-values{grid-template-columns:repeat(4,1fr)}
  .kexl-studio-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:14px}
  .kexl-res-grid{grid-template-columns:repeat(3,1fr)}
}

/* DIVERSE 03-stylo */

/* KEXLU RibbonSweep — мобайл-стек: сцена сверху */
.kexl-studio{background:var(--deep)!important;border:0!important;border-radius:28px!important;padding:14px!important;color:#ffffff!important}
.kexl-studio-grid{display:flex!important;flex-direction:column-reverse!important;gap:14px!important}
.kexl-studio .kexl-stage{border-radius:22px!important;aspect-ratio:4/5!important;border:0!important;order:-1}
.kexl-studio .kexl-drop{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:16px!important;color:#ffffff!important}
.kexl-studio .kexl-drop strong,.kexl-studio .kexl-drop span{color:#ffffff}
.kexl-studio .kexl-chips label{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;color:#ffffff!important}
.kexl-studio .kexl-chips label.kexl-on{background:var(--lilac)!important;color:var(--deep)!important;border-color:var(--lilac)!important}
.kexl-studio .kexl-modes article{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.9)!important}
.kexl-studio .kexl-note{color:rgba(255,255,255,.65)!important}
.kexl-studio .kexl-status,.kexl-stage .kexl-status,#kexl-kexStatus{background:rgba(74,45,122,.92)!important}
/* FORCE BG */
body{background:var(--bg)!important}

/* BA photos */
.kexl-ba-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}
.kexl-ba-strip img,.kexl-ba-grid img,.kexl-gallery img,.kexl-ba-one img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:14px}
.kexl-ba-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.kexl-ba-card{margin:0}
.kexl-ba-one{background:var(--cream,var(--soft,#f5f5f5));border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}
.kexl-ba-one h3{margin:0;padding:10px 12px;font-size:.92rem}
.kexl-gallery img{border-radius:12px}