:root{--bg:#0b0d0e;--tl:#00a99d;--or:#f26f21;--tx:#f4f4f2;--mu:#9aa3a2;--gl:rgba(255,255,255,.06);--bd:rgba(255,255,255,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{font-family:'Cairo','Segoe UI',Tahoma,sans-serif;background:var(--bg);color:var(--tx);line-height:1.7;overflow-x:clip}
body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(600px 400px at 85% 10%,rgba(0,169,157,.18),transparent),radial-gradient(500px 400px at 10% 80%,rgba(242,111,33,.14),transparent)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1150px;margin:auto;padding:0 20px}.sec{padding:70px 20px}.top{padding-top:120px}
.glass{background:var(--gl);border:1px solid var(--bd);border-radius:22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
h1{font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.15;font-weight:900}h1 span{color:var(--or)}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:28px}
.sub{color:var(--mu);max-width:480px;margin:16px 0 26px}.tag{color:var(--tl);font-weight:700}
.btn{display:inline-block;background:var(--or);color:#fff;border:0;border-radius:50px;padding:12px 28px;font:700 1rem Cairo,sans-serif;cursor:pointer;transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(242,111,33,.4)}
.btn.ghost{background:transparent;border:1px solid var(--bd)}.btn.ghost:hover{border-color:var(--tl);box-shadow:none}
.btns{display:flex;gap:12px;flex-wrap:wrap}
header{position:fixed;top:12px;left:12px;right:12px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;max-width:1150px;margin:auto}
header img{height:34px}nav{display:flex;gap:22px}nav a{color:var(--mu);font-weight:600;transition:.2s}nav a.on,nav a:hover{color:var(--tx)}
.hb{display:flex;gap:10px;align-items:center}.ib{position:relative;background:var(--gl);border:1px solid var(--bd);color:var(--tx);border-radius:50px;padding:6px 14px;font:600 .9rem Cairo,sans-serif;cursor:pointer}
.ib i{position:absolute;top:-6px;left:-6px;background:var(--or);border-radius:50%;min-width:20px;height:20px;font:700 .75rem/20px Cairo;text-align:center;font-style:normal}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.plate{padding:18px;background:rgba(255,255,255,.92);border-radius:32px;overflow:hidden}.plate img{border-radius:20px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{padding:26px}.card b{font-size:1.2rem;color:var(--tl)}.card p{color:var(--mu);margin:8px 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.it{padding:20px;display:flex;flex-direction:column;gap:6px;transition:.3s}.it:hover{border-color:var(--tl);transform:translateY(-4px)}
.it b{font-size:1.1rem}.it p{color:var(--mu);font-size:.88rem;flex:1}
.it .pr{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.pr strong{color:var(--or);font-size:1.1rem}
.add{background:var(--tl);color:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:1.4rem;cursor:pointer}.add:disabled{background:#333;cursor:default}
.tabs{display:flex;gap:10px;overflow-x:auto;padding:10px 0 24px}.tabs button{white-space:nowrap;background:var(--gl);border:1px solid var(--bd);color:var(--tx);border-radius:50px;padding:8px 20px;font:600 .95rem Cairo,sans-serif;cursor:pointer}
.tabs button.on{background:var(--or);border-color:var(--or)}
.cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px;flex-wrap:wrap}.cta img{max-width:340px;border-radius:18px}
.foot{text-align:center;color:var(--mu);padding:30px 20px;font-size:.85rem}
#pre{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(11,13,14,.7);backdrop-filter:blur(20px);visibility:hidden;opacity:0}
#pre svg{width:240px}#pre text{font:900 64px Cairo,sans-serif;fill:none;stroke:var(--tl);stroke-width:1.5;stroke-dasharray:400;stroke-dashoffset:400;animation:dr 1.6s ease infinite alternate}
@keyframes dr{to{stroke-dashoffset:0;stroke:var(--or)}}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:60;opacity:0;visibility:hidden;transition:.3s}.ov.on{opacity:1;visibility:visible}
#drawer{position:fixed;top:0;bottom:0;left:0;width:min(400px,100%);z-index:70;background:rgba(15,18,19,.92);backdrop-filter:blur(20px);border-right:1px solid var(--bd);transform:translateX(-100%);transition:.4s cubic-bezier(.7,0,.2,1);display:flex;flex-direction:column;padding:22px}
#drawer.on{transform:none}#cl{flex:1;overflow:auto;margin:16px 0}
.ln{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--bd)}
.ln small{color:var(--mu);display:block}.q{display:flex;gap:8px;align-items:center}.q button{background:var(--gl);border:1px solid var(--bd);color:var(--tx);border-radius:8px;width:28px;height:28px;cursor:pointer}
.tot{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;margin-bottom:14px}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);width:min(440px,92%);max-height:90vh;overflow:auto;z-index:80;padding:28px;background:rgba(18,21,22,.95);opacity:0;visibility:hidden;transition:.3s}
.modal.on{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.modal h3{margin-bottom:14px}
.modal input,.modal textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid var(--bd);border-radius:12px;padding:12px;color:var(--tx);font:1rem Cairo,sans-serif;margin-bottom:10px}
.pay{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.pay label{border:1px solid var(--bd);border-radius:12px;padding:10px;cursor:pointer;font-size:.9rem;text-align:center}.pay input{display:none}.pay label:has(input:checked){border-color:var(--or);background:rgba(242,111,33,.15)}
.note{color:var(--mu);font-size:.82rem;margin-bottom:10px}.hide{display:none}
@media(max-width:800px){.hero-in{grid-template-columns:1fr}nav{display:none}.cta img{max-width:100%}}

/* ===== الثيم الأبيض الفخم + الأصناف + الصندوق ===== */
:root{--bg:#fbfaf7;--tx:#15191a;--mu:#6a7270;--gl:rgba(255,255,255,.75);--bd:rgba(20,25,26,.09)}
body:before{background:radial-gradient(700px 450px at 90% 0,rgba(0,169,157,.10),transparent),radial-gradient(600px 450px at 0 90%,rgba(242,111,33,.09),transparent)}
.glass{box-shadow:0 10px 40px rgba(20,25,26,.06)}
.plate{background:none;padding:0;border-radius:0}.plate img,.cta img,.food img{mix-blend-mode:multiply;border-radius:0}
#pre{background:rgba(251,250,247,.88)}.ov{background:rgba(20,25,26,.35)}
#drawer{background:rgba(255,255,255,.97)}.modal{background:rgba(255,255,255,.98)}
.modal input,.modal textarea{background:rgba(0,0,0,.04)}.add:disabled{background:#d8dbda}
.ib,.q button,.tabs button{background:#fff}.tabs button.on{background:var(--or);color:#fff}
.it:hover{box-shadow:0 18px 40px rgba(0,169,157,.15)}
.tabs{position:sticky;top:72px;z-index:20;background:rgba(251,250,247,.92);backdrop-filter:blur(12px);margin:0 -20px 20px;padding:12px 20px}
.tabs button{font-size:1rem;padding:10px 22px;font-weight:700}.tabs button small{opacity:.6;margin-right:6px}
.msec{scroll-margin-top:150px;margin-bottom:46px}.msec h2{display:flex;align-items:center;gap:14px}.msec h2:after{content:'';flex:1;height:2px;background:linear-gradient(90deg,var(--or),transparent)}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.cat{display:flex;flex-direction:column;padding:22px;transition:.3s}.cat b{font-size:1.15rem}.cat span{color:var(--tl);font-weight:600;font-size:.9rem}.cat:hover{transform:translateY(-4px);border-color:var(--or)}
.boxsec{height:100vh;display:flex;align-items:center;overflow:hidden}
.bx{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.real{max-height:200px;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.15)}
.scene{perspective:1100px;height:440px;display:flex;align-items:center;justify-content:center;position:relative}
.scene:after{content:'';position:absolute;bottom:60px;width:360px;height:34px;background:radial-gradient(rgba(0,0,0,.28),transparent 70%)}
.box{position:relative;width:320px;height:130px;transform-style:preserve-3d}
.f{position:absolute;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 40px rgba(0,0,0,.07)}
.f img,.lid img{height:34px;width:auto}
.fr,.bk,.lid{width:320px;height:130px;background:linear-gradient(90deg,#f26f21 0 24%,#fff 24% 66%,#00a99d 66%)}
.fr{transform:translateZ(100px)}.bk{transform:rotateY(180deg) translateZ(100px)}
.sd{width:200px;height:130px;left:60px;background:linear-gradient(90deg,#f26f21 0 30%,#fff 30% 70%,#00a99d 70%)}
.rt{transform:rotateY(90deg) translateZ(160px)}.lf{transform:rotateY(-90deg) translateZ(160px)}
.bt{width:320px;height:200px;top:-35px;background:#ece9e3;transform:rotateX(-90deg) translateZ(65px)}
.hinge{position:absolute;left:0;top:0;width:320px;height:0;transform:translateZ(-100px);transform-style:preserve-3d}
.lid{position:absolute;left:0;top:0;height:200px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(0,0,0,.1)}
.food{position:absolute;top:34%;width:290px;opacity:0;pointer-events:none}
@media(max-width:800px){.bx{grid-template-columns:1fr}.scene{transform:scale(.72);height:360px}.real{display:none}}

/* ===== البرغر المتفكك ===== */
.buildsec{height:100vh;display:flex;align-items:center;overflow:hidden}
.bd{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.stack{position:relative;width:min(380px,72vw);aspect-ratio:458/670;margin:auto}
.ly{position:absolute;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18))}
.lbls{list-style:none;display:grid;gap:8px;margin-top:10px}.lbls li{font-weight:700;padding:8px 18px;border-radius:50px;border:1px solid var(--bd);background:#fff;width:max-content;opacity:0}
.lbls li:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--or);margin-left:10px}
@media(max-width:800px){.bd{grid-template-columns:1fr}.buildsec .sub{display:none}.stack{width:min(240px,55vw)}}

/* ===== اللوغو، الفيديو، دعم الاتجاهين ===== */
header img{height:26px;width:auto}
.ltr{unicode-bidi:plaintext}
.buildsec{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
#seq{height:min(88vh,660px);width:auto;max-width:94vw;filter:drop-shadow(0 28px 26px rgba(0,0,0,.2))}
.tabs button small{margin-right:0;margin-inline-start:6px}
.msec h2:after{background:linear-gradient(270deg,var(--or),transparent)}
[dir=ltr] .msec h2:after{background:linear-gradient(90deg,var(--or),transparent)}
[dir=ltr] #drawer{left:auto;right:0;transform:translateX(100%);border-right:0;border-left:1px solid var(--bd)}
[dir=ltr] #drawer.on{transform:none}
[dir=ltr] .ib i{left:auto;right:-6px}
[dir=ltr] body{font-family:'Cairo','Segoe UI',Arial,sans-serif}

/* ================= الجولة الثالثة: أزرار، هيدر، قائمة، صندوق، قانوني، مساعدة، موبايل ================= */
.btn.ghost{color:var(--tx);background:rgba(255,255,255,.7);border:1.5px solid rgba(20,25,26,.22)}
.btn.ghost:hover{background:#fff;color:var(--tx);border-color:var(--tl)}
.btn.sm{padding:8px 18px;font-size:.9rem}.btn.danger{color:#b3261e;border-color:rgba(179,38,30,.4);margin-top:10px}
header{gap:12px}header .lg{flex:none;display:flex}header img{height:26px;width:auto;max-width:none;flex:none}
.mb{width:44px;height:44px;padding:0;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border-radius:50%;flex:none}
.mb span{width:18px;height:2px;background:var(--tx);border-radius:2px;transition:.3s}.mb:hover span:nth-child(2){width:11px}.mb:hover{border-color:var(--or)}
nav{flex:1;justify-content:center}
.fab{position:fixed;bottom:20px;inset-inline-end:20px;z-index:55;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--or),#ff8a45);color:#fff;border:0;font-size:1.5rem;cursor:pointer;box-shadow:0 12px 30px rgba(242,111,33,.45)}
.fab i{position:absolute;top:-4px;inset-inline-start:-4px;background:var(--tl);color:#fff;border-radius:50%;min-width:22px;height:22px;font:700 .78rem/22px Cairo;text-align:center;font-style:normal;display:none}
#side{position:fixed;top:0;bottom:0;left:0;width:min(390px,100%);z-index:75;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);box-shadow:0 0 60px rgba(0,0,0,.18);transform:translateX(-105%);transition:.45s cubic-bezier(.7,0,.2,1);display:flex;flex-direction:column;padding:20px;overflow:auto}
#side.on{transform:none}[dir=ltr] #side{left:auto;right:0;transform:translateX(105%)}[dir=ltr] #side.on{transform:none}
.sh{display:flex;justify-content:space-between;align-items:center;font-size:1.3rem}.x{background:none;border:1px solid var(--bd);border-radius:50%;width:38px;height:38px;font-size:1rem;cursor:pointer;color:var(--tx)}
.acc{padding:16px;margin:16px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.av{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--tl),var(--or));color:#fff;display:grid;place-items:center;font:900 1.4rem Cairo;flex:none}
.ai{flex:1;min-width:110px}.ai b{display:block}.ai small{color:var(--mu)}.ab{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.sl{display:grid;gap:4px}.sl a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;font-weight:600;transition:.25s}.sl a:hover{background:rgba(0,169,157,.09);transform:translateX(-4px)}
[dir=ltr] .sl a:hover{transform:translateX(4px)}.sl em{font-style:normal}
.sl-t{color:var(--mu);font-weight:700;margin:18px 4px 8px;font-size:.88rem}
.seg{display:flex;background:rgba(20,25,26,.06);border-radius:50px;padding:4px}.seg button{flex:1;border:0;background:none;padding:9px;border-radius:50px;font:700 .95rem Cairo,sans-serif;cursor:pointer;color:var(--tx);transition:.3s}.seg button.on{background:var(--or);color:#fff}
.sc{display:flex;gap:10px;margin-top:auto;padding-top:22px;flex-wrap:wrap}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;margin:6px 0 14px;color:var(--mu);cursor:pointer}
.modal .chk input{width:18px;height:18px;margin:4px 0 0;accent-color:var(--or);flex:none}.chk a{color:var(--tl);text-decoration:underline;font-weight:700}
.shake{animation:shk .45s}@keyframes shk{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
/* الفيديو */
.stage{border-radius:30px;overflow:hidden;background:#0b0907;box-shadow:0 40px 80px rgba(20,25,26,.28),0 0 0 1px rgba(255,255,255,.08) inset;line-height:0}
#seq{height:min(86vh,680px);width:auto;max-width:92vw;display:block;filter:none}
/* الصندوق: داخل العلبة أكل حقيقي وهي مائلة */
.scene{transform:scale(1.12)}.scene:after{width:380px}
.box{--p:0}
.f{backface-visibility:hidden}.f.bt{backface-visibility:visible;background:linear-gradient(#efe9db,#e1d8c4)}
.fr,.bk,.lo{width:320px;height:130px;background:linear-gradient(90deg,#f26f21 0 24%,#fff 24% 66%,#00a99d 66%)}
.inw{position:absolute;backface-visibility:hidden;background:linear-gradient(#f7f2e8,#e8e0cf);box-shadow:inset 0 0 30px rgba(0,0,0,.08)}
.iwb{width:316px;height:130px;left:2px;transform:translateZ(-98px)}
.iwl{width:196px;height:130px;left:62px;transform:rotateY(90deg) translateZ(-156px)}
.iwr{width:196px;height:130px;left:62px;transform:rotateY(-90deg) translateZ(-156px)}
.fd{position:absolute;left:calc(50% + var(--x));width:var(--w);margin-left:calc(var(--w)/-2);bottom:3px}
.fd img{width:100%;display:block;filter:drop-shadow(0 8px 6px rgba(0,0,0,.28))}
.lid{background:none!important;display:block!important;box-shadow:none!important;width:320px;height:200px;transform-style:preserve-3d}
.lo,.li{position:absolute;left:0;top:0;height:200px;width:320px;backface-visibility:hidden}
.lo{display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(0,0,0,.1)}.li{transform:rotateY(180deg);background:linear-gradient(#f7f2e8,#e8e0cf)}
/* قانوني */
.lhero{position:relative;padding:150px 0 90px;background:linear-gradient(135deg,#0e2e2b,#08100f 75%);color:#fff;overflow:hidden}
.lhero:before{content:'';position:absolute;inset:0;background:radial-gradient(520px 320px at 85% 15%,rgba(242,111,33,.38),transparent),radial-gradient(520px 380px at 8% 95%,rgba(0,169,157,.4),transparent)}
.lhero:after{content:'';position:absolute;inset-inline:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--tl),var(--or))}
.lh-in{position:relative}.lhero h1{margin:8px 0 10px}.lhero .sub{color:rgba(255,255,255,.75);max-width:620px;margin-bottom:14px}.upd{color:var(--or);font-weight:700}
#prog{position:fixed;top:0;left:0;right:0;height:4px;z-index:90;background:linear-gradient(90deg,var(--tl),var(--or));transform:scaleX(0);transform-origin:0 50%}[dir=rtl] #prog{transform-origin:100% 50%}
.legal-body{display:grid;grid-template-columns:270px 1fr;gap:40px;padding-top:50px;padding-bottom:40px;align-items:start}
.toc{position:sticky;top:96px;display:grid;gap:4px}
.toc button{text-align:start;background:none;border:0;border-inline-start:2px solid var(--bd);padding:9px 14px;color:var(--mu);font:600 .92rem Cairo,sans-serif;cursor:pointer;transition:.25s}
.toc button:hover{color:var(--tx)}.toc button.on{color:var(--tx);border-color:var(--or);background:rgba(242,111,33,.07);font-weight:800}
.sec-l{background:#fff;border:1px solid var(--bd);border-radius:22px;margin-bottom:16px;box-shadow:0 10px 40px rgba(20,25,26,.05);overflow:hidden;scroll-margin-top:92px;transition:box-shadow .3s,border-color .3s}
.sec-l:hover{box-shadow:0 18px 50px rgba(0,169,157,.13);border-color:rgba(0,169,157,.35)}
.sec-l summary{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;font-weight:800;font-size:1.1rem}
.sec-l summary::-webkit-details-marker{display:none}
.sec-l .nm{font:900 1.9rem Cairo,sans-serif;background:linear-gradient(135deg,var(--tl),var(--or));-webkit-background-clip:text;background-clip:text;color:transparent;min-width:46px}
.sec-l summary:after{content:'+';margin-inline-start:auto;font-size:1.6rem;color:var(--or);transition:.3s;line-height:1}.sec-l[open] summary:after{transform:rotate(45deg)}
.bd2{padding:0 24px 22px;color:#3b4443}.bd2 ul{padding-inline-start:22px}.bd2 li{margin:8px 0}.bd2 p{margin-bottom:12px}
.faq summary{font-size:1rem}
.lg-foot{padding-bottom:70px}.still{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}.still p{margin:4px 0 0}
.hs{width:100%;max-width:560px;padding:14px 20px;border-radius:50px;font:1rem Cairo,sans-serif;color:var(--tx);margin:6px 0 16px;display:block;outline:0}.hs:focus{border-color:var(--tl)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chips button{background:#fff;border:1px solid var(--bd);border-radius:50px;padding:8px 18px;font:700 .9rem Cairo,sans-serif;cursor:pointer;color:var(--tx);transition:.25s}.chips button.on{background:var(--tl);border-color:var(--tl);color:#fff}
#faqs{max-width:820px}
/* موبايل */
@media(max-width:800px){
  header{top:8px;left:8px;right:8px;padding:6px 8px 6px 12px}[dir=rtl] header{padding:6px 12px 6px 8px}header img{height:21px}
  .sec{padding:50px 16px}.wrap{padding:0 16px}.top{padding-top:96px}
  .hero{min-height:auto;padding:110px 0 40px}.hero-in{gap:22px}h1{font-size:2.3rem}
  .plate{max-width:420px;margin:0 auto}
  .tabs{top:62px;margin:0 -16px 16px;padding:10px 16px}.msec{scroll-margin-top:128px}
  .cta{padding:24px}.modal{padding:22px}
  .scene{transform:scale(.8);height:400px}.scene:after{width:300px}
  .boxsec .copy .sub{display:none}.bx{gap:0}
  #seq{height:min(76vh,600px)}
  .legal-body{grid-template-columns:1fr;gap:14px;padding-top:24px}
  .toc{position:sticky;top:62px;z-index:20;display:flex;overflow-x:auto;gap:6px;background:rgba(251,250,247,.94);padding:8px 0}
  .toc button{white-space:nowrap;border:1px solid var(--bd);border-radius:50px;padding:7px 14px}.toc button.on{border-color:var(--or)}
  .lhero{padding:120px 0 60px}.sec-l summary{padding:16px 18px;font-size:1rem}.bd2{padding:0 18px 18px}
  .fab{bottom:14px;inset-inline-end:14px;width:54px;height:54px}
}
/* ===== حماية الصندوق من تعارض الأسماء ===== */
.box>.f{position:absolute!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;top:0!important}
.box>.f.bk{background:linear-gradient(90deg,#f26f21 0 24%,#fff 24% 66%,#00a99d 66%)!important;z-index:auto!important}
.box>.f.bk::before{content:none!important}
.box>.sd,.box>.inw,.box>.hinge{top:0!important}
.box>.bt{top:-35px!important}
.box>.fd{bottom:3px!important}