/* ===== جرّبي بنفسك ===== */
[hidden]{display:none!important}
input.hp{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none;inset-inline-start:0}
.price-note{font-size:11px;opacity:.75;margin-top:2px}
.try-section{background:linear-gradient(180deg,#fff,#fbf6f9)}
.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.try-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;background:#fff;border:1px solid #eee3ea;box-shadow:0 10px 30px #3a1e2b08;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:190px;text-align:right}
.try-card:hover,.try-card:focus-visible{transform:translateY(-4px);box-shadow:0 22px 60px rgba(67,30,55,.12);border-color:#d9b9cc}
.try-card:focus-visible{outline:3px solid #c98aab;outline-offset:3px}
.try-card b{font-size:17px;color:#291b29}
.try-card small{color:#7c6d7a;font-size:13px;line-height:1.8;flex:1}
.try-ic{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:#f7edf3}
.try-go{color:#8d4669;font-weight:800;font-size:13px}
.try-ai{grid-row:span 2;background:linear-gradient(150deg,#3a2337,#5a2e4b 65%,#6d3a55);color:#fff;border:0;justify-content:flex-end;position:relative;overflow:hidden}
.try-ai::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#c98aab66,transparent 65%);top:-120px;left:-120px}
.try-ai b{color:#fff;font-size:22px}.try-ai small{color:#ecd7e4;flex:0}.try-ai .try-ic{background:#ffffff1f}.try-ai .try-go{color:#f4c9dc}
.try-note{text-align:center;color:#8a7b88;font-size:12px;margin-top:20px}
@media(max-width:900px){.try-grid{grid-template-columns:1fr 1fr}.try-ai{grid-column:span 2;grid-row:auto;min-height:220px}}
@media(max-width:560px){.try-grid{grid-template-columns:1fr}.try-ai{grid-column:auto}}

/* النافذة */
.dm-ov{position:fixed;inset:0;z-index:200;background:rgba(30,16,28,.62);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s}
.dm-ov.show{opacity:1}
.dm{background:#fbf8fa;border-radius:28px;width:min(1040px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.35);font-family:'Almarai',Tahoma,sans-serif;color:#291b29}
.dm-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #f0e6ec}
.dm-head b{flex:1;font-size:16px}
.dm-head .tag{font-size:11px;background:#fff3e6;color:#9a5a1c;padding:3px 10px;border-radius:99px;font-weight:700}
.dm-x{all:unset;cursor:pointer;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f6eef3;font-size:18px}
.dm-body{flex:1;overflow:auto;padding:18px;display:flex;gap:18px;justify-content:center;align-items:flex-start}
.dm-side{flex:1;max-width:380px;min-width:0}
.dm-side h3{margin:0 0 8px;font-size:18px}
.dm-side p{color:#776876;font-size:13px;line-height:1.9;margin:0 0 12px}
.dm-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.dm-steps li{font-size:13px;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid #eee4ea;color:#8a7b88}
.dm-steps li.on{border-color:#8d4669;color:#291b29;font-weight:700}
.dm-steps li.done{color:#2e7d4f}.dm-steps li.done::before{content:"✓ "}
@media(max-width:760px){.dm-side{display:none}.dm-body{padding:12px}}

/* إطار الجوال */
.phone{width:340px;max-width:100%;flex:none;background:#1c121b;border-radius:40px;padding:10px;box-shadow:0 30px 60px -20px rgba(41,26,42,.5)}
.phone .scr{background:#fff;border-radius:31px;height:600px;max-height:calc(100dvh - 150px);overflow:hidden;display:flex;flex-direction:column;position:relative}
.ph-top{padding:14px 16px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f2eaef;background:#fff}
.ph-top .av{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:#8d4669;flex:none}
.ph-top b{font-size:14px;display:block}.ph-top small{font-size:11px;color:#8a7b88}
.ph-main{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#fbf8fa}
.ph-foot{padding:10px;border-top:1px solid #f2eaef;background:#fff}
.box{background:#fff;border:1px solid #eee4ea;border-radius:16px;padding:12px}
.box h4{margin:0 0 4px;font-size:14px}
.mut{color:#8a7b88;font-size:12px}
.big-btn{all:unset;box-sizing:border-box;cursor:pointer;width:100%;text-align:center;padding:14px;border-radius:16px;background:linear-gradient(135deg,#8d4669,#6c3150);color:#fff;font-weight:800;font-size:15px;box-shadow:0 10px 25px -10px #6c3150}
.big-btn.green{background:linear-gradient(135deg,#3a9a63,#2a7a4b);box-shadow:0 10px 25px -10px #2a7a4b}
.big-btn:disabled{opacity:.5}
.chip{all:unset;cursor:pointer;display:inline-block;padding:7px 13px;border-radius:99px;background:#f6edf2;color:#6c3150;font-size:12px;font-weight:700;margin:3px}
.chip.on{background:#8d4669;color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:2px}
.svc{display:flex;gap:10px;align-items:center;cursor:pointer}
.svc .pic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:#f7edf3;flex:none}
.svc b{display:block;font-size:13px}.svc .pr{margin-inline-start:auto;font-weight:800;color:#8d4669;font-size:13px;white-space:nowrap}
.svc.sel{border-color:#8d4669;background:#fdf6fa}
.track{display:flex;justify-content:space-between;position:relative;margin:8px 4px}
.track::before{content:"";position:absolute;top:13px;right:12px;left:12px;height:3px;background:#eee4ea}
.track .pt{position:relative;text-align:center;font-size:10px;color:#8a7b88;width:60px}
.track .pt i{display:grid;place-items:center;margin:0 auto 4px;width:28px;height:28px;border-radius:50%;background:#eee4ea;font-style:normal;font-size:13px}
.track .pt.on i{background:#8d4669;color:#fff}.track .pt.on{color:#291b29;font-weight:700}
.stars{font-size:28px;letter-spacing:4px;cursor:pointer;text-align:center;color:#e1d3dc}
.stars span.on{color:#e0a43b}
.kp{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kp div{background:#fff;border:1px solid #eee4ea;border-radius:14px;padding:10px}
.kp b{display:block;font-size:20px;color:#8d4669}.kp small{font-size:11px;color:#8a7b88}
.dec{display:flex;flex-direction:column;gap:8px;transition:opacity .25s,transform .25s}
.dec.gone{opacity:0;transform:translateX(-30px)}
.dec .acts{display:flex;gap:6px}
.sbtn{all:unset;cursor:pointer;padding:8px 12px;border-radius:11px;background:#8d4669;color:#fff;font-size:12px;font-weight:700;text-align:center;flex:1}
.sbtn.ghost{background:#f4ecf1;color:#6c3150}
.toast{position:absolute;bottom:18px;right:50%;transform:translateX(50%);background:#291b29;color:#fff;padding:9px 16px;border-radius:99px;font-size:12px;white-space:nowrap;animation:tin .3s}
@keyframes tin{from{opacity:0;transform:translate(50%,10px)}}
.row2{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:4px 0}
.lang{display:flex;gap:4px}

/* واتساب */
.wa .ph-top{background:#075e54;color:#fff;border:0}.wa .ph-top small{color:#cde7e2}.wa .ph-top .av{background:#fff;color:#075e54}
.wa .ph-main{background:#efe7dd}
.bub{max-width:82%;padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.7;white-space:pre-line;box-shadow:0 1px 1px #0001;animation:tin .25s}
.bub.in{background:#fff;align-self:flex-start;border-top-right-radius:3px}
.bub.out{background:#dcf8c6;align-self:flex-end;border-top-left-radius:3px}
.bub.ai{background:#fff7fb;border:1px solid #f0d6e4}
.wa-btns{display:flex;flex-direction:column;gap:4px;align-self:flex-start;width:82%}
.wa-btns button{all:unset;cursor:pointer;background:#fff;color:#0a7cff;text-align:center;padding:8px;border-radius:10px;font-size:13px;font-weight:700;box-shadow:0 1px 1px #0001}
.typing{align-self:flex-start;background:#fff;padding:8px 14px;border-radius:12px;font-size:18px;letter-spacing:2px;color:#999}
.inrow{display:flex;gap:6px;align-items:center}
.inrow input{flex:1;font:inherit;font-size:13px;border:1px solid #e6dbe2;border-radius:99px;padding:10px 14px;margin:0;background:#fff;color:#291b29;min-width:0}
.inrow button{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;background:#8d4669;color:#fff;display:grid;place-items:center;flex:none;font-size:16px}
.wa .inrow button{background:#075e54}
.inrow button.mic.rec{background:#c62828;animation:pulse 1s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px #c6282833}}

/* بناء المتجر */
.bld{display:grid;grid-template-columns:1fr 340px;gap:18px;width:100%;align-items:start}
@media(max-width:820px){.bld{grid-template-columns:1fr}.bld .phone{margin:0 auto}}
.ai-chat{background:#fff;border:1px solid #eee4ea;border-radius:22px;display:flex;flex-direction:column;height:620px;max-height:calc(100dvh - 140px);overflow:hidden}
.ai-chat .ph-main{background:#fff}
.ai-msg{max-width:88%;padding:10px 13px;border-radius:16px;font-size:13px;line-height:1.8;white-space:pre-line;animation:tin .25s}
.ai-msg.u{align-self:flex-end;background:#f4ecf1;border-top-left-radius:4px}
.ai-msg.a{align-self:flex-start;background:linear-gradient(135deg,#fff,#fdf7fa);border:1px solid #f0e2ea;border-top-right-radius:4px}
.act{align-self:flex-start;width:88%;border:1.5px dashed #c98aab;border-radius:16px;padding:12px;background:#fffafc;animation:tin .25s}
.act b{display:block;font-size:13px;margin-bottom:4px}.act .mut{margin-bottom:8px}
.act.done{border-style:solid;border-color:#3a9a63;background:#f3fbf6}
.prog{height:6px;border-radius:99px;background:#f0e6ec;overflow:hidden;margin:6px 0 2px}
.prog i{display:block;height:100%;background:linear-gradient(90deg,#c98aab,#8d4669);transition:width .4s;width:0}
.st-hero{border-radius:18px;padding:18px;color:#fff;text-align:center;transition:background .4s}
.st-hero .lg{width:56px;height:56px;border-radius:18px;margin:0 auto 6px;display:grid;place-items:center;font-size:24px;font-weight:800;background:#ffffff26;border:2px solid #ffffff55}
.st-hero b{font-size:17px;display:block}.st-hero small{opacity:.85;font-size:11px}
.st-svc{animation:tin .35s}
.st-banner{border-radius:14px;padding:10px;text-align:center;font-size:12px;font-weight:800;animation:tin .35s}
.empty-svc{border:1.5px dashed #e3d4dd;border-radius:14px;padding:16px;text-align:center;color:#a0919e;font-size:12px}
.try-badge{font-size:10px;background:#fff3e6;color:#9a5a1c;padding:1px 8px;border-radius:99px;vertical-align:middle;font-weight:700}
.try-more{background:#fdf6f0;border-style:dashed}
.why-section{background:#fff}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.why-card{border:1px solid #eee3ea;border-radius:20px;padding:20px;background:linear-gradient(180deg,#fff,#fdf9fb);transition:transform .2s,box-shadow .2s}
.why-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(67,30,55,.09)}
.why-card span{font-size:26px;display:block;margin-bottom:6px}
.why-card b{font-size:15px;color:#291b29;display:block;margin-bottom:4px}
.why-card p{margin:0;color:#7c6d7a;font-size:12.5px;line-height:1.85}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.vs-col{border-radius:22px;padding:22px;background:#f7f2f5;display:flex;flex-direction:column;gap:8px}
.vs-col b{font-size:17px;margin-bottom:4px}
.vs-col span{font-size:13px;color:#7c6d7a}.vs-col span::before{content:"✕ ";color:#c06060;font-weight:800}
.vs-us{background:linear-gradient(150deg,#3a2337,#5a2e4b);color:#fff}
.vs-us span{color:#f1dbe7}.vs-us span::before{content:"✓ ";color:#8fe0b0}
@media(max-width:1000px){.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.why-grid,.vs{grid-template-columns:1fr}}
.try-rep{background:linear-gradient(150deg,#fff,#f7eef3)}
.rp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.rp-head b{font-size:18px}
.rp-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}
.rp-kpis>div{background:#fff;border:1px solid #eee4ea;border-radius:16px;padding:12px}
.rp-kpis small{display:block;font-size:11px;color:#8a7b88}.rp-kpis b{display:block;font-size:18px;color:#6c3150;margin:2px 0}
.rp-kpis .up{font-size:10px;color:#2e7d4f;font-weight:700}
.rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rp-wide{grid-column:span 2}
.rp-grid h4{margin:0 0 10px;font-size:14px}
.rp-chart{width:100%;height:auto;display:block}
.rp-hb{display:grid;gap:8px}
.rp-tbl{display:grid;gap:4px;margin-bottom:8px}
.rp-tr{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:6px;font-size:12px;padding:7px 8px;border-radius:10px;background:#fbf7fa}
.rp-tr.th{background:transparent;color:#8a7b88;font-weight:700}
.rp-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.rp-kpis{grid-template-columns:repeat(3,1fr)}.rp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.rp-kpis{grid-template-columns:1fr 1fr}.rp-grid{grid-template-columns:1fr}.rp-wide{grid-column:auto}.rp-tr{grid-template-columns:1.3fr repeat(5,1fr);font-size:10.5px;gap:3px;padding:6px 4px}}

/* ===== الجولة ===== */
.tour-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:linear-gradient(140deg,#2c1a2a,#4a2640 55%,#663552);color:#fff;border-radius:32px;padding:36px;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #4a2640}
.tour-card::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#c98aab55,transparent 65%);top:-220px;right:-160px;pointer-events:none}
.tour-copy{position:relative}
.tour-copy h3{font-size:clamp(28px,4vw,42px);margin:10px 0 6px;color:#fff}
.tour-copy p{color:#ecd7e4;margin:0 0 20px}
.tour-live{display:inline-flex;align-items:center;gap:7px;background:#ffffff1c;border:1px solid #ffffff30;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:800}
.tour-live i{width:8px;height:8px;border-radius:50%;background:#62e39a;box-shadow:0 0 0 0 #62e39a;animation:live 1.6s infinite}
@keyframes live{70%{box-shadow:0 0 0 8px #62e39a00}}
.tour-actions{display:flex;gap:10px;flex-wrap:wrap}
.tour-card .btn-ghost{color:#fff;border-color:#ffffff55;background:transparent}
.tour-map{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;counter-reset:tm}
.tour-map li{counter-increment:tm}
.tour-map button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff12;border:1px solid #ffffff22;transition:background .2s,transform .2s}
.tour-map button:hover,.tour-map button:focus-visible{background:#ffffff24;transform:translateY(-2px)}
.tour-map button:focus-visible{outline:2px solid #f4c9dc}
.tour-map span{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffffff1c;font-size:19px}
.tour-map b{font-size:13.5px;color:#fff}
.tour-map small{font-size:11px;color:#dcbfd0}
.tour-map b::before{content:counter(tm, arabic-indic) ". ";color:#f4c9dc}
.role-rail{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:22px}
.role-rail-t{font-size:13px;color:#7c6d7a;font-weight:700;margin-inline-end:4px}
.role-rail button{all:unset;cursor:pointer;padding:9px 15px;border-radius:99px;background:#fff;border:1px solid #eadde6;font-size:13px;font-weight:700;color:#4c3c4a;transition:all .2s}
.role-rail button:hover,.role-rail button:focus-visible{border-color:#8d4669;color:#8d4669;transform:translateY(-2px);box-shadow:0 8px 20px -10px #8d466977}
@media(max-width:900px){.tour-card{grid-template-columns:1fr;padding:24px}.tour-map{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tour-map{grid-template-columns:1fr}.tour-map button{padding:10px 12px}}
/* نافذة الجولة */
.dm-tour{width:min(1100px,100%)}
.tr-steps{list-style:none;margin:0;padding:10px 14px;display:flex;gap:6px;overflow-x:auto;background:#fff;border-bottom:1px solid #f0e6ec;scrollbar-width:none}
.tr-steps::-webkit-scrollbar{display:none}
.tr-steps button{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;border-radius:99px;font-size:12px;font-weight:700;color:#8a7b88;white-space:nowrap;background:#f8f2f5}
.tr-steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eadde5;font-size:11px}
.tr-steps .on button{background:#8d4669;color:#fff}.tr-steps .on i{background:#fff;color:#8d4669}
.tr-steps .done button{color:#2e7d4f}.tr-steps .done i{background:#2e7d4f;color:#fff}
.tr-hint{display:flex;flex-direction:column;gap:2px;padding:10px 18px;background:linear-gradient(90deg,#fdf3f8,#fbf8fa);border-bottom:1px solid #f3e6ee;font-size:13px}
.tr-hint b{font-size:14px}.tr-hint span{color:#6d5c6b}
.tr-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:#fff;border-top:1px solid #f0e6ec}
.tr-foot .sbtn{flex:0 0 auto;padding:11px 18px;font-size:13px}
.tr-next{background:linear-gradient(135deg,#8d4669,#6c3150)!important;box-shadow:0 10px 24px -12px #6c3150}
.tr-end{max-width:560px;margin:0 auto;text-align:center}
.tr-badge{font-size:46px}
.tr-end h3{font-size:24px;margin:6px 0}
.tr-got{list-style:none;padding:0;margin:14px auto;display:grid;gap:6px;text-align:right;max-width:340px;font-size:14px;color:#2e7d4f;font-weight:700}
.tr-quiz{text-align:right;margin-top:10px}
.tr-q{margin:10px 0}.tr-q b{display:block;font-size:13px;margin-bottom:4px}
.tr-rec{display:grid;gap:10px;margin-top:10px}
.tr-plan{border-radius:16px;padding:14px;background:linear-gradient(135deg,#3a2337,#5a2e4b);color:#fff;text-align:center}
.tr-plan small{opacity:.8}.tr-plan b{display:block;font-size:22px}
.tr-plan .mut{color:#f1d6e5}
/* الحاسبة */
.roi-section{background:linear-gradient(180deg,#fbf6f9,#fff)}
.roi-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.roi-card{background:#fff;border:1px solid #eee3ea;border-radius:28px;padding:28px;box-shadow:0 24px 60px -36px rgba(67,30,55,.4);display:grid;gap:14px}
.roi-card label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#4c3c4a}
.roi-card label b{color:#8d4669;font-size:16px}
.roi-card input[type=range]{width:100%;accent-color:#8d4669}
.roi-out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.roi-out div{background:#faf4f8;border-radius:18px;padding:14px;text-align:center}
.roi-out small{display:block;font-size:11px;color:#7c6d7a}
.roi-out b{display:block;font-size:28px;color:#6c3150;line-height:1.3}
.roi-out span{font-size:11px;color:#7c6d7a}
.roi-assume{font-size:11px;color:#8a7b88;margin:0}
@media(max-width:900px){.roi-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:480px){.roi-out{grid-template-columns:1fr}.roi-card{padding:18px}}
/* الوضع الليلي + شريط الجوال */
.theme-toggle{all:unset;cursor:pointer;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f6eef3;font-size:17px;flex:none}
.theme-toggle:focus-visible{outline:2px solid #8d4669}
.tt-sun{display:none}
html[data-theme=dark] .theme-toggle{background:#2c2030}
html[data-theme=dark] .tt-sun{display:inline}html[data-theme=dark] .tt-moon{display:none}
.m-cta{display:none}
@media(max-width:760px){
  .m-cta{display:flex;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:80;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-top:1px solid #eee3ea;transform:translateY(110%);transition:transform .25s}
  .m-cta.show{transform:none}
  .m-cta .btn{flex:1;justify-content:center;padding:12px 8px;font-size:13px}
  html[data-theme=dark] .m-cta{background:rgba(20,14,21,.94);border-color:#3a2c3c}
  .chat-launch{bottom:84px}
}

/* ثيمات وستايلات المتجر (المعاينة وموقع الحجز) */
.skin{--c1:#8d4669;--c2:#f2d7e4;--rad:18px}
.skin .box,.skin .st-banner,.skin .empty-svc{border-radius:var(--rad)}
.skin .st-hero{border-radius:calc(var(--rad) + 2px);background:linear-gradient(140deg,var(--c1),color-mix(in srgb,var(--c1) 70%,#000)) !important}
.skin .big-btn{border-radius:var(--rad);background:var(--c1) !important}
.skin .pr{color:var(--c1) !important}
.skin .chip.on{background:var(--c1);border-color:var(--c1);color:#fff}
.skin.th-soft{background:color-mix(in srgb,var(--c2) 22%,#fff)}
.skin.th-soft .box{background:#fff;border-color:color-mix(in srgb,var(--c2) 60%,#fff)}
.skin.th-lux{background:#17110f;color:#f4e9d8}
.skin.th-lux .box{background:#221a17;border-color:#3a2d24;color:#f4e9d8}
.skin.th-lux .mut{color:#c9b8a2}
.skin.th-lux .st-hero{background:linear-gradient(140deg,#000,var(--c1)) !important;border:1px solid #c9a86a55}
.skin.th-lux .pr{color:#d9b877 !important}
.skin.th-lux .big-btn{background:linear-gradient(135deg,#c9a86a,#a8823f) !important;color:#1a120c}
.skin.th-lux b{color:#f4e9d8}
.skin.th-modern{background:#fff}
.skin.th-modern .box{box-shadow:0 6px 18px rgba(0,0,0,.06);border-color:#eee}
.skin.th-modern .st-hero{background:var(--c1) !important;text-align:start}
.skin.th-modern b{font-weight:800;letter-spacing:-.2px}
.box.svc.off{opacity:.5}
.bt{padding:6px 14px 8px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #f1e7ed}
.bt-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bt-row small{font-size:11px;color:#8a7a86;min-width:44px}
.bt-row .chip{padding:4px 10px;font-size:11.5px}
.sw{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd;cursor:pointer;padding:0}
.sw:hover{transform:scale(1.12)}
.act .mut{white-space:pre-line}