:root{--green:#05c46b;--deep:#021d18;--deep2:#06332b;--gold:#ffd45c;--ink:#082743;--line:#dbe4e1;--soft:#f5f9f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Arabic",sans-serif;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}button,a{cursor:pointer}.site{overflow-x:hidden}.topbar{background:linear-gradient(180deg,#001913,#032a23);color:#fff;position:relative;z-index:20}.top-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:190px 1fr 125px 270px;gap:14px;align-items:center;padding:10px 18px}.brand img,.brand .fenk-header-logo-media{width:170px;height:auto;display:block;object-fit:contain}.mobile-brand .fenk-header-logo-media,.footer-brand .fenk-header-logo-media{height:auto;display:block;object-fit:contain}.search-wrap{height:46px;display:flex;background:#fff;border-radius:10px;overflow:hidden}.search-wrap input{flex:1;border:0;outline:0;padding:0 16px;color:#222}.search-wrap button{width:58px;border:0;background:var(--green);color:#fff;font-size:27px}.country{height:46px;background:transparent;color:#fff;border:1px solid #3b635a;border-radius:9px}.country span{color:var(--green)}.actions{display:flex;justify-content:space-between}.actions button{background:none;border:0;color:#fff;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.ico{font-size:25px;line-height:1}.actions small{font-size:11px}.actions em{position:absolute;top:-4px;right:7px;background:#ed243d;color:#fff;font-size:10px;width:17px;height:17px;border-radius:50%;font-style:normal;text-align:center;line-height:17px}.categorybar{max-width:1200px;margin:auto;display:flex;overflow:hidden;border-top:1px solid #16453d}.categorybar>a,.all-sections{min-width:108px;height:48px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;border:0;border-left:1px solid #16453d;background:transparent;font-size:18px;gap:1px}.categorybar>a span{font-size:10px}.all-sections{min-width:145px;background:var(--green);color:#022118;font-weight:800;font-size:14px;flex-direction:row;gap:10px}.trust-ticker{height:31px;background:#082d26;color:#d8f7e8;display:flex;justify-content:center;gap:42px;align-items:center;font-size:11px;overflow:hidden}.promo-strip{background:#071d19;color:#fff;border-top:1px solid #18443b;overflow:hidden}.promo-track{display:flex;justify-content:center;gap:45px;white-space:nowrap;padding:8px 0;font-size:13px;animation:marquee 24s linear infinite}.promo-track b{color:var(--gold)}@keyframes marquee{from{transform:translateX(20%)}to{transform:translateX(-20%)}}.hero{max-width:1200px;margin:auto;background:#022a23;display:grid;grid-template-columns:1.05fr 1fr;min-height:350px}.hero-art{display:flex;align-items:stretch}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.hero-copy{padding:20px 26px;display:flex;flex-direction:column;justify-content:center}.crumb{font-size:12px;color:#d4e8e3;margin-bottom:15px}.hero h1{font-size:50px;margin:0 0 5px;color:#fff}.hero h1 span{color:#38ed84}.hero h2{color:#fff;font-size:25px;margin:0 0 20px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.trust>div{padding:9px 4px;text-align:center;color:#fff;border-radius:8px}.trust strong{display:block;font-size:26px}.trust b{display:block;font-size:12px}.trust small{display:block;color:#c0d8d2;font-size:9px}.hero-note{margin-top:12px;background:linear-gradient(90deg,#ffe47a,#ffd34d);color:#172018;border-radius:8px;padding:10px;text-align:center;font-size:14px}.hero-note span{float:left;background:#ff702e;color:#fff;border-radius:50%;padding:2px 7px}.section-title{text-align:center;padding:20px 12px 12px}.section-title h2{font-size:34px;margin:0 0 6px}.section-title p{margin:0;color:#778087}.order-section{max-width:1150px;margin:auto;padding-bottom:25px}.order-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 20px 12px}.order-steps span{position:relative;text-align:center;color:#6c7479;font-weight:700}.order-steps span:before{content:attr(data-step);display:block}.order-steps span{font-size:14px}.order-steps span:first-letter{}.order-steps strong{display:block;margin-top:5px}.order-steps span::after{content:"";position:absolute;top:13px;right:55%;width:90%;height:4px;background:#dbe0df;z-index:0}.order-steps span:last-child::after{display:none}.order-steps span{padding-top:0}.order-steps span::before{content:"";display:block;margin:auto;width:30px;height:30px;border-radius:50%;background:#aeb9be;position:relative;z-index:2}.order-steps span:first-child::before{content:"1";color:#fff;line-height:30px;background:var(--green)}.order-steps span:nth-child(2)::before{content:"2";color:#fff;line-height:30px}.order-steps span:nth-child(3)::before{content:"3";color:#fff;line-height:30px}.order-steps span:nth-child(4)::before{content:"4";color:#fff;line-height:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr .75fr;gap:10px;padding:0 15px}.form-box{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff}.form-box label{display:block;font-weight:800;margin:0 0 7px}.form-box input,.form-box textarea{width:100%;border:1px solid #d8e0df;border-radius:9px;padding:11px;outline:none;margin-bottom:12px}.form-box textarea{height:96px;resize:none}.upload{border:2px dashed #c6d0ce;padding:17px;text-align:center;border-radius:9px;color:#5d686b}.upload input{display:none}.upload span{display:block;font-size:28px}.upload b,.upload small{display:block}.sites-select{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sites-select button{border:1px solid #d9e0df;background:#fff;border-radius:7px;padding:8px}.sites-select button.active{border-color:var(--green);background:#ecfff5;color:#087d4b;font-weight:700}.counter{display:flex;justify-content:center;align-items:center;margin:18px 0 50px}.counter button{width:44px;height:38px;border:1px solid #d7dfdd;background:#fff}.counter b{width:55px;text-align:center}.send{width:100%;border:0;background:linear-gradient(90deg,#06b969,#0ad978);color:#fff;padding:13px;border-radius:8px;font-weight:800}.video-zone{background:#f4f9f7;padding:15px 0 25px}.video-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 16px}.video-card{background:#03241f;border-radius:12px;overflow:hidden;color:#fff;box-shadow:0 8px 25px #082d261c}.video-card video{width:100%;height:170px;object-fit:cover;display:block}.video-card div{padding:10px}.video-card b,.video-card span{display:block}.video-card span{font-size:11px;color:#b8d6ce;margin-top:3px}.tutorial{max-width:1100px;margin:auto;padding:20px 15px}.tutorial-title{background:#032a23;color:#fff;border-radius:10px 10px 0 0;text-align:center;padding:10px;font-size:18px}.tutorial-title b{color:var(--gold)}.tutorial img{display:block;width:100%;height:auto;border-radius:0 0 10px 10px}.sites-band{padding:10px 15px 25px;max-width:1100px;margin:auto}.sites-band h2,.why h2,.stages h2{text-align:center;margin:12px 0;font-size:27px}.sites-band>div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sites-band a,.sites-band span{border:1px solid #dce3e1;border-radius:8px;padding:12px;text-align:center;text-decoration:none;color:#12365a;background:#fff;font-weight:700}.why{background:#f6f9f8;padding:15px}.why-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.why article{text-align:center;background:#fff;border:1px solid #dce4e1;border-radius:10px;padding:15px}.why article>b{font-size:32px}.why h3{margin:7px 0}.why p{margin:0;color:#899095;font-size:12px}.stages{padding:18px 15px}.stages>p{text-align:center;color:#8c9499;margin-top:-8px}.stage-row{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:6px}.stage-row>div{text-align:center;flex:1}.stage-row b{display:flex;width:50px;height:50px;margin:auto;border-radius:50%;background:var(--green);color:#fff;align-items:center;justify-content:center;font-size:23px}.stage-row span{display:block;font-size:11px;margin-top:5px}.stage-row i{color:#12a968;font-style:normal}.payment{max-width:1100px;margin:0 auto 20px;border:1px solid #b7ded0;border-radius:10px;padding:14px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}.payment-main{display:flex;align-items:center;gap:18px}.mobi{width:110px;height:72px;border-radius:13px;background:#203e91;color:#ffd52e;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px}.payment h2{margin:0}.payment p{margin:5px 0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checks span{font-size:13px}.footer{background:#021d18;color:#fff;padding:30px max(18px,calc((100% - 1150px)/2));display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr 1.2fr;gap:20px}.footer img,.footer .fenk-header-logo-media{width:150px;height:auto;object-fit:contain;display:block}.footer h3{margin:0 0 10px}.footer a{display:block;color:#c7d8d4;text-decoration:none;font-size:12px;margin:6px 0}.footer p{font-size:12px;color:#c7d8d4}.social{color:#fff}.newsletter input{width:70%;padding:10px;border:1px solid #45655d;background:#062b24;color:#fff}.newsletter button{padding:10px 13px;background:var(--green);border:0}.copyright{grid-column:1/-1;border-top:1px solid #17433a;padding-top:10px;font-size:11px;color:#c7d8d4;display:flex;justify-content:space-between}.mobile-nav{display:none}.modal,.market-modal{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;z-index:100}.modal.show,.market-modal.show{display:flex}.modal-box,.market-box{background:#fff;width:min(460px,calc(100% - 30px));border-radius:22px;padding:30px;position:relative;box-shadow:0 25px 80px #0004}.close{position:absolute;top:12px;left:15px;border:0;background:none;font-size:32px}.login-head{text-align:center}.google-mark{width:58px;height:58px;border-radius:50%;background:#fff1ec;color:#ea4335;display:grid;place-items:center;font-size:32px;font-weight:900;margin:auto}.login-head h2{font-size:32px;margin:10px 0}.login-head p{color:#747d81}.google-btn{width:100%;height:52px;border:1px solid #d5dadd;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px}.google-g{font-weight:900;font-size:21px;color:#4285f4}.or{display:flex;align-items:center;gap:10px;color:#999;margin:18px 0}.or:before,.or:after{content:"";height:1px;background:#ddd;flex:1}.modal-box input{width:100%;padding:13px;border:1px solid #d8dfdd;border-radius:8px;margin-bottom:10px}.link{border:0;background:none;color:#168c61;margin:10px auto;display:block}.market-box h2{text-align:center}.market-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.market-cards a{padding:15px;border:1px solid #dce4e1;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:800}.market-cards span{display:block;font-size:11px;color:#7c8589;margin-top:5px}.admin-panel{display:none;position:fixed;inset:0;background:#f4f7f6;z-index:120}.admin-panel.show{display:flex}.admin-side{width:230px;background:#03241f;color:#fff;padding:20px}.admin-side button{width:100%;margin:4px 0;padding:10px;background:transparent;color:#fff;border:1px solid #16473e;border-radius:7px}.admin-side .active{background:var(--green);color:#03241f}.admin-brand{margin-bottom:20px}.admin-brand small{display:block}.admin-main{flex:1;padding:20px;overflow:auto}.admin-top{display:flex;justify-content:space-between}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-grid div,.admin-card{background:#fff;border-radius:10px;padding:15px}.stat-grid b{font-size:28px;display:block}.stat-grid small{color:#7d8788}.hidden{display:none!important}.toolbar{display:flex;gap:10px}.toolbar input,.toolbar select{padding:10px;border:1px solid #ddd;border-radius:7px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:8px;border-bottom:1px solid #eee;text-align:right}.mini-order{display:grid;grid-template-columns:90px 90px 1fr 130px;gap:8px;padding:8px;border-bottom:1px solid #eee}.empty{padding:20px;color:#888}@media(max-width:800px){body{padding-bottom:72px}.top-inner{grid-template-columns:86px 1fr 55px;padding:8px 10px;gap:7px}.brand{grid-column:1}.brand img{width:82px}.search-wrap{grid-column:2;height:40px}.search-wrap input{font-size:11px;padding:0 8px}.search-wrap button{width:40px;font-size:22px}.country{grid-column:3;height:40px;font-size:10px}.actions{grid-row:2;grid-column:1/4;justify-content:space-around}.actions .ico{font-size:20px}.actions small{font-size:8px}.categorybar{overflow-x:auto}.categorybar>a,.all-sections{min-width:82px;height:48px;font-size:15px}.categorybar>a span{font-size:8px}.all-sections{min-width:88px}.trust-ticker{gap:20px;justify-content:flex-start;white-space:nowrap;font-size:9px}.hero{display:flex;flex-direction:column}.hero-art{height:250px}.hero-art img{object-fit:cover}.hero-copy{padding:18px 16px}.crumb{font-size:10px}.hero h1{font-size:37px;text-align:center}.hero h2{font-size:18px;text-align:center}.trust{gap:2px}.trust strong{font-size:22px}.trust b{font-size:9px}.trust small{font-size:7px}.hero-note{font-size:12px}.promo-track{justify-content:flex-start;font-size:10px;gap:25px}.section-title h2{font-size:30px}.order-section{padding-bottom:15px}.order-steps{margin:0 10px 10px;gap:3px}.order-steps span{font-size:9px}.order-steps span::after{top:13px}.order-steps span::before{width:28px;height:28px;line-height:28px!important}.form-grid{grid-template-columns:1fr;padding:0 10px}.review-box{order:3}.counter{margin-bottom:20px}.video-grid{grid-template-columns:1fr}.video-card video{height:190px}.sites-band>div{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr 1fr}.why article{padding:12px 6px}.why article>b{font-size:28px}.why h3{font-size:15px}.why p{font-size:10px}.stage-row{overflow-x:auto;justify-content:flex-start;padding:5px 0 10px}.stage-row>div{min-width:105px}.stage-row i{min-width:16px}.payment{grid-template-columns:1fr;padding:12px;margin:10px}.payment-main{justify-content:center}.checks{grid-template-columns:1fr 1fr}.checks span{font-size:10px}.footer{grid-template-columns:1fr 1fr;padding:25px 15px}.footer-brand,.newsletter,.copyright{grid-column:1/-1}.mobile-nav{position:fixed;display:flex;bottom:0;right:0;left:0;height:72px;background:#fff;border-top:1px solid #d8e0df;z-index:80;justify-content:space-around}.mobile-nav button{flex:1;border:0;background:#fff;color:#14384f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mobile-nav small{font-size:9px}.mobile-nav .plus{width:70px;max-width:70px;flex:0 0 70px;background:#0789ef;color:#fff;border-radius:50%;height:70px;margin-top:-25px;box-shadow:0 5px 18px #0003;font-size:34px}.mobile-nav .plus small{font-size:9px}.modal-box{padding:25px 18px}.market-cards{grid-template-columns:1fr 1fr}.admin-panel.show{flex-direction:column}.admin-side{width:100%;padding:8px;display:flex;overflow:auto;gap:5px}.admin-side button{min-width:100px}.admin-brand{display:none}.admin-main{padding:10px}.stat-grid{grid-template-columns:repeat(2,1fr)}.mini-order{grid-template-columns:1fr 1fr}.copyright{flex-direction:column;gap:5px}}

.google-only{max-width:430px;text-align:center}.google-only .google-btn{margin-top:18px;height:58px;transition:.2s}.google-only .google-btn:hover{border-color:#b7c0c4;box-shadow:0 5px 18px #00000012}.google-only .google-btn:disabled{opacity:.65;cursor:wait}.login-note{font-size:12px;color:#7a8589;margin:14px 0 2px}.google-only #authMsg{min-height:20px;margin:8px 0}.google-only .link{margin-top:8px}

/* V6 reliability + real icon system */
.lucide{width:1.15em;height:1.15em;stroke:currentColor;stroke-width:2;vertical-align:-.18em;flex:0 0 auto}
.actions .ico-icon{width:24px;height:24px;margin-bottom:1px}
.categorybar>a>svg,.all-sections>svg{width:21px;height:21px}
.trust-ticker>div{display:flex;align-items:center;gap:5px}.trust-ticker svg{width:14px;height:14px}
.trust strong svg{width:30px;height:30px}.hero-note{display:flex;align-items:center;justify-content:center;gap:6px}.hero-note svg{width:20px;height:20px}
.promo-track b{display:inline-flex;align-items:center;gap:5px}.promo-track svg{width:16px;height:16px}
.form-box>label>svg{width:17px;height:17px}.upload{cursor:pointer;min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.2s;background:#fff}.upload:hover,.upload:focus-within{border-color:var(--green);background:#f7fffb}.upload-icon{display:grid!important;place-items:center;width:46px;height:46px;border-radius:12px;background:#edfff6;color:#07975c!important}.upload-icon svg{width:26px;height:26px}.upload-name{font-size:11px;color:#087d4b;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview{display:none;width:100%;max-width:180px;max-height:110px;object-fit:cover;border-radius:8px;border:1px solid #d7e2df;margin-top:4px}.image-preview.show{display:block}
.stage-row>div>b svg{width:25px;height:25px}.stage-row>i{color:#12a968;font-style:normal;width:18px;text-align:center}.payment .mobi{gap:7px}.payment .mobi svg{width:24px;height:24px}.payment .mobi span{font-size:19px}.admin-brand img{width:135px;height:auto;display:block;margin-bottom:6px}.admin-side button{display:flex;align-items:center;justify-content:flex-start;gap:7px}.admin-side button svg{width:17px;height:17px}.mobile-nav button>svg{width:23px;height:23px}.mobile-nav .plus svg{width:34px;height:34px}.newsletter>div{display:flex}.newsletter input{box-sizing:border-box}.google-btn .google-g{font-family:Arial,sans-serif}

@media(max-width:800px){
  body{padding-bottom:92px}
  .top-inner{grid-template-columns:84px minmax(0,1fr) 56px}
  .actions{padding-top:2px}
  .categorybar{scrollbar-width:none}
  .categorybar::-webkit-scrollbar{display:none}
  .trust-ticker{height:30px}
  .hero-art{height:auto;min-height:235px}.hero-art img{height:auto;min-height:235px;object-fit:cover}
  .hero-copy{padding:16px 12px 18px}.hero h1{font-size:34px}.hero h2{font-size:18px;line-height:1.45}
  .trust strong svg{width:25px;height:25px}.trust b{font-size:9px}.trust small{font-size:7px}
  .section-title{padding:20px 10px 12px}.section-title h2{font-size:29px}
  .order-section{padding-bottom:22px}.order-steps{grid-template-columns:repeat(4,1fr);margin:0 8px 14px}.order-steps span strong{font-size:10px;line-height:1.25}.order-steps span::after{width:80%;right:60%}
  .form-grid{gap:12px;padding:0 10px}.form-box{padding:14px}.form-box textarea{height:115px}.upload{min-height:175px}
  .review-box{order:3}.counter{margin:14px 0 18px}.send{min-height:48px;font-size:16px}
  .video-grid{gap:12px}.video-card video{height:200px}
  .stage-row{overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 14px}.stage-row>div{min-width:100px;scroll-snap-align:center}.stage-row>i{min-width:15px}
  .payment{margin:10px;padding:14px}.checks{gap:10px}.checks span{line-height:1.5}
  .mobile-nav{height:78px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 18px rgba(0,0,0,.08)}
  .mobile-nav .plus{height:68px;margin-top:-30px}
  .footer{padding-bottom:28px}
}
.telegram-link-box{margin-top:14px;display:grid;gap:8px}.telegram-connect{width:100%;border:1px solid #229ed9;background:#f3fbff;color:#1678a7;border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer}.telegram-connect svg,.tg-linked svg{width:19px;height:19px}.telegram-hint{font-size:12px;color:#66747d;text-align:center;line-height:1.5}.tg-linked{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:14px;background:#effaf4;color:#15945d;font-weight:800}
.search-wrap button svg{width:21px;height:21px;vertical-align:middle}
.country{display:flex;align-items:center;justify-content:center;gap:5px}
.country svg{width:15px;height:15px}
.social{display:flex;align-items:center;margin-top:10px}
.social a{display:inline-flex!important;align-items:center;gap:7px;border:1px solid #31564e;border-radius:9px;padding:8px 12px;color:#dff6ee!important;text-decoration:none!important}
.social a svg{width:18px;height:18px}
@media(max-width:800px){.social a{padding:7px 10px}}


.telegram-contact{padding:28px 16px;background:#f4f8f7}.telegram-contact-inner{max-width:1100px;margin:auto;background:#fff;border:1px solid #dce9e5;border-radius:22px;padding:24px;display:flex;align-items:center;gap:18px;box-shadow:0 8px 28px rgba(0,0,0,.06)}.telegram-contact-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e8f6f2;color:#1287b9;flex:0 0 auto}.telegram-contact-icon svg{width:28px;height:28px}.telegram-contact-inner h2{margin:0 0 6px;color:#07384a;font-size:24px}.telegram-contact-inner p{margin:0;color:#68757b}.telegram-contact-btn{margin-inline-start:auto;background:#148ac0;color:#fff;text-decoration:none;border-radius:14px;padding:13px 18px;font-weight:700;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.telegram-contact-btn svg{width:18px;height:18px}@media(max-width:700px){.telegram-contact-inner{flex-direction:column;text-align:center}.telegram-contact-btn{margin-inline-start:0;width:100%;justify-content:center}.telegram-contact-inner h2{font-size:21px}}
.telegram-login-box{display:flex;justify-content:center;min-height:48px;margin:14px 0 10px}.telegram-widget-placeholder{font-size:13px;color:#7b8b90}.telegram-login-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#e8f6f2;color:#1287b9;font-size:26px}.secondary-login{margin-top:8px;opacity:.9}

/* V11 customer profile + messages */
.profile-box{max-width:430px}
.profile-box form{display:grid;gap:10px;margin-top:12px}
.profile-box form label{display:block;text-align:right;font-weight:800;color:var(--ink);font-size:14px}
.profile-box form input{margin:6px 0 0}
#profileMsg{min-height:20px;margin:4px 0 0;text-align:center;font-size:12px}
#profileMsg.success{color:#0a9b5c}
#profileMsg.error{color:#d23b48}
#authMsg.success{color:#0a9b5c}
#authMsg.error{color:#d23b48}
#messagesBtn svg,#mobileMessages svg{color:#19a66c}

/* V13 order/contact additions */
.customer-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.customer-order-fields label{font-size:13px}.customer-order-fields .full-field{grid-column:1/-1}.customer-order-fields input,.customer-order-fields textarea{margin-top:5px}.form-box textarea{width:100%;padding:13px;border:1px solid #d8dfdd;border-radius:8px;resize:vertical}.notifications-box{max-width:520px}.notifications-list{max-height:55vh;overflow:auto;margin-top:15px}.notification-item{padding:12px;border:1px solid #e2e8e6;border-radius:12px;margin:8px 0;text-align:right}.notification-item.unread{border-color:#9bd8bc;background:#f2fbf6}.notification-item b{color:var(--ink)}.notification-item p{margin:5px 0;color:#56646a;font-size:13px}.notification-item small{color:#899296}.order-detail-box{max-width:720px;max-height:90vh;overflow:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.detail-grid>div{padding:10px;background:#f6f9f8;border-radius:9px}.detail-grid b,.detail-grid span{display:block}.detail-grid b{font-size:11px;color:#758087;margin-bottom:3px}.detail-grid span{font-size:13px}.detail-grid .full-field{grid-column:1/-1}.admin-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-edit-grid .full-field{grid-column:1/-1}.admin-edit-grid label{font-size:12px;font-weight:800;color:var(--ink)}.admin-edit-grid input,.admin-edit-grid select,.admin-edit-grid textarea{width:100%;margin-top:5px;padding:10px;border:1px solid #d8dfdd;border-radius:8px}.detail-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.whatsapp-order-btn{background:#20b85a;color:#fff;text-decoration:none;border-radius:9px;padding:12px 15px;font-weight:800}.detail-btn{border:1px solid #cfdad6;background:#fff;color:#075c43;border-radius:7px;padding:7px 10px;cursor:pointer}.mini-order{grid-template-columns:80px 1fr 120px 120px 85px;align-items:center}
@media(max-width:800px){.customer-order-fields,.detail-grid,.admin-edit-grid{grid-template-columns:1fr}.customer-order-fields .full-field,.detail-grid .full-field,.admin-edit-grid .full-field{grid-column:1}.detail-actions{flex-direction:column}.detail-actions>*{width:100%;text-align:center}.mini-order{grid-template-columns:1fr 1fr}.notifications-box{width:calc(100% - 20px)}}

/* V14 messages, notifications and order tracking */
.notification-head-btn{position:relative!important}
.notification-head-btn em{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-style:normal;display:none;align-items:center;justify-content:center;line-height:19px}
.messages-box,.notifications-box{max-height:min(88vh,760px);overflow:hidden}
.chat-list{height:min(48vh,430px);overflow-y:auto;padding:10px 4px;display:flex;flex-direction:column;gap:10px;background:#f7faf9;border-radius:18px;margin:8px 0 12px}
.chat-bubble{max-width:88%;padding:12px 14px;border-radius:16px;border:1px solid #e1e8e6;background:#fff;align-self:flex-start;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.chat-bubble.mine{align-self:flex-end;background:#eafaf2;border-color:#bfe8d1}
.chat-bubble p{margin:0 0 6px;white-space:pre-wrap;word-break:break-word;line-height:1.65}
.chat-bubble small{color:#8a9694;font-size:11px}
.chat-form textarea,.admin-reply-form textarea{width:100%;resize:vertical;border:1px solid #d9e2df;border-radius:14px;padding:12px;font:inherit;box-sizing:border-box;background:#fff}
.chat-form .send,.admin-reply-form .send{margin-top:8px}
.notification-title{display:flex;align-items:center;gap:7px;color:#0b3448}
.notification-title svg{width:19px;height:19px}
.order-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.order-card-head strong{font-size:13px}
.order-timeline{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:5px;margin-top:14px;overflow-x:auto;padding:4px 0 8px}
.timeline-step{min-width:70px;text-align:center;position:relative;color:#a1aaa8}
.timeline-step:not(:last-child)::after{content:'';position:absolute;top:13px;left:58%;width:84%;height:2px;background:#e2e8e6;z-index:0}
.timeline-step.done,.timeline-step.current{color:#0b8f61}
.timeline-step.done:not(:last-child)::after{background:#0fbd79}
.timeline-step span{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#edf1ef;border:2px solid #dce4e1;font-size:12px;position:relative;z-index:1}
.timeline-step.done span,.timeline-step.current span{background:#e8fbf2;border-color:#10b981}
.timeline-step small{display:block;font-size:10px;line-height:1.35;margin-top:5px}
.order-timeline.cancelled{display:block;color:#dc2626;font-weight:700;margin-top:12px}
.timeline-current{padding:10px;border-radius:12px;background:#fff1f1;text-align:center}
.admin-chat-card{border:1px solid #dfe8e5;border-radius:18px;padding:14px;margin:10px 0;background:#fff}
.admin-chat-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #edf1ef}
.admin-chat-head div{display:flex;flex-direction:column;gap:3px}.admin-chat-head small,.admin-chat-head span{color:#899593;font-size:11px}
.admin-chat-thread{max-height:300px;overflow:auto;padding:10px 0;display:flex;flex-direction:column;gap:7px}
.admin-chat-thread .chat-bubble{font-size:13px}
.admin-reply-form{border-top:1px solid #edf1ef;padding-top:10px}
@media(max-width:700px){
  .notification-head-btn small{display:block}
  .order-timeline{grid-template-columns:repeat(7,78px)}
  .messages-box,.notifications-box{width:calc(100% - 28px);max-height:86vh;padding:18px 14px}
  .chat-list{height:42vh}
}

/* V15 mobile account / settings / order UX */
.account-box,.settings-box,.addresses-box,.ai-box{max-width:620px}.account-hero{display:flex;align-items:center;gap:14px;padding:8px 4px 20px;border-bottom:1px solid #e7eeee}.account-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e9faf3;font-size:30px}.account-hero div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.account-hero h2{margin:0 0 3px}.account-hero small{color:#778684}.account-hero>button{border:0;background:transparent;color:#00a86b;font-weight:800}.account-box h4{margin:20px 0 8px;color:#78908b}.account-list{display:grid;gap:8px}.account-list button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #e3ebea;background:#fff;border-radius:15px;padding:14px 15px;text-align:right;color:#12364a}.account-list button span{font-size:22px;width:30px}.account-list button b{flex:1;font-size:15px}.account-list button i{font-style:normal;font-size:25px;color:#9aa8a5}.account-list button em{font-style:normal;background:#00bd73;color:#fff;border-radius:20px;padding:2px 7px;font-size:11px}.logout-btn{width:100%;margin-top:22px;border:1px solid #ffd3d3;background:#fff5f5;color:#c93434;border-radius:15px;padding:14px;font-weight:800;font-size:15px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid #e7eeee}.settings-row>div:first-child{display:flex;flex-direction:column;gap:5px}.settings-row small{color:#7c8d8a}.theme-options{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.theme-options label{border:1px solid #dce7e4;border-radius:10px;padding:8px 9px;font-size:13px}.settings-note{margin-top:16px;padding:12px;border-radius:12px;background:#f4f8f7;color:#6e7e7a;font-size:13px}.addresses-list{display:grid;gap:10px;max-height:55vh;overflow:auto;margin:15px 0}.saved-address{border:1px solid #dce7e4;border-radius:15px;padding:14px;background:#fff}.saved-address.primary{border-color:#00b976;box-shadow:0 0 0 1px #00b97622}.saved-address>div:first-child{display:flex;align-items:center;gap:7px}.address-badge{font-size:11px;background:#e7faf2;color:#008a5a;border-radius:20px;padding:3px 7px}.saved-address p{line-height:1.8;color:#667773}.address-actions{display:flex;gap:7px;flex-wrap:wrap}.address-actions button{border:1px solid #d7e3e0;background:#fff;border-radius:9px;padding:7px 9px;color:#12364a}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.order-contact-actions{display:grid;gap:9px;margin-top:14px}.price-card{display:grid;gap:8px;margin:14px 0;padding:14px;border:1px solid #bde8d7;border-radius:15px;background:#f7fffb}.price-card>div{display:flex;justify-content:space-between}.price-card .price-total{padding-top:10px;border-top:1px solid #cde9df;font-size:18px}.pending-price{padding:14px;border-radius:14px;background:#fff9e8;color:#705b14;margin:14px 0}.proof-link{display:inline-block;margin-top:12px;color:#008b5d;font-weight:800}.upload-proof{display:block;border:2px dashed #cbded9;border-radius:15px;padding:24px;text-align:center;margin:15px 0;color:#34504a}.upload-proof input{display:block;margin:12px auto 0}.review-box{margin-top:18px;padding:15px;border:1px solid #e4ecea;border-radius:15px}.stars{display:flex;gap:4px;margin:8px 0 12px}.stars button{border:0;background:transparent;font-size:30px;color:#c6d0ce;padding:0}.stars button.selected{color:#f0ad00}.ai-chat{height:300px;overflow:auto;padding:10px;background:#f5f9f8;border-radius:15px;display:flex;flex-direction:column;gap:8px}.ai-bubble{max-width:85%;align-self:flex-start;background:#fff;border:1px solid #dfeae7;border-radius:15px 15px 15px 5px;padding:10px 12px;line-height:1.6}.ai-bubble.mine{align-self:flex-end;background:#e7faf2;border-color:#bfe9d6;border-radius:15px 15px 5px 15px}.notification-head-btn{position:relative}.notification-head-btn em,.mobile-nav #mobileNotificationBadge{position:absolute;font-style:normal;background:#e23b3b;color:#fff;min-width:18px;height:18px;padding:0 4px;border-radius:12px;display:none;align-items:center;justify-content:center;font-size:10px;top:1px;right:7px}.mobile-nav #mobileNotification{position:relative}.mobile-nav #mobileNotificationBadge{top:5px;right:23px}.fenk-dark{background:#081c19;color:#edf7f4}.fenk-dark .modal-box,.fenk-dark .account-list button,.fenk-dark .saved-address,.fenk-dark .upload-proof{background:#102a26;color:#edf7f4;border-color:#28453f}.fenk-dark .account-list button,.fenk-dark .saved-address{color:#edf7f4}.fenk-dark .settings-note,.fenk-dark .ai-chat{background:#0b221f;color:#dcebe8}.fenk-dark .ai-bubble{background:#102a26;border-color:#28453f;color:#edf7f4}.fenk-dark input,.fenk-dark textarea,.fenk-dark select{background:#102a26;color:#fff;border-color:#35534c}.fenk-dark .modal-box p,.fenk-dark .account-hero small,.fenk-dark .settings-row small{color:#a9c0bb}
@media(max-width:600px){.account-box,.settings-box,.addresses-box,.ai-box{width:calc(100vw - 24px);max-height:88vh;overflow:auto}.two-fields{grid-template-columns:1fr}.account-list button{padding:13px 12px}.mobile-nav{gap:0}.mobile-nav button{min-width:0}.mobile-nav #mobileNotification small{font-size:9px}.price-card{font-size:13px}.order-timeline{overflow-x:auto;padding-bottom:5px}.timeline-step{min-width:80px}.ai-chat{height:260px}}

/* V16 visual polish + mobile navigation / notification UX */
:root{--green:#08c977;--green2:#00b86b;--deep:#031c18;--ink:#092c45;--card-shadow:0 8px 28px rgba(7,45,39,.08)}
body{padding-bottom:0;background:#fff}
.hero{border-radius:0 0 24px 24px;overflow:hidden;box-shadow:0 14px 35px rgba(0,35,28,.12)}
.hero-copy{position:relative}.hero-copy:after{content:"";position:absolute;inset:auto 20px 12px auto;width:90px;height:90px;border-radius:50%;background:rgba(8,201,119,.10);filter:blur(2px);pointer-events:none}
.order-section,.video-zone,.tutorial,.sites-band,.why,.stages,.payment{scroll-margin-top:15px}
.section-title h2{letter-spacing:-.5px}.section-title p{line-height:1.8}
.form-box,.why article,.video-card,.saved-address,.account-list button{box-shadow:var(--card-shadow)}
.form-box{border-radius:18px}.sites-select button{min-height:44px}.send{min-height:48px;border-radius:13px;box-shadow:0 7px 18px rgba(5,196,107,.18)}
.notification-item{border:1px solid #e2ebe8!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 18px rgba(7,45,39,.05);transition:.18s ease}
.notification-clickable{cursor:pointer}.notification-clickable:active{transform:scale(.985)}.notification-clickable.unread{border-right:4px solid var(--green)!important;background:#f7fffb!important}.notification-clickable small{display:block;margin-top:8px;color:#8a9895}.error-empty{color:#b33a3a}
.order-card{padding:15px!important}.order-card-head strong{color:#07915e;background:#ecfff6;border-radius:20px;padding:5px 9px}
.modal{backdrop-filter:blur(5px)}.modal-box{border-radius:24px!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important}.close{width:40px;height:40px;border-radius:50%;background:#f2f6f5!important;display:grid;place-items:center}
.customer-order-summary{padding-bottom:8px}.customer-order-summary h3{font-size:21px;line-height:1.5}.price-card{box-shadow:0 8px 24px rgba(0,145,91,.08)}
.mobile-nav{display:none}
@media(max-width:800px){
  body{padding-bottom:96px}
  .topbar{position:sticky;top:0}
  .hero{border-radius:0 0 20px 20px;min-height:0}.hero-art{height:235px}.hero-copy{padding:22px 15px 20px}.hero h1{font-size:36px}.hero h2{font-size:18px;line-height:1.55}.hero-note{border-radius:12px;padding:11px 9px}
  .trust{grid-template-columns:repeat(2,1fr);gap:5px}.trust>div{padding:8px 3px;background:rgba(255,255,255,.035)}
  .promo-track{padding:10px 0}.order-section{padding:5px 0 20px}.section-title{padding:26px 14px 14px}.section-title h2{font-size:29px}.form-grid{gap:12px;padding:0 10px}.form-box{padding:15px;border-radius:18px}.form-box input,.form-box textarea{min-height:48px;border-radius:13px}.form-box textarea{min-height:105px}.upload{border-radius:15px;padding:22px 14px}.sites-select{gap:8px}.sites-select button{min-height:46px;border-radius:12px}
  .video-zone{padding:15px 0 28px}.video-grid{padding:0 12px}.video-card{border-radius:17px}.video-card video{height:205px}.tutorial{padding:18px 10px}.tutorial-title{border-radius:14px 14px 0 0;line-height:1.6}.tutorial img{border-radius:0 0 14px 14px}
  .sites-band{padding:12px 12px 28px}.sites-band>div{gap:9px}.sites-band a,.sites-band span{border-radius:13px;padding:13px 8px}.why{padding:20px 12px}.why-grid{gap:9px}.why article{border-radius:17px;min-height:145px;display:flex;flex-direction:column;justify-content:center}.stages{padding:22px 12px}.stage-row{padding:8px 2px 15px}.stage-row>div{min-width:125px}.stage-row b{width:54px;height:54px}.payment{border-radius:18px}
  .mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(6,1fr);bottom:0;right:0;left:0;height:76px;padding:0 5px env(safe-area-inset-bottom);background:rgba(255,255,255,.98);border-top:1px solid #dce6e3;z-index:120;box-shadow:0 -8px 28px rgba(0,0,0,.10);gap:1px}
  .mobile-nav button{position:relative;min-width:0;flex:unset;border:0;background:transparent;color:#17384b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 0}
  .mobile-nav button>svg{width:23px;height:23px}.mobile-nav small{font-size:9px;white-space:nowrap}.mobile-nav .plus{width:68px;max-width:68px;height:68px;justify-self:center;align-self:start;margin-top:-30px;flex:unset;background:#0789ef;color:#fff;border-radius:50%;box-shadow:0 8px 22px rgba(0,100,180,.28);font-size:34px;border:4px solid #fff}.mobile-nav .plus small{font-size:9px}.mobile-nav .plus svg{width:34px;height:34px}
  .mobile-nav #mobileNotificationBadge{position:absolute;top:4px;right:calc(50% - 21px);font-style:normal;background:#e23b3b;color:#fff;min-width:18px;height:18px;padding:0 4px;border-radius:12px;display:none;align-items:center;justify-content:center;font-size:10px;line-height:18px}
  .modal-box{width:calc(100vw - 24px)!important;max-height:88vh!important;padding:22px 15px!important;border-radius:24px!important}.notifications-box{width:calc(100vw - 20px)!important}.notifications-list{max-height:67vh!important;overflow-y:auto;padding:2px 3px 10px}
  .messages-box .chat-list{height:38vh}.account-box{max-height:88vh}.account-list button{min-height:54px}.order-timeline{margin-inline:-3px;padding-inline:2px}
}
@media(max-width:390px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav small{font-size:8px}.mobile-nav .plus{width:62px;height:62px}.hero-art{height:210px}.hero h1{font-size:32px}.hero h2{font-size:17px}}

/* V17 responsive corrections */
html{scroll-padding-bottom:110px;overflow-x:hidden}body{overflow-x:hidden;padding-bottom:0!important}.main-content,main{min-width:0}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(78px + env(safe-area-inset-bottom))}.mobile-nav .plus{z-index:2}.wizard-actions{display:flex;justify-content:space-between;gap:10px;padding:0 10px 12px}.wizard-actions button{border:1px solid #d7e5e1;background:#fff;color:#12364a;border-radius:12px;padding:10px 18px;font-weight:800}.wizard-actions .wizard-next{background:#08c977;color:#fff;border-color:#08c977}.wizard-actions button:disabled{opacity:.45}.wizard-hidden{display:none!important}.order-steps>span{opacity:.55;transition:.2s}.order-steps>span.active,.order-steps>span.done{opacity:1}.order-section{padding-bottom:35px}.order-section .form-grid{padding-bottom:8px}.customer-order-fields{min-width:0}.phone-field{display:flex;direction:ltr;align-items:stretch;border:1px solid #dce7e4;border-radius:13px;overflow:hidden;background:#fff}.phone-field>span{display:flex;align-items:center;padding:0 12px;background:#f2f7f5;color:#34554d;font-weight:800;border-right:1px solid #dce7e4}.phone-field input{border:0!important;border-radius:0!important;min-width:0;flex:1}.customer-order-fields input,.customer-order-fields select,.customer-order-fields textarea,.address-form input,.address-form select,.address-form textarea{max-width:100%;box-sizing:border-box}.order-card-media{display:flex;gap:12px;align-items:flex-start}.order-thumb{width:64px;height:64px;flex:0 0 64px;border-radius:12px;background:#edf5f2;display:grid;place-items:center;overflow:hidden}.placeholder-thumb{color:#567}.order-thumb span{font-size:10px;color:#67817b;text-align:center;padding:5px}.order-card-body{min-width:0;flex:1}.order-card-price{margin:7px 0;color:#526864}.order-card-price b{color:#087e55}.customer-product-image{margin:0 0 12px}.order-product-image-btn{display:block;width:100%;padding:0;border:0;background:#f4f8f7;border-radius:16px;overflow:hidden;cursor:zoom-in}.order-product-image-btn img{display:block;width:100%;max-height:240px;object-fit:contain;background:#f7faf9}.pending-price{line-height:1.9}.notifications-list{padding-bottom:14px}.notification-clickable{user-select:none}.modal{overflow:auto;padding:16px 0}.modal-box{margin:auto;box-sizing:border-box}.order-detail-box{max-height:calc(100dvh - 32px);overflow:auto}.order-detail-box #orderDetailContent,.order-detail-box #customerOrderDetailContent{min-width:0;overflow-wrap:anywhere}.order-detail-box .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-box a{overflow-wrap:anywhere}.payment-proof-box{max-height:calc(100dvh - 32px);overflow:auto}.upload-proof{box-sizing:border-box}.tutorial img{width:100%;height:auto;object-fit:contain;cursor:zoom-in}
@media(max-width:800px){
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .mobile-nav{bottom:0;height:calc(78px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
  .hero-art{height:190px}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-copy{padding:18px 14px}.hero h1{font-size:31px;line-height:1.2}.hero h2{font-size:17px}.trust{margin-top:10px}.promo-strip{overflow:hidden}.promo-track{white-space:nowrap}
  .section-title{padding-top:20px}.section-title h2{font-size:27px}.form-grid{display:block;padding:0 8px}.form-box{margin-bottom:12px}.order-steps{gap:3px;padding:0 8px;overflow:hidden}.order-steps>span{font-size:0;flex:1}.order-steps>span strong{font-size:11px;display:block;line-height:1.3}.wizard-actions{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));z-index:20;background:rgba(255,255,255,.96);padding-top:8px;backdrop-filter:blur(8px)}
  .sites-select{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-order-fields{display:grid;grid-template-columns:1fr;gap:10px}.phone-field{width:100%}.order-contact-actions{grid-template-columns:1fr}.customer-order-summary{overflow:hidden}.customer-product-image{margin-inline:0}.order-detail-box{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;padding:18px 12px!important}.order-detail-box .detail-grid{grid-template-columns:1fr}.notifications-box{max-height:calc(100dvh - 18px)!important}.notifications-list{max-height:calc(100dvh - 210px)!important}.addresses-list{max-height:48dvh}.account-list button{min-height:52px}.video-card video{height:180px}.sites-band{padding-bottom:20px}.sites-band>div{grid-template-columns:repeat(2,minmax(0,1fr))}.sites-band a,.sites-band span{text-align:center;min-width:0}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why article{min-width:0}.stage-row{overflow-x:auto;justify-content:flex-start}.payment{margin-bottom:15px}
}
@media(max-width:360px){.mobile-nav small{font-size:7px}.mobile-nav .plus{width:58px;height:58px;margin-top:-23px}.hero-art{height:165px}.hero h1{font-size:28px}.hero h2{font-size:16px}.why-grid{grid-template-columns:1fr}.sites-band>div{grid-template-columns:1fr}.order-card-media{gap:8px}.order-thumb{width:54px;height:54px;flex-basis:54px}}

/* V18 notification management */
.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 10px;color:#71827f;font-size:12px}
.delete-read-btn,.notification-delete{border:1px solid #e1e9e7;background:#fff;color:#a43d3d;border-radius:10px;cursor:pointer;font-weight:800}
.delete-read-btn{padding:8px 11px;white-space:nowrap}
.delete-read-btn:disabled,.notification-delete:disabled{opacity:.55;cursor:not-allowed}
.notification-row{display:flex;align-items:flex-start;gap:8px;min-width:0}
.notification-main{min-width:0;flex:1}
.notification-delete{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#8b4b4b}
.notification-delete svg{width:18px;height:18px}
.notification-delete:active,.delete-read-btn:active{transform:scale(.96)}
.delete-spinner{font-size:18px;line-height:1}
@media(max-width:800px){.notifications-toolbar{font-size:11px}.delete-read-btn{padding:7px 9px}.notification-delete{width:36px;height:36px;flex-basis:36px}.notification-item{padding:13px!important}.notification-item .notification-title{min-width:0}.notification-item .notification-title b{overflow-wrap:anywhere}}

/* V19 — mobile orders inspired by modern marketplace tracking */
.fenk-order-card{background:#fff;border-radius:18px;padding:14px;margin:10px 2px;border:1px solid #e7eceb;box-shadow:0 4px 16px rgba(12,52,43,.06)}
.fenk-order-top{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #edf1f0;padding-bottom:10px;margin-bottom:12px;font-size:12px;color:#8a9491}.fenk-order-top b{color:#17384b;font-size:15px}
.fenk-order-product{display:flex;gap:12px;align-items:center;min-width:0}.fenk-order-thumb{width:82px;height:82px;flex:0 0 82px;border-radius:12px;background:#f3f6f5;display:grid;place-items:center;overflow:hidden}.fenk-order-thumb img{width:100%;height:100%;object-fit:contain}.fenk-order-info{min-width:0;display:flex;flex-direction:column;gap:5px}.fenk-order-info strong{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fenk-order-info small{color:#8a9491}.fenk-order-info>b{font-size:16px}.fenk-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.fenk-order-actions button{min-height:42px;border-radius:13px;font-weight:800;cursor:pointer}.track-btn{background:#111;color:#fff;border:1px solid #111}.detail-btn{background:#fff;color:#17384b;border:1px solid #ccd8d5}.tracking-mini{margin-top:10px;padding-top:9px;border-top:1px dashed #dfe7e5;font-size:12px;color:#6c7774;overflow-wrap:anywhere}
.tracking-box{max-width:680px}.tracking-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.tracking-head h2{margin:0}.tracking-head small{color:#7c8784}.tracking-back{border:0;background:transparent;font-size:28px;cursor:pointer;color:#17384b}.tracking-summary{padding:4px 0 10px}.tracking-status{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f0}.tracking-status strong{font-size:20px}.tracking-status span{color:#8b9693;font-size:12px}.tracking-product{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f0}.tracking-product>img,.tracking-placeholder{width:76px;height:76px;flex:0 0 76px;border-radius:12px;background:#f3f6f5;object-fit:contain;display:grid;place-items:center}.tracking-product-info{min-width:0;display:flex;flex-direction:column;gap:6px}.tracking-product-info b{line-height:1.45}.tracking-product-info small{color:#8a9491}.tracking-carrier{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid #edf1f0}.tracking-carrier div{min-width:0}.tracking-carrier small{display:block;color:#8a9491;margin-bottom:4px}.tracking-carrier b{display:block;overflow-wrap:anywhere}.tracking-carrier button{border:1px solid #ccd8d5;background:#fff;border-radius:10px;padding:9px 12px;font-weight:800}.tracking-external{display:inline-block;margin-top:10px;color:#07875c;font-weight:800}.tracking-events{padding:12px 0}.tracking-line{position:relative;margin:0 5px;padding-right:28px}.tracking-line:before{content:"";position:absolute;right:8px;top:8px;bottom:8px;width:2px;background:#e1e7e5}.tracking-event{position:relative;display:flex;gap:12px;padding:10px 0;min-height:62px}.tracking-dot{position:relative;z-index:1;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#9ca6a3;color:#fff;display:grid;place-items:center;font-size:10px;margin-top:2px;box-shadow:0 0 0 4px #fff}.tracking-event.latest .tracking-dot{background:#08b96e}.tracking-event b{display:block;font-size:16px;color:#555}.tracking-event.latest b{color:#111}.tracking-event p{margin:4px 0;color:#777;line-height:1.55}.tracking-event small{display:block;color:#9aa29f;margin-top:3px}.tracking-order-link{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #edf1f0;padding-top:12px}.tracking-order-link .whatsapp-order-btn,.tracking-order-link .detail-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;border-radius:12px}.tracking-loading{text-align:center;padding:40px;color:#7b8784}
@media(max-width:600px){.fenk-order-card{border-radius:16px;padding:12px}.fenk-order-thumb{width:72px;height:72px;flex-basis:72px}.fenk-order-info strong{font-size:14px}.fenk-order-actions{grid-template-columns:1fr 1fr}.tracking-box{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:16px 12px!important;border-radius:22px!important}.tracking-status strong{font-size:18px}.tracking-carrier{grid-template-columns:1fr 1fr}.tracking-carrier button{grid-column:1/-1;width:100%}.tracking-product>img,.tracking-placeholder{width:68px;height:68px;flex-basis:68px}.tracking-event b{font-size:15px}.tracking-order-link{grid-template-columns:1fr}}

/* V20 reliability + compact mobile polish */
#fenkToastHost{position:fixed;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:5000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.fenk-toast{max-width:min(520px,100%);background:#082d26;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;box-shadow:0 8px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(10px);transition:.22s ease;text-align:center}
.fenk-toast.show{opacity:1;transform:none}.fenk-toast.success{background:#087b51}.fenk-toast.error{background:#9d3434}.fenk-toast.info{background:#17384b}
.fenk-confirm-modal{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:5100;display:none;align-items:flex-end;justify-content:center;padding:14px}
.fenk-confirm-modal.show{display:flex}.fenk-confirm-box{width:min(520px,100%);background:#fff;border-radius:22px;padding:20px;box-shadow:0 18px 60px rgba(0,0,0,.25);direction:rtl}.fenk-confirm-box h3{margin:0 0 8px;font-size:20px;color:#082743}.fenk-confirm-box p{margin:0 0 18px;color:#66726f;line-height:1.7}.fenk-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fenk-confirm-actions button{min-height:44px;border-radius:12px;border:1px solid #d6e1de;background:#fff;color:#17384b;font-weight:800}.fenk-confirm-actions [data-confirm-ok]{background:#08c977;border-color:#08c977;color:#fff}
@media(max-width:800px){
  html{scroll-padding-bottom:88px}
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  .mobile-nav button{padding:3px 0;gap:1px}.mobile-nav button>svg{width:21px;height:21px}.mobile-nav small{font-size:8px}.mobile-nav .plus{width:58px;max-width:58px;height:58px;margin-top:-20px;border-width:3px;font-size:30px}.mobile-nav .plus svg{width:29px;height:29px}.mobile-nav .plus small{font-size:7px}
  .hero{display:flex;flex-direction:column;min-height:0}.hero-art{height:170px}.hero-copy{padding:12px 12px 14px}.hero h1{font-size:27px;margin-bottom:3px}.hero h2{font-size:16px;margin-bottom:10px}.crumb{font-size:10px;margin-bottom:7px}.trust{gap:4px;margin-top:6px}.trust>div{padding:5px 2px}.trust strong{font-size:19px}.trust b{font-size:10px}.trust small{font-size:8px}.hero-note{margin-top:7px;padding:7px;font-size:12px}
  .promo-track{padding:6px 0;font-size:11px;gap:24px}.section-title{padding:14px 10px 8px}.section-title h2{font-size:24px;margin-bottom:4px}.section-title p{font-size:13px;line-height:1.5}
  .order-section{padding-bottom:88px}.order-section .section-title{padding-top:10px}.order-steps,.wizard-actions{display:none!important}.form-grid{display:flex!important;flex-direction:column;gap:8px;padding:0 8px!important}.form-box{margin:0!important;padding:11px;border-radius:14px}.form-box label{margin-bottom:5px;font-size:14px}.form-box input,.form-box textarea,.form-box select{padding:9px;margin-bottom:8px;border-radius:10px;font-size:14px}.form-box textarea{height:78px}.upload{padding:12px}.upload span{font-size:23px}.upload b{font-size:13px}.upload small{font-size:11px}.sites-select{gap:5px}.sites-select button{padding:7px 5px;font-size:13px}.customer-order-fields{gap:7px!important}.counter{margin:10px 0 12px}.counter button{width:40px;height:34px}.counter b{width:48px}.send{padding:11px;border-radius:10px;font-size:14px}.order-section #orderMsg{font-size:12px;line-height:1.5}.fenk-order-card{padding:10px;border-radius:14px;margin:7px 0}.fenk-order-top{padding-bottom:7px;margin-bottom:8px;font-size:10px}.fenk-order-top b{font-size:13px}.fenk-order-product{gap:8px}.fenk-order-thumb{width:62px;height:62px;flex-basis:62px;border-radius:10px}.fenk-order-info{gap:3px}.fenk-order-info strong{font-size:13px}.fenk-order-info small,.tracking-mini{font-size:10px}.fenk-order-info>b{font-size:14px}.fenk-order-actions{gap:6px;margin-top:9px}.fenk-order-actions button{min-height:36px;border-radius:10px;font-size:12px}.notifications-list{max-height:calc(100dvh - 150px)!important}.notifications-toolbar{padding-bottom:7px}.notification-item{padding:10px!important}.notification-title b{font-size:13px}.notification-main p{font-size:12px;line-height:1.45}.notification-main small{font-size:10px}.notification-delete{width:32px;height:32px;flex-basis:32px}.tracking-box{width:calc(100vw - 14px)!important;max-height:calc(100dvh - 14px)!important;padding:13px 11px!important;border-radius:18px!important}.tracking-head{gap:7px}.tracking-head h2{font-size:20px}.tracking-status{padding:9px 0}.tracking-status strong{font-size:16px}.tracking-product{padding:10px 0;gap:8px}.tracking-product>img,.tracking-placeholder{width:60px;height:60px;flex-basis:60px}.tracking-product-info b{font-size:13px}.tracking-product-info small{font-size:10px}.tracking-carrier{gap:8px;padding:10px 0}.tracking-carrier small{font-size:10px}.tracking-carrier b{font-size:12px}.tracking-event{gap:8px;padding:7px 0;min-height:52px}.tracking-event b{font-size:13px}.tracking-event p{font-size:11px;margin:2px 0}.tracking-event small{font-size:9px}.tracking-line{padding-right:22px}.tracking-dot{width:16px;height:16px;flex-basis:16px}.tracking-order-link{gap:7px}.tracking-order-link .whatsapp-order-btn,.tracking-order-link .detail-btn{min-height:38px;font-size:12px}.video-grid{gap:8px;padding:0 8px}.video-card{border-radius:10px}.video-card video{height:125px}.video-card div{padding:7px}.video-card b{font-size:12px}.video-card span{font-size:9px}.tutorial{padding:10px 8px}.tutorial-title{font-size:14px;padding:8px}.sites-band{padding:8px}.sites-band h2,.why h2,.stages h2{font-size:22px;margin:8px 0}.sites-band>div{gap:6px}.sites-band a,.sites-band span{padding:9px 5px;font-size:12px}.why-grid{gap:7px}.why article{padding:10px}.why article h3{font-size:13px}.why article p{font-size:10px}.payment{padding:12px!important}.payment-main h2{font-size:19px}.payment-main p,.checks span{font-size:11px}
}
@media(max-width:360px){.hero-art{height:145px}.hero h1{font-size:24px}.hero h2{font-size:14px}.mobile-nav .plus{width:54px;height:54px;margin-top:-17px}.mobile-nav small{font-size:7px}.form-box{padding:9px}.form-box input,.form-box textarea,.form-box select{font-size:13px}.sites-select button{font-size:12px}.fenk-order-thumb{width:56px;height:56px;flex-basis:56px}}
.order-product-image-fallback{min-height:120px;border-radius:14px;background:#f3f7f5;display:grid;place-items:center;color:#087b51;font-weight:900;font-size:22px}
@media(max-width:800px){.order-product-image-fallback{min-height:90px;font-size:18px}}
/* Modals must sit above the fixed mobile navigation. */
.modal,.market-modal{z-index:300}
.tracking-event.done .tracking-dot{background:#08b96e}.tracking-event.done b{color:#52635f}.tracking-event.current .tracking-dot{background:#08b96e}.tracking-event.current b{color:#087b51}.tracking-event.pending .tracking-dot{background:#d8e0de;color:#7e8986}.tracking-event.pending b{color:#8b9693}.tracking-cancelled{padding:14px;border-radius:12px;background:#fff0f0;color:#a43d3d;font-weight:800;text-align:center}

/* V21 - mobile app-like compact layout */
@media (max-width:800px){
  .order-section{padding:0 6px 92px!important}
  .order-section .section-title{padding:12px 8px 8px!important}
  .order-section .section-title h2{font-size:23px!important;line-height:1.25!important;margin:0 0 4px!important}
  .order-section .section-title p{font-size:12px!important;line-height:1.45!important}
  .order-section .form-grid{gap:7px!important;padding:0!important}
  .order-section .form-box{padding:9px!important;border-radius:13px!important}
  .order-section .form-box label{font-size:13px!important;margin-bottom:4px!important}
  .order-section .form-box input,.order-section .form-box textarea,.order-section .form-box select{padding:8px!important;font-size:13px!important;margin-bottom:6px!important;min-height:0!important}
  .order-section .form-box textarea{height:64px!important}
  .order-section .upload{padding:9px!important;margin-bottom:5px!important}
  .order-section .upload-icon{font-size:20px!important}
  .order-section .upload b{font-size:12px!important}
  .order-section .upload small{font-size:10px!important}
  .order-section .sites-select{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  .order-section .sites-select button{min-height:32px!important;padding:5px 3px!important;font-size:11px!important;border-radius:8px!important}
  .customer-order-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .customer-order-fields>label{min-width:0!important}
  .customer-order-fields>label:nth-child(3),.customer-order-fields>label:nth-child(6),.customer-order-fields>label:nth-child(7){grid-column:1/-1}
  .phone-field{min-height:38px!important}
  .phone-field>span{padding:0 8px!important;font-size:12px!important}
  .order-section .counter{margin:7px 0 8px!important;gap:5px!important}
  .order-section .counter button{width:36px!important;height:32px!important}
  .order-section .counter b{width:38px!important}
  .order-section .send{min-height:40px!important;padding:8px 10px!important;font-size:13px!important}
  .order-section #orderMsg{min-height:0!important;margin-top:5px!important}

  /* Keep important modals compact and fully inside the viewport. */
  .modal{padding:8px!important;align-items:flex-end!important}
  .modal-box{width:100%!important;max-width:520px!important;max-height:calc(100dvh - 16px)!important;padding:16px 12px!important;border-radius:20px!important;overflow:auto!important}
  .login-head h2,.modal-box h2{font-size:23px!important}
  .modal-box p{font-size:12px;line-height:1.5}

  /* Orders */
  .customer-orders-box,.orders-box{padding:12px 9px!important}
  .fenk-order-card{padding:8px!important;margin:5px 0!important;border-radius:12px!important}
  .fenk-order-top{font-size:9px!important;padding-bottom:5px!important;margin-bottom:6px!important}
  .fenk-order-top b{font-size:12px!important}
  .fenk-order-thumb{width:54px!important;height:54px!important;flex-basis:54px!important}
  .fenk-order-info strong{font-size:12px!important}
  .fenk-order-info small,.fenk-order-info>b{font-size:10px!important}
  .fenk-order-actions{gap:5px!important;margin-top:6px!important}
  .fenk-order-actions button{min-height:32px!important;font-size:11px!important;padding:5px!important}

  /* Customer detail timeline must be vertical on phones. */
  .customer-order-summary .order-timeline{display:block!important;position:relative!important;margin:8px 0!important;padding:2px 24px 2px 0!important}
  .customer-order-summary .order-timeline:before{content:"";position:absolute;right:8px;top:9px;bottom:9px;width:2px;background:#dfe7e4!important}
  .customer-order-summary .timeline-step{display:grid!important;grid-template-columns:20px 1fr!important;gap:8px!important;align-items:center!important;position:relative!important;min-height:36px!important;text-align:right!important;margin:0!important}
  .customer-order-summary .timeline-step span{z-index:1;width:18px!important;height:18px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#eef3f1!important;border:2px solid #d6e0dd!important;font-size:9px!important;color:#8b9693!important;box-shadow:0 0 0 4px #fff!important}
  .customer-order-summary .timeline-step.done span,.customer-order-summary .timeline-step.current span{background:#08bd72!important;border-color:#08bd72!important;color:#fff!important}
  .customer-order-summary .timeline-step small{font-size:11px!important;line-height:1.35!important;color:#7f8a87!important}
  .customer-order-summary .timeline-step.done small,.customer-order-summary .timeline-step.current small{color:#173d32!important;font-weight:700!important}
  .customer-order-summary .timeline-step.current small{color:#087e55!important}

  /* Tracking modal */
  .tracking-box{padding:12px!important}
  .tracking-head h2{font-size:19px!important}
  .tracking-status strong{font-size:15px!important}
  .tracking-event{min-height:44px!important;padding:5px 0!important}
  .tracking-event b{font-size:12px!important}
  .tracking-event p{font-size:10px!important}
  .tracking-event small{font-size:9px!important}

  /* Fixed navigation never covers page content. */
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .mobile-nav{height:calc(64px + env(safe-area-inset-bottom))!important}
  .mobile-nav .plus{width:52px!important;height:52px!important;max-width:52px!important;margin-top:-15px!important;border-width:3px!important}
  .mobile-nav .plus svg{width:27px!important;height:27px!important}
  #fenkToastHost{bottom:calc(74px + env(safe-area-inset-bottom))!important}
}
@media(max-width:360px){
  .order-section{padding-left:4px!important;padding-right:4px!important}
  .order-section .section-title h2{font-size:21px!important}
  .customer-order-fields{gap:5px!important}
  .order-section .form-box{padding:8px!important}
  .order-section .form-box input,.order-section .form-box textarea,.order-section .form-box select{font-size:12px!important;padding:7px!important}
  .order-section .sites-select button{font-size:10px!important}
}


/* V23 customer cancellation */
.customer-cancel-btn{background:#fff!important;color:#c62828!important;border:1px solid #f0b6b6!important;margin-top:8px;width:100%;}
.customer-cancel-btn:disabled{opacity:.65;cursor:wait;}
.order-card .customer-cancel-btn{display:block;margin-top:8px;padding:10px 14px;border-radius:12px;font-weight:800;}


/* FENK Mobile UI 2.0 — scoped to small screens; desktop layout remains unchanged. */
.mobile-head{display:none}
.phone-field,.contact-phone,[dir="ltr"]{direction:ltr;unicode-bidi:isolate}
.ico-icon,.actions svg,.mobile-nav svg,.categorybar svg,.trust-ticker svg,.hero svg,.section-title svg,.form-box label svg,.payment svg{width:20px;height:20px;stroke-width:2.1}
.account-avatar svg,.account-list svg,.google-mark svg,.upload-proof>svg{width:26px;height:26px}
@media(max-width:800px){
  :root{--mobile-nav-h:60px}
  html{overflow-x:hidden;scroll-padding-top:8px;scroll-padding-bottom:calc(var(--mobile-nav-h) + 12px)}
  body{overflow-x:hidden;width:100%;max-width:100%;padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 12px)!important;font-size:14px}
  img,video{max-width:100%}

  /* Compact mobile header */
  .topbar{position:relative;top:auto;box-shadow:none}
  .topbar>.top-inner,.topbar>.categorybar{display:none!important}
  .mobile-head{display:block;background:#031c18;color:#fff;padding:8px 10px 9px;border-bottom:1px solid #17453c;position:sticky;top:0;z-index:110}
  .mobile-head-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px}
  .mobile-brand{display:block;line-height:0}
  .mobile-brand img,.mobile-brand .fenk-header-logo-media{width:94px;height:39px;object-fit:contain;display:block}
  .mobile-location{display:inline-flex;align-items:center;gap:5px;border:1px solid #356158;background:#0a3028;color:#fff;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:800}
  .mobile-location svg{width:16px;height:16px}
  .mobile-search{height:40px!important;margin-top:7px;background:#fff;border-radius:11px!important;overflow:hidden}
  .mobile-search input{min-width:0;padding:0 12px!important;font-size:13px}
  .mobile-search button{width:45px!important;font-size:0}
  .mobile-search button svg{width:19px;height:19px}

  /* One small trust row, no giant stacked desktop header */
  .trust-ticker{height:31px;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 9px;font-size:10px;white-space:nowrap;scrollbar-width:none}
  .trust-ticker::-webkit-scrollbar{display:none}
  .trust-ticker>div{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
  .trust-ticker svg{width:13px;height:13px}
  .promo-strip{display:none}

  /* Compact hero: image + short copy, no oversized desktop composition */
  .hero{width:100%;display:grid;grid-template-columns:43% 57%;min-height:0;height:230px;border-radius:0 0 16px 16px;box-shadow:0 7px 18px rgba(0,35,28,.10)}
  .hero-art{height:230px;min-width:0}
  .hero-art img{width:100%;height:100%;object-fit:cover}
  .hero-copy{min-width:0;padding:12px 10px!important;justify-content:center}
  .crumb{font-size:9px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero h1{font-size:25px!important;line-height:1.15;margin:0 0 3px!important}
  .hero h2{font-size:13px!important;line-height:1.45;margin:0 0 8px!important}
  .trust{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:4px}
  .trust>div{padding:4px 2px!important;min-width:0}
  .trust strong{font-size:17px!important;line-height:1.1}
  .trust strong svg{width:17px;height:17px}
  .trust b{font-size:9px!important;line-height:1.2}
  .trust small{font-size:7px!important;line-height:1.2}
  .hero-note{margin-top:6px!important;padding:6px 5px!important;font-size:10px!important;line-height:1.35}

  .section-title{padding:12px 10px 8px!important}
  .section-title h2{font-size:20px!important;line-height:1.25}
  .section-title p{font-size:11px;line-height:1.4}

  /* True mobile order wizard */
  .order-section{padding:0 0 10px!important}
  .order-steps{display:grid!important;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 8px 7px!important;padding:0!important;overflow:visible}
  .order-steps>span{font-size:0!important;padding:0!important;color:#8a9591;opacity:.65;cursor:pointer}
  .order-steps>span::before{width:25px!important;height:25px!important;line-height:25px!important;font-size:11px!important}
  .order-steps>span::after{top:11px!important;height:2px!important;width:85%!important;right:58%!important}
  .order-steps>span strong{font-size:9px!important;line-height:1.2;margin-top:3px!important;white-space:nowrap}
  .order-steps>span.active,.order-steps>span.done{opacity:1}
  .order-steps>span.done::before{background:var(--green)!important}
  .wizard-actions{position:sticky!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 3px)!important;z-index:75!important;background:rgba(255,255,255,.97)!important;border:1px solid #e1ebe8;border-radius:12px;padding:7px 8px!important;margin:0 8px 7px!important;box-shadow:0 5px 18px rgba(7,45,39,.08);backdrop-filter:blur(8px)}
  .wizard-actions button{min-height:38px!important;padding:7px 13px!important;border-radius:10px!important;font-size:12px!important}
  .form-grid{display:block!important;padding:0 8px!important}
  .form-box{padding:10px!important;border-radius:13px!important;margin:0!important;box-shadow:0 3px 12px rgba(7,45,39,.05)!important}
  .form-box label{font-size:12px!important;margin-bottom:4px!important}
  .form-box input,.form-box textarea,.form-box select{padding:8px!important;font-size:13px!important;min-height:38px!important;margin-bottom:6px!important;border-radius:9px!important}
  .form-box textarea{height:70px!important}
  .upload{padding:10px!important;border-radius:11px!important}
  .upload span{font-size:0!important}
  .upload span svg{width:20px;height:20px}
  .upload b{font-size:11px!important}
  .upload small{font-size:9px!important}
  .sites-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important}
  .sites-select button{min-height:37px!important;padding:6px 4px!important;font-size:11px!important;border-radius:9px!important}
  .customer-order-fields{gap:6px!important;margin-top:8px!important}
  .customer-order-fields label{font-size:11px!important}
  .counter{margin:7px 0 9px!important}
  .counter button{width:35px!important;height:32px!important}
  .counter b{width:40px!important}
  .send{min-height:40px!important;padding:9px!important;font-size:12px!important;border-radius:10px!important}
  .mobile-review-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 8px}
  .mobile-review-summary>div{background:#f5f9f8;border:1px solid #e1eae7;border-radius:9px;padding:7px;min-width:0}
  .mobile-review-summary b,.mobile-review-summary span{display:block}
  .mobile-review-summary b{font-size:9px;color:#81908c;margin-bottom:2px}
  .mobile-review-summary span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* Small content modules */
  .video-zone{padding:8px 0 12px!important}
  .video-zone .section-title{padding-bottom:7px!important}
  .video-grid{display:flex!important;overflow-x:auto;gap:7px!important;padding:0 8px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  .video-grid::-webkit-scrollbar{display:none}
  .video-card{flex:0 0 82%;scroll-snap-align:start;border-radius:12px!important}
  .video-card video{height:120px!important}
  .video-card div{padding:7px!important}
  .video-card b{font-size:11px!important}
  .video-card span{font-size:9px!important}
  .tutorial{padding:8px!important}
  .tutorial-title{font-size:12px!important;padding:7px!important;border-radius:10px 10px 0 0;line-height:1.4}
  .tutorial img{max-height:145px!important;object-fit:cover!important;border-radius:0 0 10px 10px}

  .sites-band{padding:7px 8px 12px!important}
  .sites-band h2,.why h2,.stages h2{font-size:19px!important;margin:7px 0!important}
  .sites-band>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important}
  .sites-band a,.sites-band span{padding:8px 5px!important;font-size:11px!important;border-radius:9px!important}
  .why{padding:8px!important}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .why article{min-height:78px!important;padding:8px!important;border-radius:11px!important}
  .why article>b{font-size:0!important}
  .why article>b svg{width:20px;height:20px}
  .why h3{font-size:12px!important;margin:4px 0 2px!important}
  .why p{font-size:9px!important;line-height:1.3}
  .stages{padding:8px!important}
  .stages>p{font-size:10px;margin-top:-3px}
  .stage-row{overflow-x:auto;justify-content:flex-start;padding:5px 2px 8px!important;scrollbar-width:none}
  .stage-row::-webkit-scrollbar{display:none}
  .stage-row>div{min-width:86px!important}
  .stage-row b{width:34px!important;height:34px!important;font-size:0!important}
  .stage-row b svg{width:16px;height:16px}
  .stage-row span{font-size:8px!important;line-height:1.3}
  .stage-row>i{font-size:13px}

  /* Payment accordion */
  .payment{display:block!important;margin:0 8px 10px!important;padding:9px!important;border-radius:12px!important}
  .payment-main{gap:8px!important}
  .mobi{width:60px!important;height:42px!important;border-radius:9px!important;font-size:12px!important;flex:0 0 60px}
  .mobi svg{width:17px;height:17px}
  .payment h2{font-size:15px!important}
  .payment p{font-size:10px;margin:2px 0!important}
  .payment-details{margin-top:6px}
  .payment-details summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;color:#087e55;font-weight:800;font-size:11px;padding:6px 0}
  .payment-details summary::-webkit-details-marker{display:none}
  .payment-details summary svg{width:15px;height:15px}
  .checks{grid-template-columns:1fr!important;gap:4px!important;padding-top:3px}
  .checks span{display:flex;align-items:center;gap:4px;font-size:10px!important}
  .checks span svg{width:13px;height:13px;flex:0 0 13px}

  /* WhatsApp compact */
  .telegram-contact{padding:8px!important}
  .telegram-contact-inner{padding:10px!important;border-radius:12px!important;gap:8px!important;box-shadow:none!important}
  .telegram-contact-icon{width:38px!important;height:38px!important}
  .telegram-contact-icon svg{width:20px;height:20px}
  .telegram-contact-inner h2{font-size:15px!important;margin-bottom:3px!important}
  .telegram-contact-inner p{font-size:10px;line-height:1.4}
  .telegram-contact-inner .send{margin-top:6px!important}
  .contact-phone{display:block;margin-top:5px;font-size:11px;font-weight:800;letter-spacing:.2px}

  /* Footer accordion */
  .footer{display:block!important;padding:12px 10px calc(18px + env(safe-area-inset-bottom))!important}
  .footer-brand{padding-bottom:8px!important}
  .footer-brand img{width:105px!important}
  .footer-brand p{font-size:10px!important;margin:5px 0!important}
  .footer-accordion{border-top:1px solid #17433a;padding:0!important}
  .footer-accordion h3{display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:11px 2px!important;font-size:12px!important;cursor:pointer}
  .footer-accordion h3:after{content:'+';font-size:17px;opacity:.8;transition:transform .18s}
  .footer-accordion.open h3:after{content:'−'}
  .footer-accordion>a,.footer-accordion>p,.footer-accordion>div{display:none!important}
  .footer-accordion.open>a,.footer-accordion.open>p,.footer-accordion.open>div{display:block!important}
  .footer-accordion a{font-size:10px!important;margin:6px 2px!important}
  .newsletter>div{display:flex;gap:5px}
  .newsletter input{width:100%!important;padding:8px!important;font-size:10px}
  .newsletter button{padding:8px 10px!important;font-size:10px}
  .copyright{display:flex!important;flex-direction:column;gap:4px!important;padding-top:9px!important;margin-top:7px!important;font-size:9px!important}
  .social-telegram{font-size:10px!important}

  /* Small, app-like bottom navigation + floating CTA */
  .mobile-nav{position:fixed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;bottom:0!important;left:0!important;right:0!important;height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;padding:2px 5px env(safe-area-inset-bottom)!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #dce6e3!important;z-index:120!important;box-shadow:0 -5px 18px rgba(0,0,0,.08)!important;gap:0!important}
  .mobile-nav button{min-width:0!important;padding:3px 0!important;gap:1px!important;color:#17384b!important}
  .mobile-nav button>svg{width:19px!important;height:19px!important}
  .mobile-nav small{font-size:8px!important;line-height:1.1!important}
  .mobile-nav .plus{position:fixed!important;right:14px!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 10px)!important;width:50px!important;height:50px!important;max-width:50px!important;margin:0!important;border:3px solid #fff!important;border-radius:50%!important;background:#08c977!important;box-shadow:0 7px 18px rgba(0,130,80,.22)!important;z-index:121!important;display:grid!important;place-items:center!important}
  .mobile-nav .plus svg{width:22px!important;height:22px!important}
  .mobile-nav .plus small{display:none!important}
  .mobile-nav #mobileNotificationBadge{top:0!important;right:calc(50% - 18px)!important;min-width:15px!important;height:15px!important;font-size:9px!important;line-height:15px!important}

  /* Compact modals */
  .modal{padding:8px!important}
  .modal-box{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;padding:15px 11px!important;border-radius:18px!important}
  .login-head h2{font-size:21px!important;margin:6px 0!important}
  .login-head p{font-size:11px!important}
  .close{width:34px!important;height:34px!important;font-size:24px!important;top:7px!important;left:8px!important}
  .account-hero{padding:4px 2px 11px!important;gap:9px!important}
  .account-avatar{width:46px!important;height:46px!important;font-size:0!important}
  .account-avatar svg{width:21px;height:21px}
  .account-list{gap:5px!important}
  .account-list button{min-height:43px!important;padding:9px!important;border-radius:11px!important;gap:8px!important}
  .account-list button b{font-size:12px!important}
  .account-list button span{width:22px!important;font-size:0!important}
  .account-list button span svg{width:18px;height:18px}
  .account-list button i{font-size:18px!important}
  .settings-row{padding:10px 0!important}
  .theme-options label{font-size:10px!important;padding:6px!important}
  .addresses-list{max-height:45dvh!important;margin:9px 0!important}
  .saved-address{padding:10px!important;border-radius:11px!important}
  .upload-proof{padding:12px!important;margin:9px 0!important;font-size:11px}
  .upload-proof svg{width:20px;height:20px;vertical-align:middle}
}
@media(max-width:380px){
  .hero{grid-template-columns:40% 60%;height:215px}
  .hero-art{height:215px}
  .hero h1{font-size:22px!important}
  .hero h2{font-size:12px!important}
  .trust b{font-size:8px!important}
  .mobile-nav small{font-size:7px!important}
  .mobile-nav .plus{width:46px!important;height:46px!important;right:12px!important}
}
@media(min-width:801px){.mobile-head{display:none!important}.mobile-review-summary{display:none}}


/* FENK Mobile Hero Ticker v26 — move the main promise below the hero image.
   Desktop layout remains unchanged; this only applies to compact mobile screens. */
@media(max-width:800px){
  .hero{
    display:flex!important;
    flex-direction:column!important;
    width:100%;
    height:auto!important;
    min-height:0!important;
    overflow:hidden;
  }
  .hero-art{
    order:1;
    width:100%;
    height:175px!important;
    min-height:175px!important;
    flex:0 0 175px;
  }
  .hero-art img{
    width:100%;
    height:100%!important;
    object-fit:cover;
    display:block;
  }
  .hero-copy{
    display:contents!important;
  }
  .hero .crumb{display:none!important}
  .hero .hero-ticker{
    order:2;
    width:100%;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center;
    overflow:hidden!important;
    background:#06332b;
    color:#fff;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    direction:ltr;
  }
  .hero .hero-ticker span{
    display:inline-block;
    flex:0 0 auto;
    min-width:max-content;
    padding-left:100%;
    animation:fenkHeroTicker 15s linear infinite;
    will-change:transform;
  }
  @keyframes fenkHeroTicker{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }
  .hero h1{
    order:3;
    width:100%;
    margin:0!important;
    padding:10px 12px 2px!important;
    font-size:26px!important;
    line-height:1.15!important;
    text-align:center;
    background:#022a23;
  }
  .hero .trust{
    order:4;
    width:100%;
    margin:0!important;
    padding:7px 9px 5px!important;
    background:#022a23;
  }
  .hero .hero-note{
    order:5;
    width:calc(100% - 18px);
    margin:2px 9px 9px!important;
  }
}
@media(max-width:380px){
  .hero-art{height:155px!important;min-height:155px!important;flex-basis:155px}
  .hero .hero-ticker{height:32px!important;min-height:32px!important;font-size:11px!important}
  .hero h1{font-size:23px!important;padding-top:8px!important}
}

/* FENK compact animated benefits ticker — replaces the old full-width hero sentence */
.hero .hero-ticker{
  width:100%;
  height:34px;
  min-height:34px;
  margin:0 0 16px;
  padding:0;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#06332b;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(5,196,107,.08);
  direction:ltr;
}
.hero-ticker-track{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:max-content;
  gap:18px;
  white-space:nowrap;
  padding:0 18px;
  animation:fenkBenefitsTicker 34s linear infinite;
  will-change:transform;
}
.hero-ticker-track span{font-size:12px;font-weight:700;color:#f4fffb}
.hero-ticker-track b{font-size:12px;color:var(--gold)}
@keyframes fenkBenefitsTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.hero .hero-ticker:hover .hero-ticker-track{animation-play-state:paused}

@media(max-width:800px){
  .hero .hero-ticker{
    order:2;
    width:100%;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    border-radius:0;
    border-left:0;
    border-right:0;
    font-size:11px!important;
  }
  .hero-ticker-track{gap:13px;padding:0 14px;animation-duration:28s}
  .hero-ticker-track span,.hero-ticker-track b{font-size:11px}
  .hero h1{order:3}
  .hero .trust{order:4}
  .hero .hero-note{order:5}
}
@media(max-width:380px){
  .hero .hero-ticker{height:30px!important;min-height:30px!important}
  .hero-ticker-track{gap:11px;animation-duration:26s}
  .hero-ticker-track span,.hero-ticker-track b{font-size:10px}
}
/* Override legacy ticker rules so only the single compact track animates */
.hero .hero-ticker-track span{
  display:inline-block!important;
  flex:0 0 auto!important;
  min-width:0!important;
  padding-left:0!important;
  animation:none!important;
}

/* FENK final mobile polish — appended intentionally to override legacy mobile rules. */
@media (max-width:800px){
  :root{--mobile-nav-h:68px}
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;overflow-x:hidden}
  html{scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}

  /* Keep the hero compact so the order form starts earlier on phones. */
  .hero-art{height:150px!important;min-height:150px!important;flex-basis:150px!important}
  .hero .hero-ticker{height:30px!important;min-height:30px!important}
  .hero h1{font-size:23px!important;padding:7px 10px 2px!important}
  .hero .trust{padding:5px 8px 4px!important;gap:4px!important}
  .hero .trust>div{padding:4px 2px!important;min-height:47px}
  .hero .trust strong svg{width:16px!important;height:16px!important}
  .hero .trust b{font-size:8px!important}
  .hero .trust small{font-size:7px!important}
  .hero .hero-note{width:calc(100% - 16px)!important;margin:2px 8px 7px!important;padding:6px 5px!important;font-size:10px!important}

  /* The wizard controls belong to the current form, not the viewport. */
  .wizard-actions{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    margin:8px 0 12px!important;
    padding:7px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(7,45,39,.08)!important;
  }
  .wizard-actions button{min-height:40px!important}

  /* Give the last form breathing room above the fixed navigation. */
  .order-section{padding-bottom:105px!important}
  .order-section .form-grid{padding-bottom:0!important}

  /* Bottom nav is always above content, while content keeps enough clearance. */
  .mobile-nav{
    height:calc(68px + env(safe-area-inset-bottom))!important;
    padding:3px 5px env(safe-area-inset-bottom)!important;
    z-index:120!important;
  }
  .mobile-nav button{min-height:0!important;padding:2px 0!important}
  .mobile-nav button>svg{width:20px!important;height:20px!important}
  .mobile-nav small{font-size:8px!important}
  .mobile-nav .plus{
    right:12px!important;
    bottom:calc(68px + env(safe-area-inset-bottom) + 9px)!important;
    width:50px!important;height:50px!important;max-width:50px!important;
    margin:0!important;
  }
  .mobile-nav .plus svg{width:24px!important;height:24px!important}

  /* Prevent long Arabic labels/fields from forcing horizontal overflow. */
  .order-section,.form-grid,.form-box,.customer-order-fields,.sites-select{min-width:0!important;max-width:100%!important}
  .form-box input,.form-box textarea,.form-box select{max-width:100%!important;box-sizing:border-box!important}
}
@media (max-width:380px){
  .hero-art{height:140px!important;min-height:140px!important;flex-basis:140px!important}
  .hero h1{font-size:22px!important}
  .hero .trust>div{min-height:44px}
  .mobile-nav .plus{width:48px!important;height:48px!important;right:10px!important}
}


/* FENK mobile hero — use the supplied promotional artwork on phones only. */
@media (max-width:800px){
  .hero{background:#031915!important}
  .hero-art{
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    aspect-ratio:864/1536!important;
    max-height:none!important;
    background:#031915!important;
  }
  .hero-art img{
    content:url("assets/hero-mobile-new.png")!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center top!important;
    background:#031915!important;
  }
  /* The supplied artwork already contains the headline, marketplaces and visual CTA. */
  .hero-copy{display:none!important}
  .mobile-hero-cta{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:calc(100% - 28px);
    margin:10px auto 12px;
    padding:12px 16px;
    box-sizing:border-box;
    border:0;
    border-radius:14px;
    background:#08c977;
    color:#fff;
    font-size:16px;
    font-weight:900;
    box-shadow:0 5px 16px rgba(8,201,119,.22);
  }
  .mobile-hero-cta span{font-size:20px;line-height:1}
}

.mobile-hero-cta{display:none}
@media(max-width:800px){.mobile-hero-cta{display:flex!important}}

/* FENK mobile announcement ticker */
.mobile-announcement{display:none}
@media(max-width:800px){.mobile-announcement{display:block;height:38px;background:linear-gradient(90deg,#032a23,#06463a,#032a23);color:#effff8;border-top:1px solid #0d5b4c;border-bottom:1px solid #0d5b4c;overflow:hidden;position:relative;z-index:12;direction:rtl;box-shadow:0 3px 10px rgba(0,0,0,.12)}.mobile-announcement-track{height:100%;display:inline-flex;align-items:center;gap:14px;white-space:nowrap;min-width:max-content;padding:0 16px;animation:mobileAnnouncementMarquee 30s linear infinite;will-change:transform}.mobile-announcement-track span{font-size:11px;font-weight:700;line-height:1}.mobile-announcement-track b{font-size:12px;color:var(--gold);font-weight:900}.mobile-announcement-track .announcement-highlight{color:#49f294}.mobile-announcement:hover .mobile-announcement-track{animation-play-state:paused}.mobile-hero-cta{display:none!important}.hero .hero-ticker{display:none!important}}
@keyframes mobileAnnouncementMarquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media(max-width:380px){.mobile-announcement{height:34px}.mobile-announcement-track{gap:11px;animation-duration:26s}.mobile-announcement-track span,.mobile-announcement-track b{font-size:10px}}


/* FENK animated hero replacement — supplied animated WebP */
.hero.hero-animated-image{
  display:block!important;
  width:100%!important;
  max-width:1200px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  background:#031915!important;
  overflow:hidden!important;
  border-radius:0!important;
}
.hero-animated-frame{
  width:100%;
  line-height:0;
  overflow:hidden;
  background:#031915;
}
.hero-animated-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  margin:0!important;
}
/* The artwork already contains its own headline, marketplaces and CTA. */
.hero.hero-animated-image + .promo-strip{margin-top:0!important}
@media(max-width:800px){
  .hero.hero-animated-image{
    width:100%!important;
    max-width:none!important;
  }
  .hero-animated-frame img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .mobile-hero-cta{display:none!important}
}


/* FENK final UI polish — payment branding + mobile admin usability */
.payment .payment-main{align-items:center;gap:16px;direction:rtl}
.payment .mobi{width:auto!important;height:auto!important;min-width:0!important;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:transparent!important;color:inherit!important;border-radius:0!important;font-size:0!important;box-shadow:none!important}
.payment .mobi img{width:76px;height:55px;object-fit:contain;border-radius:0;display:block;box-shadow:none}

@media(max-width:800px){
  /* Keep the real payment icon crisp and compact on phones. */
  .payment{margin-inline:10px!important;border-radius:18px!important}
  .payment .payment-main{padding:16px!important;gap:12px!important;direction:rtl}
  .payment .mobi{width:auto!important;height:auto!important;min-width:0!important}
  .payment .mobi img{width:64px;height:auto;max-height:48px;border-radius:0}
  .payment .payment-main h2{font-size:20px!important;line-height:1.35!important}
  .payment .payment-main p{font-size:13px!important;margin:4px 0 0!important}

  /* Admin: use a real mobile dashboard instead of squeezing desktop columns. */
  body.admin-page{padding-bottom:0!important;overflow:hidden}
  .admin-panel.show{display:flex!important;flex-direction:row!important;align-items:stretch!important}
  .admin-side{
    position:fixed!important;right:0!important;top:0!important;bottom:0!important;
    width:92px!important;min-width:92px!important;height:100dvh!important;
    padding:10px 6px!important;display:flex!important;flex-direction:column!important;
    overflow-y:auto!important;overflow-x:hidden!important;gap:5px!important;
    z-index:20!important;border-left:1px solid rgba(255,255,255,.08)
  }
  .admin-brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;margin:0 0 7px!important}
  .admin-brand img{width:62px!important;height:34px!important;object-fit:contain!important;margin:0 auto 4px!important}
  .admin-brand small{font-size:9px!important;line-height:1.2!important;white-space:nowrap}
  .admin-side button{
    min-width:0!important;width:100%!important;min-height:54px!important;margin:0!important;
    padding:6px 3px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:3px!important;
    border-radius:9px!important;font-size:10px!important;line-height:1.15!important;
    white-space:normal!important;text-align:center!important
  }
  .admin-side button svg{width:18px!important;height:18px!important}
  .admin-side .admin-close{margin-top:2px!important}
  .admin-main{
    width:calc(100% - 92px)!important;min-width:0!important;margin-right:92px!important;
    padding:10px!important;height:100dvh!important;overflow:auto!important;box-sizing:border-box!important
  }
  .admin-top{position:sticky;top:0;z-index:8;background:#f4f7f6;padding:6px 2px 10px!important;gap:8px;align-items:center}
  .admin-top h2{font-size:17px!important;margin:0!important;white-space:nowrap}
  .admin-top-actions{font-size:9px!important;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .stat-grid div{padding:11px!important;border-radius:12px!important}
  .stat-grid b{font-size:22px!important}
  .stat-grid small{font-size:10px!important}
  .admin-card{padding:11px!important;border-radius:13px!important;overflow:hidden}
  .admin-card h3{font-size:15px!important;margin:0 0 9px!important}
  .toolbar{flex-direction:column!important;gap:7px!important}
  .toolbar input,.toolbar select{width:100%!important;box-sizing:border-box!important;font-size:12px!important}
  .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .admin-table{min-width:680px;font-size:11px!important}
  .admin-table th,.admin-table td{padding:7px 6px!important;white-space:nowrap}
  .mini-order{grid-template-columns:1fr 1fr!important;gap:6px!important;padding:9px 4px!important;font-size:11px!important}
  .mini-order .detail-btn{grid-column:1/-1;width:100%}
  .admin-chat-card{padding:10px!important}
  .admin-edit-grid{grid-template-columns:1fr!important}
  .order-detail-box{width:calc(100vw - 20px)!important;max-height:90dvh!important;overflow:auto!important}
}
@media(max-width:380px){
  .admin-side{width:84px!important;min-width:84px!important}
  .admin-main{width:calc(100% - 84px)!important;margin-right:84px!important}
  .admin-brand img{width:56px!important}
  .admin-side button{min-height:50px!important;font-size:9px!important}
}


/* Final mobile order-flow fix: show the wizard controls and the confirmation step. */
@media (max-width:800px){
  .order-section .order-steps{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    margin:0 4px 8px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .order-section .order-steps>span{
    display:block!important;
    font-size:0!important;
    opacity:.55!important;
    padding:0!important;
    min-width:0!important;
  }
  .order-section .order-steps>span.active,
  .order-section .order-steps>span.done{opacity:1!important}
  .order-section .order-steps>span::before{
    width:34px!important;
    height:34px!important;
    line-height:34px!important;
    margin:auto!important;
  }
  .order-section .order-steps>span::after{
    top:15px!important;
    right:55%!important;
    width:90%!important;
    height:3px!important;
  }
  .order-section .order-steps>span strong{
    display:block!important;
    font-size:10px!important;
    line-height:1.25!important;
    margin-top:5px!important;
    white-space:normal!important;
  }
  .order-section .wizard-actions{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
    position:sticky!important;
    bottom:calc(78px + env(safe-area-inset-bottom) + 4px)!important;
    z-index:75!important;
    margin:8px 8px 10px!important;
    padding:8px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid #dfe9e6!important;
    border-radius:13px!important;
    box-shadow:0 6px 20px rgba(7,45,39,.12)!important;
    backdrop-filter:blur(8px)!important;
  }
  .order-section .wizard-actions button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    flex:1 1 0!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  .order-section .wizard-actions .wizard-next{
    background:#08c977!important;
    color:#fff!important;
    border-color:#08c977!important;
  }
  .order-section .wizard-actions .wizard-prev{
    background:#fff!important;
    color:#17384b!important;
  }
  .order-section .wizard-actions .wizard-prev:disabled{display:inline-flex!important;opacity:.45!important}
  .order-section .review-box.wizard-hidden{display:none!important}
  .order-section .review-box:not(.wizard-hidden){display:block!important}
  .order-section .send{
    display:block!important;
    width:100%!important;
    min-height:46px!important;
    font-size:15px!important;
    font-weight:900!important;
    margin-top:8px!important;
  }
  .order-section .mobile-review-summary{
    display:grid!important;
    gap:7px!important;
    margin:8px 0!important;
  }
}


/* =========================================================
   FENK ADMIN V27 — Mobile-first dashboard polish
   Keeps desktop layout intact; improves phone navigation/cards.
   ========================================================= */
.admin-mobile-topbar,.admin-side-backdrop{display:none}
.admin-top-subtitle{display:block;color:#7b8588;font-size:12px;margin-top:4px}
.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.stat-grid>div{position:relative;overflow:hidden;border:1px solid #edf1f0;box-shadow:0 6px 20px rgba(7,45,39,.05)}
.stat-grid>div::after{content:"";position:absolute;inset:auto -18px -22px auto;width:65px;height:65px;border-radius:50%;background:rgba(8,201,119,.06)}
.stat-grid .stat-new b{color:#b7791f}
.stat-grid .stat-wait b{color:#b45309}
.stat-grid .stat-proof b{color:#2563eb}
.stat-grid .stat-paid b{color:#0f8a5f}
.stat-grid .stat-done b{color:#16803c}
.admin-card{box-shadow:0 6px 24px rgba(7,45,39,.055);border:1px solid #edf1f0}
.mini-order{align-items:center;min-height:58px}
.mini-order .detail-btn,.detail-btn{border:1px solid #d4e3df!important;background:#f7fbfa!important;color:#063d33!important;border-radius:9px!important;padding:9px 12px!important;font-weight:800;cursor:pointer}
.mini-order .detail-btn:hover,.detail-btn:hover{background:#08c977!important;color:#062d26!important;border-color:#08c977!important}
.toolbar input:focus,.toolbar select:focus,.admin-edit-grid input:focus,.admin-edit-grid select:focus,.admin-edit-grid textarea:focus{outline:none;border-color:#08c977;box-shadow:0 0 0 3px rgba(8,201,119,.12)}
.admin-table tbody tr:hover{background:#f8fbfa}
.admin-chat-card{border:1px solid #e5eeeb!important;border-radius:14px!important;margin-bottom:10px!important}
.banner-row{padding:12px 0!important;border-bottom:1px solid #edf1f0}
.order-detail-box{border-radius:20px!important}

/* Phone: full-width workspace + off-canvas navigation */
@media(max-width:800px){
  body.admin-page{overflow:hidden!important;background:#f4f7f6!important}
  .admin-panel.show{display:block!important;position:fixed!important;inset:0!important;background:#f4f7f6!important}
  .admin-mobile-topbar{
    position:fixed;display:flex!important;top:0;left:0;right:0;height:58px;
    z-index:110;align-items:center;justify-content:space-between;
    padding:0 10px;background:#fff;border-bottom:1px solid #e3ebe8;
    box-shadow:0 3px 14px rgba(7,45,39,.07);direction:ltr
  }
  .admin-mobile-title{display:flex;align-items:center;gap:8px;direction:rtl}
  .admin-mobile-title img{width:45px;height:30px;object-fit:contain}
  .admin-mobile-title b{display:block;color:#12394b;font-size:15px;line-height:1.05}
  .admin-mobile-title small{display:block;color:#7a8587;font-size:9px;margin-top:2px}
  .admin-menu-btn{
    width:38px!important;height:38px!important;min-width:38px!important;
    margin:0!important;padding:0!important;border-radius:10px!important;
    border:1px solid #dbe7e3!important;background:#fff!important;color:#12394b!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    cursor:pointer
  }
  .admin-menu-btn svg{width:20px!important;height:20px!important}
  .admin-menu-btn:disabled{opacity:.55}
  .admin-side{
    position:fixed!important;top:0!important;bottom:0!important;right:0!important;
    width:min(280px,82vw)!important;min-width:0!important;height:100dvh!important;
    z-index:125!important;padding:14px 10px!important;display:flex!important;
    flex-direction:column!important;gap:7px!important;overflow-y:auto!important;
    transform:translateX(105%);transition:transform .22s ease;
    box-shadow:-14px 0 40px rgba(0,0,0,.18)
  }
  .admin-panel.menu-open .admin-side{transform:translateX(0)}
  .admin-side-backdrop{
    position:fixed;inset:0;z-index:120;background:rgba(2,25,21,.38);
    backdrop-filter:blur(2px);display:block!important;opacity:0;pointer-events:none;
    transition:opacity .2s ease
  }
  .admin-side-backdrop.show{opacity:1;pointer-events:auto}
  .admin-brand{padding:5px 0 10px!important;margin:0!important}
  .admin-brand img{width:90px!important;height:48px!important}
  .admin-brand small{font-size:11px!important}
  .admin-side button{
    width:100%!important;min-width:0!important;min-height:56px!important;
    padding:8px 10px!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:flex-start!important;gap:12px!important;
    border-radius:12px!important;font-size:13px!important
  }
  .admin-side button svg{width:20px!important;height:20px!important}
  .admin-side .admin-close{margin-top:2px!important}
  .admin-main{
    width:100%!important;min-width:0!important;margin:0!important;padding:72px 10px 24px!important;
    height:100dvh!important;overflow:auto!important;box-sizing:border-box!important
  }
  .admin-top{
    position:relative!important;top:auto!important;background:transparent!important;
    padding:0 2px 10px!important;gap:8px!important;align-items:flex-start!important
  }
  .admin-top h2{font-size:19px!important;margin:0!important}
  .admin-top-subtitle{font-size:10px!important}
  .admin-top-actions{display:none!important}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stat-grid>div{min-width:0!important;padding:13px 11px!important;border-radius:14px!important}
  .stat-grid b{font-size:25px!important;line-height:1.1}
  .stat-grid small{font-size:10px!important}
  .admin-card{padding:12px!important;border-radius:15px!important;margin-bottom:10px!important}
  .admin-card h3{font-size:16px!important;margin:0 0 10px!important}
  .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .toolbar input,.toolbar select{width:100%!important;min-height:44px!important;box-sizing:border-box!important;font-size:13px!important}
  .table-wrap{overflow-x:auto!important;border:1px solid #e8efed;border-radius:10px}
  .admin-table{min-width:650px!important;font-size:11px!important}
  .admin-table th,.admin-table td{padding:9px 7px!important}
  .mini-order{
    display:grid!important;grid-template-columns:1fr auto!important;gap:5px 8px!important;
    padding:12px 3px!important;font-size:12px!important;border-bottom:1px solid #edf1f0
  }
  .mini-order b{grid-column:1}
  .mini-order strong{grid-column:2;grid-row:1/3;text-align:left}
  .mini-order span:nth-child(2){grid-column:1}
  .mini-order span:nth-child(3){grid-column:1;color:#6f7c7e}
  .mini-order .detail-btn{grid-column:1/-1;width:100%!important;min-height:40px!important;margin-top:3px}
  .admin-chat-card{padding:11px!important}
  .admin-chat-head{gap:8px!important}
  .admin-chat-thread{max-height:280px!important;overflow:auto!important}
  .admin-edit-grid{grid-template-columns:1fr!important}
  .order-detail-box{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;border-radius:18px!important}
  .detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .detail-actions .send,.detail-actions .whatsapp-order-btn{width:100%!important}
  .admin-view{padding-bottom:20px}
}
@media(max-width:380px){
  .admin-main{padding-inline:8px!important}
  .admin-mobile-topbar{height:54px}
  .admin-main{padding-top:66px!important}
  .admin-mobile-title img{width:40px}
  .admin-mobile-title b{font-size:14px}
  .stat-grid{gap:6px!important}
  .stat-grid>div{padding:11px 8px!important}
  .stat-grid b{font-size:22px!important}
}

/* V28 admin button reliability */
.admin-side button,.admin-menu-btn,.detail-btn,#saveOrderDetail,#telegramTest,#closeOrderDetail,#adminGoogleLogin{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
@media(max-width:800px){
  .admin-mobile-topbar{pointer-events:auto!important;}
  .admin-menu-btn{position:relative!important;z-index:200!important;}
  .admin-side{pointer-events:auto!important;}
  .admin-side button{position:relative!important;z-index:201!important;pointer-events:auto!important;}
  .admin-side-backdrop{z-index:120!important;}
  .admin-panel .admin-main{position:relative!important;z-index:1!important;}
  .admin-panel .admin-card,.admin-panel .admin-view{pointer-events:auto!important;}
  .detail-btn,#saveOrderDetail,#telegramTest{pointer-events:auto!important;}
}


/* FENK V29 — order button touch/click reliability */
.detail-btn{position:relative!important;z-index:5!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;}
@media(max-width:800px){
  .admin-panel .detail-btn{min-height:44px!important;cursor:pointer!important;}
  .admin-panel .admin-main,.admin-panel .admin-card,.admin-panel .admin-view,.admin-panel .table-wrap{position:relative;}
  .admin-panel .admin-main{z-index:2!important;}
}

/* V30: order detail modal must sit above the fixed admin panel on mobile */
#orderDetailModal{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:none;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
#orderDetailModal.show{
  display:flex!important;
  pointer-events:auto!important;
}
#orderDetailModal .modal-box{
  position:relative!important;
  z-index:10051!important;
  pointer-events:auto!important;
}
@media(max-width:800px){
  #orderDetailModal{padding:8px!important;align-items:flex-end!important;}
  #orderDetailModal .modal-box{
    width:calc(100vw - 18px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 18px)!important;
    overflow:auto!important;
  }
}

/* V31 dashboard status filters */
.stat-filter{cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease!important;outline:none}.stat-filter:hover,.stat-filter:focus{transform:translateY(-2px);box-shadow:0 10px 25px rgba(7,45,39,.10)!important}.stat-filter:focus-visible{outline:2px solid var(--green);outline-offset:2px}


/* V32 order lifecycle improvements */
.stat-grid .stat-cancelled b{color:#b42318!important}
.stat-filter{cursor:pointer}
.stat-filter:focus{outline:2px solid #08c977;outline-offset:2px}
@media(min-width:801px){.stat-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}}
@media(max-width:800px){.stat-grid .stat-cancelled{grid-column:1/-1}.toolbar select{font-weight:700}.order-detail-box{overscroll-behavior:contain}}


/* =========================================================
   FENK V33 — final mobile layout polish
   Targets the actual V32 markup (hero-animated-frame + mobile-nav).
   Desktop remains unchanged.
   ========================================================= */
@media (max-width:800px){
  :root{
    --fenk-green:#08c977;
    --fenk-dark:#031915;
    --fenk-mobile-nav:72px;
  }

  html{
    overflow-x:hidden!important;
    scroll-padding-top:12px!important;
    scroll-padding-bottom:calc(var(--fenk-mobile-nav) + 24px + env(safe-area-inset-bottom))!important;
  }
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    padding-bottom:calc(var(--fenk-mobile-nav) + 22px + env(safe-area-inset-bottom))!important;
    -webkit-text-size-adjust:100%;
  }
  .site,main,#home,.order-section,.video-zone,.why,.stages,.payment,.telegram-contact,.footer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }

  /* Real mobile hero: use the lightweight supplied mobile artwork. */
  .hero.hero-animated-image{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:#031915!important;
    overflow:hidden!important;
  }
  .hero-animated-frame{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:864/1536!important;
    background:#031915!important;
    overflow:hidden!important;
  }
  .hero-animated-frame img{
    content:url("assets/hero-mobile-new.png")!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center top!important;
    background:#031915!important;
  }
  .mobile-hero-cta{
    display:flex!important;
    width:calc(100% - 24px)!important;
    min-height:48px!important;
    margin:10px auto 12px!important;
    padding:10px 16px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:14px!important;
    background:var(--fenk-green)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:900!important;
    box-shadow:0 7px 18px rgba(8,201,119,.20)!important;
    touch-action:manipulation!important;
  }
  .mobile-hero-cta:active{transform:translateY(1px)}
  .mobile-hero-cta span{font-size:20px!important;line-height:1!important}

  /* Compact announcement + promo strips. */
  .mobile-announcement{height:34px!important}
  .mobile-announcement-track{gap:10px!important;animation-duration:34s!important}
  .mobile-announcement-track span{font-size:10px!important}
  .promo-strip{min-height:32px!important;height:32px!important;overflow:hidden!important}
  .promo-track{font-size:10px!important;gap:14px!important;white-space:nowrap!important}

  /* Order area: one clean column, comfortable tap targets. */
  .order-section{
    padding:4px 10px calc(110px + env(safe-area-inset-bottom))!important;
  }
  .order-section .section-title{
    padding:12px 4px 10px!important;
    text-align:center!important;
  }
  .order-section .section-title h2{
    font-size:23px!important;
    line-height:1.25!important;
  }
  .order-section .section-title p{
    font-size:11px!important;
  }
  .order-section .order-steps{
    display:none!important;
  }
  .order-section .form-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:0!important;
  }
  .order-section .form-box{
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
    box-shadow:0 3px 14px rgba(7,45,39,.05)!important;
  }
  .order-section .form-box label{
    font-size:13px!important;
    line-height:1.4!important;
  }
  .order-section .form-box input,
  .order-section .form-box select,
  .order-section .form-box textarea{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin-bottom:9px!important;
    padding:10px 11px!important;
    border-radius:11px!important;
    font-size:14px!important;
    box-sizing:border-box!important;
  }
  .order-section .form-box textarea{
    min-height:82px!important;
    height:auto!important;
    resize:vertical!important;
  }
  .order-section .upload{
    width:100%!important;
    min-height:118px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
    margin-bottom:10px!important;
    border-radius:13px!important;
  }
  .order-section .upload-icon{font-size:25px!important}
  .order-section .upload b{font-size:12px!important}
  .order-section .upload small{font-size:10px!important;line-height:1.4!important}
  .order-section .image-preview{
    width:100%!important;
    max-width:280px!important;
    height:auto!important;
    max-height:170px!important;
    object-fit:contain!important;
    border-radius:10px!important;
  }

  .order-section .sites-select{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-bottom:12px!important;
  }
  .order-section .sites-select button{
    min-height:44px!important;
    padding:8px 5px!important;
    border-radius:11px!important;
    font-size:12px!important;
    font-weight:800!important;
    touch-action:manipulation!important;
  }
  .customer-order-fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .customer-order-fields>label,
  .customer-order-fields>label:nth-child(n){
    grid-column:1!important;
  }
  .phone-field{
    width:100%!important;
    min-height:46px!important;
    border-radius:11px!important;
  }
  .phone-field>span{
    min-width:58px!important;
    justify-content:center!important;
    padding:0 8px!important;
    font-size:13px!important;
  }
  .phone-field input{
    margin:0!important;
    min-height:44px!important;
  }
  .order-section .review-box{
    margin-top:0!important;
  }
  .order-section .counter{
    justify-content:center!important;
    gap:8px!important;
    margin:8px 0 12px!important;
  }
  .order-section .counter button{
    width:44px!important;
    height:44px!important;
    border-radius:12px!important;
  }
  .order-section .counter b{
    width:44px!important;
    font-size:16px!important;
  }
  .order-section .send{
    width:100%!important;
    min-height:50px!important;
    border-radius:12px!important;
    font-size:15px!important;
    font-weight:900!important;
  }
  .order-section #orderMsg{
    white-space:pre-line!important;
    line-height:1.7!important;
    overflow-wrap:anywhere!important;
  }

  /* Keep modals usable above the fixed nav and keyboard. */
  .modal,.market-modal{
    z-index:300!important;
    padding:8px!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain!important;
  }
  .modal-box,.market-box{
    width:100%!important;
    max-width:520px!important;
    max-height:calc(100dvh - 16px)!important;
    overflow:auto!important;
    box-sizing:border-box!important;
    border-radius:18px!important;
  }

  /* Footer becomes true accordion on phones. */
  .footer{
    padding:16px 12px calc(var(--fenk-mobile-nav) + 20px + env(safe-area-inset-bottom))!important;
  }
  .footer-accordion{
    margin:0!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
  .footer-accordion h3{
    min-height:42px!important;
    margin:0!important;
    padding:8px 2px!important;
    box-sizing:border-box!important;
  }

  /* Bottom navigation: six touch-safe items, plus button floats above it. */
  .mobile-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(var(--fenk-mobile-nav) + env(safe-area-inset-bottom))!important;
    padding:4px 6px env(safe-area-inset-bottom)!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #dce6e3!important;
    box-shadow:0 -7px 24px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(12px)!important;
    z-index:120!important;
  }
  .mobile-nav button:not(.plus){
    position:relative!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:3px 1px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    border:0!important;
    background:transparent!important;
    color:#17384b!important;
    touch-action:manipulation!important;
  }
  .mobile-nav button:not(.plus) svg{
    width:20px!important;
    height:20px!important;
  }
  .mobile-nav button:not(.plus) small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:1.1!important;
  }
  .mobile-nav button:not(.plus):active{transform:translateY(1px)}
  .mobile-nav .plus{
    position:fixed!important;
    right:14px!important;
    bottom:calc(var(--fenk-mobile-nav) + env(safe-area-inset-bottom) + 8px)!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:4px solid #fff!important;
    border-radius:50%!important;
    background:var(--fenk-green)!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(3,25,21,.22)!important;
    z-index:130!important;
  }
  .mobile-nav .plus svg{width:25px!important;height:25px!important}
  .mobile-nav .plus small{
    position:absolute!important;
    top:calc(100% + 2px)!important;
    right:50%!important;
    transform:translateX(50%)!important;
    color:#17384b!important;
    font-weight:800!important;
    white-space:nowrap!important;
    font-size:8px!important;
  }
  #mobileNotificationBadge{
    position:absolute!important;
    top:1px!important;
    right:calc(50% - 20px)!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#d92d20!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:17px!important;
  }
}

@media(max-width:390px){
  :root{--fenk-mobile-nav:70px}
  .mobile-hero-cta{min-height:46px!important;font-size:14px!important}
  .order-section{padding-inline:8px!important}
  .order-section .form-box{padding:10px!important}
  .order-section .sites-select{gap:6px!important}
  .mobile-nav{padding-inline:3px!important}
  .mobile-nav button:not(.plus) small{font-size:7px!important}
  .mobile-nav .plus{right:10px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
}

/* FENK — use the exact Desktop hero artwork on phones too.
   Do not replace, crop, stretch, or redesign the hero for mobile. */
@media (max-width:800px){
  .hero.hero-animated-image{
    display:block!important;
    width:100%!important;
    max-width:1200px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    background:#031915!important;
    overflow:hidden!important;
  }
  .hero.hero-animated-image .hero-animated-frame{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#031915!important;
  }
  .hero.hero-animated-image .hero-animated-frame img{
    content:normal!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#031915!important;
  }
  /* The Desktop hero artwork already contains its CTA, so no extra mobile CTA. */
  .hero.hero-animated-image + .mobile-hero-cta{
    display:none!important;
  }
}

/* FENK Game Top-up */
.game-topup{padding:18px 15px 28px;background:#f5faf8;border-top:1px solid #e1ebe7}
.game-topup .section-title h2{display:flex;align-items:center;justify-content:center;gap:8px}
.game-topup .section-title h2 svg{width:28px;height:28px;color:var(--green)}
.game-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.game-card{border:1px solid #d9e6e1;background:#fff;border-radius:16px;padding:14px 10px;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 5px 16px rgba(3,42,35,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.game-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(3,42,35,.10);border-color:#9ddbc1}
.game-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#e9f8f1;color:#07975c}
.game-icon svg{width:29px;height:29px;stroke-width:2.2}
.game-card b{font-size:14px}.game-card small{font-size:10px;color:#78858a}
.game-note{max-width:1100px;margin:14px auto 0;padding:10px 12px;border-radius:10px;background:#eaf8f2;color:#37665a;font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}
.game-note svg{width:17px;height:17px;flex:0 0 auto;color:#07975c}
.game-topup-nav{position:relative}
.game-topup-nav:after{content:'';position:absolute;top:6px;left:8px;width:6px;height:6px;border-radius:50%;background:#09c979;box-shadow:0 0 0 4px rgba(9,201,121,.12)}
@media(max-width:800px){.game-grid{grid-template-columns:repeat(2,1fr);gap:9px}.game-card{min-height:108px;padding:11px 8px;border-radius:14px}.game-icon{width:48px;height:48px;border-radius:13px}.game-icon svg{width:25px;height:25px}.game-card b{font-size:12px}.game-card small{font-size:9px}.game-note{font-size:10px;line-height:1.5}.categorybar .game-topup-nav{min-width:90px}}


/* =========================================================
   FENK Mobile Error Fix Pack — September 2026
   Scope: mobile layout only. Desktop is intentionally untouched.
   ========================================================= */
@media (max-width:800px){

  /* 1) ORDER FORM: never leave a large empty desktop column on phones. */
  .order-section .form-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
    padding:0 8px!important;
    margin:0!important;
  }
  .order-section .form-grid > .form-box{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .order-section .form-box *{
    max-width:100%;
    box-sizing:border-box;
  }

  /* Keep customer fields readable instead of creating a cramped 2-column form. */
  .order-section .customer-order-fields{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
  }
  .order-section .customer-order-fields > label,
  .order-section .customer-order-fields > label:nth-child(n){
    grid-column:1 / -1!important;
    width:100%!important;
  }

  /* 2) Sticky mobile navigation: reserve enough space at the bottom. */
  :root{--fenk-mobile-nav-fixed:76px}
  body{
    padding-bottom:calc(var(--fenk-mobile-nav-fixed) + env(safe-area-inset-bottom) + 18px)!important;
  }
  html{
    scroll-padding-bottom:calc(var(--fenk-mobile-nav-fixed) + env(safe-area-inset-bottom) + 18px)!important;
  }
  .order-section,
  .game-topup,
  .sites-band,
  .why,
  .stages,
  .payment,
  .telegram-contact,
  .footer{
    scroll-margin-bottom:calc(var(--fenk-mobile-nav-fixed) + 20px)!important;
  }

  /* 3) Floating + button: keep it above the nav and reduce content obstruction. */
  .mobile-nav .plus{
    right:12px!important;
    bottom:calc(var(--fenk-mobile-nav-fixed) + env(safe-area-inset-bottom) + 10px)!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    border-width:3px!important;
  }
  .mobile-nav .plus svg{
    width:23px!important;
    height:23px!important;
  }

  /* 4) Game cards: stable sizing and no horizontal overflow. */
  .game-topup{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding-bottom:24px!important;
  }
  .game-grid{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
  }
  .game-card{
    width:100%!important;
    min-width:0!important;
    min-height:112px!important;
    box-sizing:border-box!important;
  }
  .game-card b,.game-card small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .game-note{
    margin-inline:8px!important;
    width:auto!important;
  }

  /* 5) Supported websites: center the 7th item instead of leaving it awkwardly aligned. */
  .sites-band>div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  .sites-band>div > :last-child:nth-child(odd){
    grid-column:1 / -1!important;
    width:50%!important;
    justify-self:center!important;
  }

  /* 6) Stages: don't let the fixed nav hide the beginning of this section. */
  .stages{
    padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;
  }
  .stage-row{
    padding-bottom:14px!important;
  }

  /* 7) Payment + WhatsApp cards: prevent side overflow on narrow phones. */
  .payment,
  .telegram-contact{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }
  .payment-main,
  .telegram-contact-inner{
    max-width:100%!important;
    min-width:0!important;
  }
  .payment-main h2,
  .payment-main p,
  .telegram-contact-inner h2,
  .telegram-contact-inner p{
    overflow-wrap:anywhere!important;
  }

  /* 8) Footer: always leave visible content above the navigation bar. */
  .footer{
    padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:390px){
  .order-section .form-grid{padding-inline:5px!important}
  .game-grid{padding-inline:5px!important;gap:7px!important}
  .game-card{min-height:105px!important;padding-inline:6px!important}
  .sites-band>div > :last-child:nth-child(odd){width:55%!important}
  .mobile-nav .plus{
    right:9px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
}


/* FENK Real Game Logos */
.game-icon.game-real-image{overflow:hidden;background:#fff!important;padding:7px;box-sizing:border-box}
.game-icon.game-real-image img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
@media(max-width:800px){.game-icon.game-real-image{width:48px;height:48px;padding:6px;border-radius:13px}.game-icon.game-real-image img{width:100%;height:100%;object-fit:contain}}
@media(max-width:800px){.game-card{display:flex;text-decoration:none}.game-card:visited{color:inherit}}


/* =========================================================
   FENK Gaming Glow Bar — under the unchanged hero
   ========================================================= */
.game-glow-bar{
  position:relative;
  max-width:1200px;
  margin:0 auto;
  padding:20px 18px 18px;
  background:
    radial-gradient(circle at 15% 50%,rgba(5,201,107,.13),transparent 28%),
    radial-gradient(circle at 85% 50%,rgba(0,235,255,.09),transparent 28%),
    linear-gradient(180deg,#031f1a,#062d25);
  border-top:1px solid rgba(53,239,151,.25);
  border-bottom:1px solid rgba(53,239,151,.20);
  overflow:hidden;
}
.game-glow-bar:before{
  content:"";
  position:absolute;
  inset:-80px;
  background:conic-gradient(from 0deg,transparent 0 70%,rgba(5,201,107,.12),transparent 82%);
  animation:fenkGlowSpin 9s linear infinite;
  pointer-events:none;
}
@keyframes fenkGlowSpin{to{transform:rotate(360deg)}}
.game-glow-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:14px;
}
.game-glow-kicker{
  display:block;
  color:#4df4a0;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
  margin-bottom:2px;
}
.game-glow-head h2{
  color:#fff;
  margin:0;
  font-size:27px;
}
.game-glow-head p{
  color:#b7d7ce;
  margin:3px 0 0;
  font-size:12px;
}
.game-glow-all{
  color:#fff;
  background:linear-gradient(135deg,#08d47b,#04a85f);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 0 18px rgba(5,201,107,.38);
  border-radius:999px;
  padding:9px 14px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  text-decoration:none;
}
.game-glow-track{
  position:relative;
  z-index:2;
  display:flex;
  gap:12px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  padding:6px 3px 10px;
}
.game-glow-track::-webkit-scrollbar{display:none}
.game-glow-card{
  position:relative;
  flex:0 0 112px;
  min-height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(143,255,208,.25);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 25px rgba(0,0,0,.18);
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.game-glow-card:hover,
.game-glow-card:focus-visible{
  transform:translateY(-5px) scale(1.03);
  border-color:#45f5a0;
  box-shadow:0 0 25px rgba(5,201,107,.45),0 14px 30px rgba(0,0,0,.22);
  outline:none;
}
.game-glow-card img{
  position:relative;
  z-index:2;
  width:55px;
  height:55px;
  object-fit:contain;
  border-radius:13px;
  background:#fff;
  padding:5px;
  filter:drop-shadow(0 0 7px rgba(58,255,164,.35));
  animation:fenkGameFloat 3s ease-in-out infinite;
}
.game-glow-card:nth-child(2) img{animation-delay:.25s}
.game-glow-card:nth-child(3) img{animation-delay:.5s}
.game-glow-card:nth-child(4) img{animation-delay:.75s}
.game-glow-card:nth-child(5) img{animation-delay:1s}
.game-glow-card:nth-child(6) img{animation-delay:1.25s}
.game-glow-card:nth-child(7) img{animation-delay:1.5s}
@keyframes fenkGameFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.game-glow-card strong{
  font-size:12px;
  line-height:1.1;
  text-align:center;
}
.game-glow-card small{
  color:#9deac9;
  font-size:10px;
}
.game-glow-ring{
  position:absolute;
  width:72px;
  height:72px;
  border-radius:50%;
  border:1px solid rgba(44,242,151,.35);
  box-shadow:0 0 20px rgba(5,201,107,.18),inset 0 0 16px rgba(5,201,107,.08);
  animation:fenkPulse 2.2s ease-in-out infinite;
}
@keyframes fenkPulse{
  0%,100%{transform:scale(.92);opacity:.45}
  50%{transform:scale(1.08);opacity:1}
}
@media(max-width:800px){
  .game-glow-bar{
    padding:15px 10px 13px;
  }
  .game-glow-head{
    margin:0 4px 10px;
  }
  .game-glow-head h2{font-size:22px}
  .game-glow-head p{font-size:10px}
  .game-glow-all{padding:8px 11px;font-size:10px}
  .game-glow-track{
    gap:9px;
    padding-bottom:8px;
  }
  .game-glow-card{
    flex-basis:96px;
    min-height:105px;
    border-radius:16px;
  }
  .game-glow-card img{
    width:48px;
    height:48px;
  }
  .game-glow-ring{
    width:63px;
    height:63px;
  }
  .game-glow-card strong{font-size:10px}
  .game-glow-card small{font-size:9px}
}

/* Final mobile refinement: shorter gaming strip + local logos */
.game-glow-card img{
  background:#fff!important;
  object-fit:contain!important;
}
@media(max-width:800px){
  .game-glow-bar{
    padding:10px 8px 9px!important;
  }
  .game-glow-head{
    margin-bottom:7px!important;
  }
  .game-glow-kicker{font-size:8px!important;letter-spacing:1.6px!important}
  .game-glow-head h2{font-size:19px!important;line-height:1.1!important}
  .game-glow-head p{font-size:9px!important;margin-top:2px!important}
  .game-glow-all{padding:6px 9px!important;font-size:9px!important}
  .game-glow-track{gap:7px!important;padding:3px 2px 5px!important}
  .game-glow-card{
    flex-basis:82px!important;
    min-height:82px!important;
    border-radius:13px!important;
    gap:3px!important;
  }
  .game-glow-card img{
    width:40px!important;
    height:40px!important;
    padding:4px!important;
    border-radius:10px!important;
  }
  .game-glow-ring{
    width:51px!important;
    height:51px!important;
  }
  .game-glow-card strong{font-size:9px!important}
  .game-glow-card small{font-size:8px!important}
}

/* User-provided game artwork: compact visual thumbnails */
.game-glow-card img{width:68px!important;height:44px!important;object-fit:cover!important;border-radius:10px!important;padding:0!important;background:#071f1b!important;box-shadow:0 0 13px rgba(5,201,107,.32)!important;}
@media(max-width:800px){.game-glow-card img{width:62px!important;height:39px!important}.game-glow-card{min-height:78px!important}.game-glow-card strong{font-size:9px!important}.game-glow-card small{font-size:8px!important}}

/* FENK real game-cover cards: compact, premium, no generic icon look */
.game-cover-bar{
  background:
    radial-gradient(circle at 20% 20%,rgba(0,255,164,.16),transparent 30%),
    radial-gradient(circle at 85% 80%,rgba(0,210,255,.10),transparent 32%),
    linear-gradient(180deg,#02231d,#06382c);
}
.game-cover-track{gap:10px!important}
.game-cover-card{
  flex:0 0 104px!important;
  min-height:106px!important;
  padding:7px 6px 8px!important;
  justify-content:flex-start!important;
  gap:4px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important;
  border:1px solid rgba(119,255,207,.28)!important;
}
.game-cover-card:before{
  content:"";
  position:absolute;
  inset:-25%;
  background:radial-gradient(circle,rgba(0,238,151,.16),transparent 60%);
  animation:coverLight 3.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes coverLight{
  0%,100%{transform:scale(.85);opacity:.45}
  50%{transform:scale(1.12);opacity:1}
}
.game-cover-card .game-cover-image{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:58px;
  border-radius:11px;
  overflow:hidden;
  background:#071b17;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 0 15px rgba(0,242,153,.20);
}
.game-cover-card .game-cover-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:none!important;
  animation:none!important;
}
.game-cover-card strong,
.game-cover-card small{
  position:relative;
  z-index:2;
  width:100%;
  text-align:center;
}
.game-cover-card strong{
  font-size:11px!important;
  line-height:1.1!important;
}
.game-cover-card small{
  font-size:9px!important;
  color:#a5f2d1!important;
}
.game-cover-card .game-glow-ring{display:none!important}

@media(max-width:800px){
  .game-cover-bar{
    padding:13px 8px 11px!important;
  }
  .game-cover-bar .game-glow-head{
    margin:0 3px 8px!important;
  }
  .game-cover-bar .game-glow-head h2{
    font-size:21px!important;
  }
  .game-cover-bar .game-glow-head p{
    font-size:9px!important;
  }
  .game-cover-bar .game-glow-all{
    padding:7px 10px!important;
    font-size:9px!important;
  }
  .game-cover-track{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    padding:3px 1px 5px!important;
  }
  .game-cover-card{
    min-width:0!important;
    width:100%!important;
    flex:none!important;
    min-height:92px!important;
    padding:5px 4px 6px!important;
    border-radius:13px!important;
  }
  .game-cover-card .game-cover-image{
    height:50px!important;
    border-radius:9px!important;
  }
  .game-cover-card strong{font-size:9px!important}
  .game-cover-card small{font-size:8px!important}
}
@media(max-width:390px){
  .game-cover-track{gap:5px!important}
  .game-cover-card{min-height:88px!important}
  .game-cover-card .game-cover-image{height:47px!important}
  .game-cover-card strong{font-size:8.5px!important}
}

/* Uploaded Free Fire HD cover */
.game-cover-card .game-cover-image{
  aspect-ratio: 16 / 9;
  height:auto!important;
  min-height:0!important;
}
.game-cover-card .game-cover-image img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:800px){
  .game-cover-card .game-cover-image{
    height:48px!important;
    aspect-ratio:auto!important;
  }
}

/* FENK: avoid repeating "اطلب منتجك" on the homepage */
@media(max-width:800px){
  .order-section > h1,
  .order-section > h2{
    display:none!important;
  }
}


/* Final mobile visual cleanup */
@media(max-width:800px){
  .mobile-hero-cta{display:none!important;}
  .order-section .section-title{padding-top:16px!important;padding-bottom:9px!important;}
  .order-section .section-title h2{font-size:26px!important;}
  .mobile-nav .plus{width:46px!important;height:46px!important;right:10px!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 8px)!important;}
  .mobile-nav .plus svg{width:21px!important;height:21px!important;}
  .game-glow-card{flex-basis:84px!important;min-height:86px!important;}
  .game-glow-card img{width:64px!important;height:42px!important;object-fit:cover!important;}
}
@media(max-width:390px){
  .game-glow-card{flex-basis:78px!important;min-height:82px!important;}
  .game-glow-card img{width:58px!important;height:38px!important;}
}


/* FENK MOBILE HERO GIF */
@media (max-width:800px){
  .hero.hero-animated-image{width:100%;max-width:100%;overflow:hidden;background:#022a23;}
  .hero.hero-animated-image .hero-animated-frame{width:100%;height:auto;min-height:0;overflow:hidden;}
  .hero.hero-animated-image .hero-animated-frame picture{display:block;width:100%;line-height:0;}
  .hero.hero-animated-image .hero-animated-frame img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;}
}

/* FENK order site icon links */
.sites-icon-links{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:9px!important;
  margin:4px 0 14px;
}
.sites-icon-links button{
  position:relative;
  min-height:58px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-direction:column;
  border:1px solid rgba(5,201,107,.25)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff,#f5fbf8)!important;
  color:#073e34!important;
  box-shadow:0 4px 14px rgba(2,54,43,.07), inset 0 0 0 1px rgba(255,255,255,.6);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
  overflow:hidden;
}
.sites-icon-links button:before{
  content:"";
  position:absolute;
  inset:-30%;
  background:radial-gradient(circle,rgba(0,221,135,.20),transparent 60%);
  opacity:.35;
  animation:sitePulse 3s ease-in-out infinite;
  pointer-events:none;
}
@keyframes sitePulse{50%{transform:scale(1.15);opacity:.8}}
.sites-icon-links button.active{
  border-color:#06c978!important;
  background:linear-gradient(180deg,#edfff7,#d9fff0)!important;
  color:#006f4c!important;
  box-shadow:0 0 0 2px rgba(6,201,120,.10),0 0 20px rgba(6,201,120,.25)!important;
  transform:translateY(-1px);
}
.sites-icon-links .site-icon{
  position:relative;
  z-index:1;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#063c32;
  color:#fff;
  font-weight:900;
  font-size:15px;
  box-shadow:0 0 13px rgba(0,224,139,.28);
}
.sites-icon-links button.active .site-icon{
  background:linear-gradient(135deg,#00c976,#00a862);
  box-shadow:0 0 16px rgba(0,214,127,.45);
}
.sites-icon-links button span:last-child{
  position:relative;
  z-index:1;
  font-size:10px;
  font-weight:900;
}
@media(max-width:800px){
  .sites-icon-links{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-bottom:12px}
  .sites-icon-links button{min-height:54px!important;border-radius:13px!important}
  .sites-icon-links .site-icon{width:25px;height:25px;font-size:13px;border-radius:8px}
  .sites-icon-links button span:last-child{font-size:9px}
  /* Give the mobile hero a little more breathing room */
  .hero.hero-animated-image .hero-animated-frame{
    min-height:calc(100vw * .58);
  }
  .hero.hero-animated-image .hero-animated-frame img{
    min-height:calc(100vw * .58);
    object-fit:cover;
    object-position:center;
  }
  /* Compact gaming section while keeping the covers prominent */
  .game-cover-bar{
    padding-top:9px!important;
    padding-bottom:7px!important;
  }
  .game-cover-bar .game-glow-head{margin-bottom:5px!important}
  .game-cover-bar .game-glow-head h2{font-size:20px!important}
  .game-cover-bar .game-glow-head p{font-size:9px!important}
  .game-cover-card{min-height:82px!important;padding:4px!important}
  .game-cover-card .game-cover-image{height:43px!important}
  .game-cover-card strong{font-size:8.5px!important}
  .game-cover-card small{font-size:7.5px!important}
}
@media(max-width:390px){
  .hero.hero-animated-image .hero-animated-frame,
  .hero.hero-animated-image .hero-animated-frame img{min-height:calc(100vw * .56)}
  .game-cover-card{min-height:78px!important}
  .game-cover-card .game-cover-image{height:40px!important}
}

/* FENK Mobile UX V42 - additive overrides; desktop remains unchanged */
.mobile-trust{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 12px;margin:8px auto 14px;max-width:1200px;white-space:nowrap}
.mobile-trust::-webkit-scrollbar{display:none}.mobile-trust span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 11px;font-size:12px}
.fenk-ai-home{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px auto;padding:18px 20px;max-width:1200px;border-radius:20px;background:linear-gradient(135deg,rgba(20,120,83,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1)}
.fenk-ai-home h2{margin:4px 0 6px}.fenk-ai-home p{margin:0;line-height:1.7;max-width:720px}.ai-kicker{font-size:12px;font-weight:800;opacity:.8}
.mobile-fab{display:none}.mobile-fab-menu{display:none}
@media(max-width:800px){
 body{overflow-x:hidden;padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 img,video{max-width:100%;height:auto}.container,main,section{max-width:100%;box-sizing:border-box}
 .mobile-trust{margin:6px 0 10px;padding:8px 12px}.mobile-trust span{font-size:11px;padding:7px 9px}
 .fenk-ai-home{margin:12px 12px 16px;padding:15px;display:block;border-radius:17px}.fenk-ai-home p{font-size:13px}.fenk-ai-home .send{width:100%;margin-top:12px;min-height:46px}
 .video-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 12px 10px}.video-grid .video-card{min-width:82%;scroll-snap-align:start;margin:0}.video-card video{aspect-ratio:16/10;object-fit:cover;width:100%}
 .tutorial{margin:12px!important}.tutorial img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:14px}
 .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0 12px}.game-card{min-width:0!important}.game-card .game-icon{width:100%!important;height:92px!important}.game-card .game-icon img{width:100%;height:100%;object-fit:cover!important}
 .sites-band>div{display:flex;overflow-x:auto;gap:8px;padding:4px 12px 10px;scrollbar-width:none}.sites-band>div::-webkit-scrollbar{display:none}.sites-band a{flex:0 0 auto}
 .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0 12px}.why-grid article{min-width:0;padding:12px!important}.why-grid p{font-size:12px}
 .stage-row{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:0 12px 10px!important;scrollbar-width:none}.stage-row::-webkit-scrollbar{display:none}.stage-row>div{flex:0 0 145px!important}.stage-row>i{flex:0 0 auto}
 .payment{margin:12px!important;border-radius:18px}.payment-main{padding:14px!important}.payment-main h2{font-size:17px!important;line-height:1.5}.checks{gap:7px!important}.checks span{font-size:12px!important}
 .modal-box{width:calc(100vw - 24px)!important;max-height:88vh!important;margin:12px!important;border-radius:18px!important;overflow-y:auto}
 .account-box,.order-detail-box,.tracking-box,.notifications-box{padding:14px!important}.account-list{gap:5px!important}.account-list button{min-height:48px!important;padding:9px 10px!important}.account-box h4{margin:14px 4px 7px!important}
 .mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;height:64px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;box-sizing:content-box!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;background:rgba(3,25,21,.97)!important;border-top:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(14px)}
 .mobile-nav button{min-width:0!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;background:none!important;border:0!important;color:inherit!important}.mobile-nav small{font-size:10px!important;line-height:1!important}.mobile-nav svg{width:20px!important;height:20px!important}.mobile-nav em{position:absolute!important;top:2px!important;right:calc(50% - 17px)!important;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#e53935;color:#fff;font-size:9px;display:none;align-items:center;justify-content:center;font-style:normal}
 .mobile-fab{display:flex;position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:1010;width:54px;height:54px;border:0;border-radius:50%;align-items:center;justify-content:center;background:#18a86b;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.35);font-size:0}.mobile-fab svg{width:25px;height:25px;transition:transform .2s}.mobile-fab span{display:none}.mobile-fab[aria-expanded=true] svg{transform:rotate(45deg)}
 .mobile-fab-menu{display:flex;position:fixed;right:16px;bottom:calc(144px + env(safe-area-inset-bottom));z-index:1009;flex-direction:column;gap:7px;width:min(210px,calc(100vw - 32px));padding:9px;border-radius:16px;background:rgba(3,25,21,.98);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.4)}.mobile-fab-menu[hidden]{display:none}.mobile-fab-menu button{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border:0;border-radius:11px;background:rgba(255,255,255,.06);color:inherit;text-align:right}.mobile-fab-menu svg{width:18px;height:18px}
 #order{scroll-margin-top:76px!important;padding-left:12px;padding-right:12px}.form-box,.review-box{width:100%!important;box-sizing:border-box}.two-fields{grid-template-columns:1fr!important}.field,.form-box label{min-width:0}.form-box input,.form-box textarea,.form-box select{font-size:16px!important;min-height:46px}
 .hero{overflow:hidden}.hero h1,.hero h2{max-width:100%;word-break:normal}.hero .hero-animated-frame{width:100%;overflow:hidden}
 .section-title{padding-inline:12px}.section-title h2{font-size:21px}.section-title p{font-size:12px;line-height:1.6}
}
@media(max-width:390px){.mobile-fab{right:12px}.mobile-fab-menu{right:12px;width:calc(100vw - 24px)}.game-grid{gap:8px!important}.game-card .game-icon{height:82px!important}.why-grid{gap:7px!important}}


/* FENK V44 — advertising hero inspired by modern digital-service homepages */
.fenk-ad-hero{position:relative;min-height:clamp(390px,54vw,620px);overflow:hidden;background:#17152c;color:#fff;border-radius:0 0 28px 28px;isolation:isolate}
.fenk-ad-slides{position:absolute;inset:0}
.fenk-ad-slide{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .55s ease,transform .8s ease,visibility .55s; background-image:var(--ad-image);background-size:cover;background-position:center}
.fenk-ad-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}
.fenk-ad-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,6,20,.88) 0%,rgba(11,8,27,.58) 43%,rgba(10,7,20,.08) 100%),linear-gradient(0deg,rgba(8,7,25,.94) 0%,rgba(8,7,25,.12) 58%,rgba(8,7,25,.12) 100%);z-index:-1}
.fenk-ad-copy{position:relative;z-index:2;max-width:650px;padding:clamp(32px,6vw,82px);padding-top:100px;text-align:right;margin-inline-start:0}
.fenk-ad-kicker{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(111,78,255,.92);font-weight:800;font-size:14px;margin-bottom:14px}
.fenk-ad-copy h1,.fenk-ad-copy h2{margin:0 0 14px;font-size:clamp(32px,5vw,62px);line-height:1.08;font-weight:900;letter-spacing:-.8px}
.fenk-ad-copy p{margin:0 0 24px;font-size:clamp(16px,2.1vw,23px);line-height:1.65;max-width:560px;color:rgba(255,255,255,.93)}
.fenk-ad-btn{display:inline-flex;align-items:center;gap:8px;background:#7048f5;color:#fff;text-decoration:none;padding:13px 22px;border-radius:999px;font-weight:900;box-shadow:0 10px 28px rgba(112,72,245,.3);transition:transform .2s,background .2s}
.fenk-ad-btn:hover{transform:translateY(-2px);background:#825fff}
.fenk-ad-controls{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;direction:ltr}
.fenk-ad-controls button{width:44px;height:7px;border:0;border-radius:99px;background:rgba(255,255,255,.28);padding:0;cursor:pointer;transition:.25s}
.fenk-ad-controls button.is-active{width:68px;background:#fff}
.fenk-ad-timer{position:absolute;z-index:5;bottom:16px;right:24px;width:46px;height:46px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;background:rgba(10,8,25,.25);backdrop-filter:blur(5px)}
.fenk-services,.fenk-popular{padding:44px 5%;background:#fff}
.fenk-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fenk-service-card{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #eceaf6;border-radius:20px;text-decoration:none;color:#171523;background:#fff;box-shadow:0 8px 28px rgba(35,25,80,.07);transition:.2s}
.fenk-service-card:hover{transform:translateY(-3px);border-color:#cfc3ff;box-shadow:0 14px 30px rgba(112,72,245,.12)}
.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#f0ecff;font-size:24px;flex:none}
.fenk-service-card div{min-width:0;display:flex;flex-direction:column;gap:5px}.fenk-service-card b{font-size:16px}.fenk-service-card small{color:#777;line-height:1.4}.fenk-service-card i{margin-inline-start:auto;color:#7048f5;font-size:22px;font-style:normal}
.fenk-popular{background:#f8f7fc;padding-top:10px}.fenk-popular-row{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.fenk-popular-row::-webkit-scrollbar{display:none}.fenk-popular-row a{white-space:nowrap;text-decoration:none;color:#2b214b;background:#fff;border:1px solid #ece9f7;padding:12px 16px;border-radius:999px;font-weight:800;box-shadow:0 5px 18px rgba(35,25,80,.06)}
@media(max-width:800px){
 .fenk-ad-hero{min-height:500px;border-radius:0 0 20px 20px}
 .fenk-ad-slide{align-items:flex-end;background-position:center top}
 .fenk-ad-overlay{background:linear-gradient(0deg,rgba(8,7,25,.96) 0%,rgba(8,7,25,.68) 44%,rgba(8,7,25,.05) 76%),linear-gradient(90deg,rgba(8,7,25,.1),rgba(8,7,25,.1))}
 .fenk-ad-copy{width:100%;padding:28px 22px 66px;text-align:right}
 .fenk-ad-kicker{font-size:12px;padding:7px 11px;margin-bottom:10px}.fenk-ad-copy h1,.fenk-ad-copy h2{font-size:35px;margin-bottom:10px}.fenk-ad-copy p{font-size:16px;line-height:1.55;margin-bottom:16px}.fenk-ad-btn{font-size:15px;padding:12px 18px}
 .fenk-ad-controls{bottom:15px}.fenk-ad-controls button{width:28px}.fenk-ad-controls button.is-active{width:48px}.fenk-ad-timer{right:14px;bottom:9px;width:38px;height:38px;font-size:10px}
 .fenk-services,.fenk-popular{padding:30px 14px}.fenk-service-grid{grid-template-columns:1fr 1fr;gap:10px}.fenk-service-card{padding:13px;border-radius:16px;align-items:flex-start}.service-icon{width:40px;height:40px;border-radius:12px;font-size:20px}.fenk-service-card b{font-size:14px}.fenk-service-card small{font-size:11px}.fenk-service-card i{display:none}
 .fenk-popular{padding-top:0}.fenk-popular .section-title{margin-bottom:10px}.fenk-popular-row{margin-inline:-4px}
}
@media(max-width:390px){.fenk-ad-hero{min-height:470px}.fenk-ad-copy h1,.fenk-ad-copy h2{font-size:31px}.fenk-service-grid{grid-template-columns:1fr}.fenk-service-card{align-items:center}}

/* V45 — marketplace logo cards + FENK share */
.sites-subtitle{text-align:center;color:#7d878b;margin:-4px 0 12px;font-size:13px}.site-logo-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}.site-logo-grid a{padding:7px!important;display:flex;align-items:center;justify-content:center;min-height:82px}.site-logo-grid img{width:100%;height:58px;object-fit:contain;display:block}.site-logo-grid .sites-more{display:flex;align-items:center;justify-content:center;font-size:13px}.share-fenk{max-width:1100px;margin:0 auto 24px;padding:18px 20px;border:1px solid #dbe7e2;border-radius:18px;background:linear-gradient(135deg,#f2fbf7,#fff);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.share-kicker{display:inline-block;color:#08a967;font-weight:900;font-size:13px;margin-bottom:4px}.share-fenk h2{margin:0 0 4px;font-size:25px}.share-fenk p{margin:0;color:#7c8789;font-size:13px}.share-actions{display:flex;gap:8px}.share-actions button{border:0;border-radius:999px;background:var(--green);color:#fff;padding:12px 17px;font-weight:900;display:flex;align-items:center;gap:7px}.share-actions .share-copy{background:#fff;color:#0b7650;border:1px solid #bfe2d3}.share-actions svg{width:18px;height:18px}.share-fenk small{grid-column:1/-1;color:#08a967;text-align:center;min-height:15px}
@media(max-width:700px){.sites-band{padding:12px 10px 18px}.sites-subtitle{font-size:11px;margin-bottom:8px}.site-logo-grid{display:flex!important;overflow-x:auto;gap:7px;padding:2px 1px 8px;scrollbar-width:none}.site-logo-grid::-webkit-scrollbar{display:none}.site-logo-grid a,.site-logo-grid .sites-more{flex:0 0 105px;min-height:74px;padding:5px!important;border-radius:12px}.site-logo-grid img{height:48px}.site-logo-grid .sites-more{font-size:11px}.share-fenk{margin:8px 10px 18px;padding:14px;border-radius:16px;display:block;text-align:center}.share-fenk h2{font-size:20px}.share-fenk p{font-size:11px}.share-actions{margin-top:11px;display:grid;grid-template-columns:1fr 1fr}.share-actions button{justify-content:center;padding:10px 8px;font-size:12px}.share-fenk small{display:block;margin-top:7px;font-size:10px}}
@media(max-width:390px){.site-logo-grid a,.site-logo-grid .sites-more{flex-basis:92px}.share-fenk h2{font-size:18px}.share-actions button{font-size:11px}}

/* FENK V46 — animated game artwork without changing the game cards */
.game-card .game-real-image{position:relative;overflow:hidden;isolation:isolate}
.game-card .game-real-image::after{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%);transform:translateX(-70%) rotate(8deg);animation:fenkGameShine 4.8s ease-in-out infinite;pointer-events:none;z-index:2}
.game-card .game-real-image img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;animation:fenkGameMotion 5.5s ease-in-out infinite alternate;will-change:transform}
.game-card:nth-child(2) .game-real-image img{animation-delay:-1.1s}.game-card:nth-child(3) .game-real-image img{animation-delay:-2.2s}.game-card:nth-child(4) .game-real-image img{animation-delay:-3.3s}.game-card:nth-child(5) .game-real-image img{animation-delay:-4.4s}.game-card:nth-child(6) .game-real-image img{animation-delay:-.7s}.game-card:nth-child(7) .game-real-image img{animation-delay:-1.8s}
@keyframes fenkGameMotion{0%{transform:scale(1.02) translate3d(0,0,0)}50%{transform:scale(1.07) translate3d(-1.5%, -1%,0)}100%{transform:scale(1.04) translate3d(1.5%,1%,0)}}
@keyframes fenkGameShine{0%,55%{transform:translateX(-75%) rotate(8deg);opacity:0}65%{opacity:1}85%,100%{transform:translateX(75%) rotate(8deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.game-card .game-real-image img,.game-card .game-real-image::after{animation:none}}

/* V50 mobile cleanup: compact announcement, account phone row, readable support chat */
.account-list button small{color:#7b8b87;font-size:12px;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messages-box{width:min(94vw,560px);max-height:calc(100dvh - 24px);overflow:hidden}
@media(max-width:600px){
  .mobile-announcement{max-height:34px!important;overflow:hidden!important}
  .mobile-announcement-track{font-size:11px!important;padding:7px 0!important;gap:22px!important}
  .messages-box{width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100dvh - 20px)!important;padding:14px 12px!important}
  .messages-box .chat-list{height:min(48vh,380px)!important}
  .account-list button{min-height:50px}
}

/* V52 account UX: always open account/profile at the top and keep account identity readable */
.account-box{scroll-behavior:auto;scroll-padding-top:8px}
.account-hero{position:relative}
.account-hero b{display:block;font-size:16px;color:#12364a;word-break:break-word}
.account-hero small{display:block}
@media(max-width:600px){.account-box{overscroll-behavior:contain}.account-hero{padding-top:4px}.account-hero b{font-size:15px}.account-list button small{font-size:11px}}


/* V53 final mobile account modal: keep the account header visible and prevent the modal from opening mid-scroll. */
@media(max-width:600px){
  #accountModal{align-items:flex-start!important;justify-content:center!important;padding:10px 0!important;overflow:hidden!important;}
  #accountModal .account-box{width:calc(100vw - 16px)!important;max-width:520px!important;max-height:calc(100dvh - 20px)!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:auto!important;-webkit-overflow-scrolling:touch!important;}
  #accountModal .account-hero{position:relative!important;}
}

/* FENK V54 — reliability polish: hero controls, info modal and touch-safe footer actions */
.fenk-ad-controls button{min-height:12px;outline-offset:4px}
.fenk-ad-controls button:focus-visible{outline:2px solid #fff}
.fenk-ad-slide{will-change:opacity,transform}
.info-modal-box{width:min(560px,calc(100% - 24px));max-height:min(82dvh,680px);overflow:auto}
.info-modal-content{margin-top:14px;color:#475467;line-height:1.85;font-size:14px}
.info-modal-content h3{margin:0 0 8px;color:#12364a;font-size:20px}
.info-modal-content p{margin:0 0 12px}
.info-modal-content ul{margin:8px 0;padding-inline-start:22px}
.info-modal-content li{margin:5px 0}
@media(max-width:600px){.info-modal-box{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:22px 15px}.info-modal-content{font-size:13px}.fenk-ad-controls{bottom:13px}.fenk-ad-timer{pointer-events:none}}

/* FENK static hero */
.fenk-static-hero{position:relative;width:100%;overflow:hidden;background:#001f1a;line-height:0}
.fenk-static-hero img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.fenk-static-hero img[src*="fenk-hero-fenkdz.webp"]{width:100%;height:auto;display:block;object-fit:contain}
@media(max-width:600px){.fenk-static-hero img{width:100%;height:auto}.fenk-static-hero img[src*="fenk-hero-fenkdz.webp"]{width:100%;height:auto;object-fit:contain}}

/* FENK V54 — critical mobile reliability + accessibility fixes */
@media(max-width:800px){
 body{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;overflow-x:hidden}
 main,#home,#order,#games,#marketplaces,.site,section{scroll-margin-bottom:112px}
 .mobile-nav{height:64px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;color:rgba(255,255,255,.82)!important}
 .mobile-nav button{color:rgba(255,255,255,.76)!important;opacity:1!important}
 .mobile-nav button:hover,.mobile-nav button:focus-visible{color:#19d98a!important}
 .mobile-nav small{color:inherit!important}.mobile-nav svg{stroke:currentColor!important}
 .mobile-fab{right:14px!important;bottom:calc(94px + env(safe-area-inset-bottom))!important;width:52px!important;height:52px!important}
 .mobile-fab-menu{right:14px!important;bottom:calc(152px + env(safe-area-inset-bottom))!important}
 .game-card .game-icon,.game-card .game-real-image{height:92px!important;aspect-ratio:16/9!important}
 .game-card .game-real-image img{object-fit:cover!important;width:100%!important;height:100%!important}
 .game-icon.more-games{display:grid!important;place-items:center!important;background:linear-gradient(145deg,#e8f8f2,#d8f3e8)!important;color:#08a96a!important}
 .game-icon.more-games svg{width:42px!important;height:42px!important;stroke-width:1.8!important}
 .sites-band>div{direction:ltr!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:12px!important;padding-inline:12px!important}
 .sites-band a{scroll-snap-align:start!important;direction:rtl!important}
 #accountPhone,#accountPhoneRow{direction:ltr!important;text-align:right!important;unicode-bidi:plaintext}
 .modal-box{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}
}


/* FENK V55 — mobile modal + account visibility fixes */
@media(max-width:800px){
  /* Modals must sit above the fixed bottom navigation and floating action button. */
  .modal,.market-modal{z-index:2000!important;}
  .modal-box,.market-box{max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;}

  /* Login/profile dialogs stay fully reachable on short phone screens. */
  #authModal .modal-box,#profileModal .modal-box{width:calc(100vw - 24px)!important;max-width:520px!important;margin:10px auto!important;padding-bottom:24px!important;}

  /* Keep logout reachable while the account list scrolls. */
  #accountModal .logout-btn{position:sticky!important;bottom:0!important;z-index:3!important;margin-top:16px!important;box-shadow:0 -8px 18px rgba(255,255,255,.96)!important;}

  /* Never let RTL bidi re-order the international phone number. */
  #accountPhone,#accountPhoneRow{direction:ltr!important;unicode-bidi:isolate-override!important;text-align:left!important;white-space:nowrap!important;display:block!important;}
}

/* FENK V57 — final mobile modal positioning for real phone screens */
@media (max-width:800px){
  .modal,.market-modal{
    align-items:center!important;
    justify-content:center!important;
    padding:12px 0 calc(12px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }
  .modal-box,.market-box{
    width:min(calc(100vw - 20px),520px)!important;
    max-height:calc(100dvh - 28px - env(safe-area-inset-bottom))!important;
    margin:0 auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    transform:translateY(clamp(-64px,-4dvh,-24px))!important;
  }
  #accountModal .account-box,
  #customerOrdersModal .notifications-box,
  #notificationsModal .notifications-box,
  #messagesModal .messages-box,
  #authModal .modal-box,
  #profileModal .modal-box{
    max-height:calc(100dvh - 28px - env(safe-area-inset-bottom))!important;
  }
  #accountModal .account-box{padding-bottom:24px!important;}
  #accountModal .logout-btn{
    position:sticky!important;
    bottom:0!important;
    z-index:5!important;
  }
}
@media (max-width:390px){
  .modal-box,.market-box{transform:translateY(clamp(-58px,-4dvh,-22px))!important;}
}

/* FENK V57 — customer payment details */
.customer-payment-card{margin:14px 0;padding:16px;border:1px solid #cfe5dd;border-radius:16px;background:#f2fbf7;text-align:right}.customer-payment-card h4{margin:0 0 10px;color:#075c43;font-size:18px}.customer-payment-card pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:14px;line-height:1.9;color:#173c4c}.customer-payment-card small{display:block;margin-top:10px;color:#6f7c79;line-height:1.6}

.game-order-meta{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.game-order-meta span{background:#f4faf8;border:1px solid #dbe9e5;border-radius:999px;padding:6px 9px;font-size:12px;color:#175246}@media(max-width:480px){.game-order-meta{flex-direction:column}.game-order-meta span{border-radius:10px}}

/* FENK V58 — account page mobile stabilization */
.account-box{position:relative;display:flex;flex-direction:column;gap:0;padding:20px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
.account-close{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;font-size:30px!important;line-height:1!important;z-index:8!important}
.account-hero{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:4px 0 16px!important;margin-bottom:4px!important;border-bottom:1px solid #e7eeee!important}
.account-avatar{width:56px!important;height:56px!important;font-size:26px!important}
.account-identity{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.account-identity h2{margin:0!important;font-size:22px!important;line-height:1.25!important}
.account-identity b{font-size:15px!important;line-height:1.45!important;word-break:break-word!important}
.account-identity small{font-size:12px!important;line-height:1.45!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.account-edit-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:78px!important;height:40px!important;padding:0 12px!important;border:1px solid #dce7e4!important;border-radius:12px!important;background:#f6faf9!important;color:#12364a!important;font-weight:800!important;font-size:13px!important;cursor:pointer!important}
.account-edit-btn svg{width:16px!important;height:16px!important;stroke-width:2!important}
.account-section h4{margin:18px 2px 8px!important;color:#637b76!important;font-size:14px!important;font-weight:900!important}
.account-list{gap:7px!important}
.account-list button{min-height:58px!important;padding:10px 12px!important;border-radius:14px!important;gap:11px!important;position:relative!important}
.account-list button span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;flex:none!important;font-size:0!important}
.account-list button span svg{width:21px!important;height:21px!important;stroke-width:2!important}
.account-list button b{font-size:14px!important;line-height:1.35!important}
.account-list button small{flex:0 1 auto!important;max-width:42%!important;color:#7b8b87!important;font-size:11px!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.account-list button i{width:22px!important;text-align:center!important;font-size:26px!important;line-height:1!important;color:#71817e!important;opacity:.95!important}
.account-list button em{min-width:21px!important;height:21px!important;padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#12b875!important;color:#fff!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important}
.account-logout-section h4{margin-top:20px!important}
#accountModal .logout-btn{position:static!important;width:100%!important;min-height:54px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:14px!important;box-shadow:none!important;font-size:14px!important}
#accountModal .logout-btn svg{width:19px!important;height:19px!important}
@media(max-width:800px){
  #accountModal{align-items:flex-start!important;justify-content:center!important;padding:10px 0 calc(10px + env(safe-area-inset-bottom))!important;overflow:hidden!important}
  #accountModal .account-box{width:calc(100vw - 16px)!important;max-width:520px!important;max-height:calc(100dvh - 20px - env(safe-area-inset-bottom))!important;margin:0!important;padding:16px 12px calc(20px + env(safe-area-inset-bottom))!important;border-radius:20px!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important}
  #accountModal .account-close{position:sticky!important;top:0!important;margin-inline-start:auto!important;margin-bottom:-4px!important;background:#f5f8f7!important;color:#173c4c!important;border-radius:50%!important}
  #accountModal .account-hero{grid-template-columns:50px minmax(0,1fr) auto!important;gap:9px!important;padding:2px 2px 13px!important}
  #accountModal .account-avatar{width:50px!important;height:50px!important;font-size:23px!important}
  #accountModal .account-identity h2{font-size:20px!important}
  #accountModal .account-edit-btn{min-width:72px!important;height:38px!important;padding:0 9px!important;font-size:12px!important}
  #accountModal .account-list button{min-height:56px!important;padding:9px 10px!important}
  #accountModal .account-list button b{font-size:13px!important}
  #accountModal .account-list button small{font-size:10px!important;max-width:40%!important}
  #accountModal .account-section h4{margin:16px 3px 7px!important;font-size:13px!important}
}
@media(max-width:390px){
  #accountModal .account-box{width:calc(100vw - 12px)!important;padding-inline:9px!important}
  #accountModal .account-list button{min-height:53px!important;gap:8px!important}
  #accountModal .account-list button span{width:26px!important}
  #accountModal .account-list button span svg{width:19px!important;height:19px!important}
  #accountModal .account-list button b{font-size:12px!important}
  #accountModal .account-list button small{display:none!important}
  #accountModal .account-edit-btn span{display:none!important}
  #accountModal .account-edit-btn{min-width:40px!important;width:40px!important;padding:0!important}
}

/* FENK Game Icons — compact sizing */
.game-card .game-icon.game-real-image,
.game-card .game-real-image{
  width:72px!important;
  height:52px!important;
  min-width:72px!important;
  min-height:52px!important;
  aspect-ratio:16/9!important;
  border-radius:11px!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  box-shadow:0 2px 7px rgba(3,42,35,.10);
}
.game-card .game-real-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
}
@media(max-width:800px){
  .game-card{min-height:105px!important;padding:9px 6px!important;gap:4px!important}
  .game-card .game-icon.game-real-image,
  .game-card .game-real-image{
    width:72px!important;
    height:48px!important;
    min-width:72px!important;
    min-height:48px!important;
    border-radius:10px!important;
  }
  .game-card b{font-size:12px!important;line-height:1.2!important}
  .game-card small{font-size:9px!important;line-height:1.1!important}
}
@media(max-width:390px){
  .game-card .game-icon.game-real-image,
  .game-card .game-real-image{width:66px!important;height:44px!important;min-width:66px!important;min-height:44px!important}
}


/* FENK V58 — compact orders + on-demand tracking */
.detail-status-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:12px 14px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#f7faf8}
.detail-status-preview span{font-size:.86rem;opacity:.72}
.detail-status-preview b{font-size:.95rem}
.tracking-open-btn{width:100%;margin-bottom:8px}
.game-tracking-line .tracking-event.current .tracking-dot,
.game-order-timeline .timeline-step.current span{font-weight:800}
.tracking-game-meta{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.tracking-game-meta small{opacity:.7}
.order-card .customer-detail-btn{margin-top:10px;min-width:90px}

/* V22 — customer order cleanup */
.order-archive-btn{border:1px solid #ead6d6;background:#fff8f8;color:#9a4b4b;border-radius:14px;min-height:44px;padding:0 12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.order-archive-btn:hover{background:#fff0f0}
.order-archive-btn:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.fenk-order-actions{flex-wrap:wrap}.order-archive-btn{width:100%}}

/* FENK V60 — smart AI ad + price calculator */
.fenk-ai-ad{max-width:1200px;margin:18px auto;padding:0 14px}
.fenk-ai-ad-card{position:relative;min-height:300px;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#031915,#075b43 55%,#0ad978);box-shadow:0 18px 45px rgba(2,29,24,.18);display:grid;grid-template-columns:1.05fr .95fr;align-items:center}
.fenk-ai-ad-card:before,.fenk-ai-ad-card:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.28;animation:fenkAdFloat 6s ease-in-out infinite}
.fenk-ai-ad-card:before{width:220px;height:220px;background:#ffd45c;right:-80px;top:-80px}.fenk-ai-ad-card:after{width:180px;height:180px;background:#39ed84;left:-70px;bottom:-90px;animation-delay:-2s}
.fenk-ai-ad-copy{position:relative;z-index:2;padding:30px;color:#fff}.fenk-ai-ad-copy .eyebrow{display:inline-flex;padding:6px 11px;border-radius:999px;background:#ffffff1a;border:1px solid #ffffff35;font-weight:800;font-size:12px}.fenk-ai-ad-copy h2{font-size:38px;line-height:1.15;margin:12px 0 8px}.fenk-ai-ad-copy h2 span{color:#ffd45c}.fenk-ai-ad-copy p{font-size:16px;line-height:1.8;color:#e4fff3;margin:0 0 18px}.fenk-ai-ad-actions{display:flex;gap:10px;flex-wrap:wrap}.fenk-ai-ad-actions a{padding:12px 18px;border-radius:13px;text-decoration:none;font-weight:900;background:#fff;color:#075b43}.fenk-ai-ad-actions a.secondary{background:#ffffff16;color:#fff;border:1px solid #ffffff45}
.fenk-ai-ad-visual{position:relative;z-index:2;height:100%;min-height:300px;display:grid;place-items:center;padding:20px}.fenk-ai-ad-visual img{width:min(100%,560px);height:270px;object-fit:cover;border-radius:22px;box-shadow:0 20px 45px #001b1545;animation:fenkAdZoom 8s ease-in-out infinite alternate}
.fenk-ai-ad-badge{position:absolute;right:14px;bottom:20px;background:#fff;color:#075b43;border-radius:15px;padding:9px 12px;font-weight:900;box-shadow:0 10px 25px #001b1540;animation:fenkAdPulse 2.6s ease-in-out infinite}
@keyframes fenkAdFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.06)}}@keyframes fenkAdZoom{0%{transform:scale(1) translateY(0)}100%{transform:scale(1.035) translateY(-4px)}}@keyframes fenkAdPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.fenk-price-calculator{max-width:900px;margin:20px auto;padding:0 14px}.fenk-price-card{border:1px solid #dbe4e1;border-radius:22px;background:#fff;padding:20px;box-shadow:0 12px 30px rgba(2,29,24,.07)}.fenk-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fenk-price-grid label{font-weight:800;font-size:13px}.fenk-price-grid input{width:100%;margin-top:6px;border:1px solid #dbe4e1;border-radius:11px;padding:11px;outline:0}.fenk-price-total{margin-top:14px;background:#effcf6;border-radius:15px;padding:14px;display:flex;justify-content:space-between;gap:10px;align-items:center}.fenk-price-total strong{font-size:24px;color:#07814e}.fenk-price-note{font-size:12px;color:#73817f;margin:9px 0 0}
@media(max-width:800px){.fenk-ai-ad-card{grid-template-columns:1fr;min-height:0}.fenk-ai-ad-copy{padding:22px 18px 12px}.fenk-ai-ad-copy h2{font-size:29px}.fenk-ai-ad-copy p{font-size:14px}.fenk-ai-ad-visual{min-height:205px;padding:10px 14px 20px}.fenk-ai-ad-visual img{height:190px}.fenk-ai-ad-badge{right:22px;bottom:26px;font-size:12px}.fenk-price-grid{grid-template-columns:1fr 1fr}.fenk-price-total{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.fenk-price-grid{grid-template-columns:1fr}.fenk-ai-ad-actions a{width:100%;text-align:center}}
.admin-telegram-test{border:1px solid #cbe7ff!important;background:#eef8ff!important;color:#0878b5!important}

.fenk-ai-ad-visual{perspective:900px}.fenk-ai-ad-visual img{transform-origin:center;will-change:transform,filter}.fenk-ai-ad-motion{animation:fenkAdZoom 8s ease-in-out infinite alternate,fenkAdGlow 3.5s ease-in-out infinite!important}@keyframes fenkAdGlow{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.12) brightness(1.08)}}

/* FENK advertising carousel - compact responsive banner */
.fenk-ad-carousel{max-width:1120px;margin:18px auto;padding:0 14px}
.fenk-ad-carousel-card{position:relative;width:100%;overflow:hidden;border-radius:18px;background:#0b211b;box-shadow:0 10px 28px rgba(0,0,0,.12);isolation:isolate}
.fenk-ad-slides{position:relative;width:100%;aspect-ratio:1536/838;min-height:0}
.fenk-ad-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .45s ease,transform .7s ease,visibility .45s;z-index:0}
.fenk-ad-slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:1}
.fenk-ad-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:18px}
.fenk-ad-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#075b43;font-size:31px;line-height:1;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.16);display:grid;place-items:center}
.fenk-ad-arrow.prev{left:12px}.fenk-ad-arrow.next{right:12px}.fenk-ad-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}
.fenk-ad-dots{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);z-index:3;display:flex;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.32);backdrop-filter:blur(5px)}
.fenk-ad-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#fff9;cursor:pointer}.fenk-ad-dots button.active{width:22px;border-radius:999px;background:#fff}
.fenk-ad-label{position:absolute;right:12px;top:12px;z-index:3;background:rgba(0,0,0,.48);color:#fff;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;backdrop-filter:blur(5px)}
@media(max-width:800px){.fenk-ad-carousel{margin:12px auto;padding:0 10px}.fenk-ad-carousel-card{border-radius:14px}.fenk-ad-slide img{border-radius:14px}.fenk-ad-arrow{width:32px;height:32px;font-size:26px}.fenk-ad-arrow.prev{left:7px}.fenk-ad-arrow.next{right:7px}.fenk-ad-dots{bottom:7px}.fenk-ad-label{top:7px;right:7px;font-size:9px;padding:5px 8px}}
@media(max-width:430px){.fenk-ad-carousel{padding:0 8px}.fenk-ad-slides{aspect-ratio:1.83}.fenk-ad-arrow{width:29px;height:29px;font-size:23px}.fenk-ad-dots{gap:4px;padding:5px 7px}.fenk-ad-dots button{width:6px;height:6px}.fenk-ad-dots button.active{width:16px}}


/* FENK V64 — Magic entry point + cleaner mobile interaction */
.fenk-magic{
  max-width:1150px;margin:16px auto 20px;padding:22px;
  border:1px solid #d9ebe5;border-radius:24px;
  background:linear-gradient(135deg,#f4fffa 0%,#fff 58%,#effaf6 100%);
  box-shadow:0 12px 34px rgba(3,39,31,.07);
}
.fenk-magic-head{text-align:right}
.fenk-magic-head .magic-kicker{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#dff8ec;color:#087a53;font-size:12px;font-weight:900}
.fenk-magic-head h2{margin:9px 0 5px;font-size:28px;color:#082743}
.fenk-magic-head p{margin:0;color:#6e797c;line-height:1.7}
.fenk-magic-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.fenk-magic-actions button{display:flex;align-items:center;gap:11px;text-align:right;border:1px solid #cfe6de;background:#fff;border-radius:16px;padding:14px;min-height:72px;color:#083c32;transition:.2s ease;box-shadow:0 5px 14px rgba(0,0,0,.035)}
.fenk-magic-actions button:hover,.fenk-magic-actions button:focus-visible{transform:translateY(-2px);border-color:#0bc978;box-shadow:0 8px 20px rgba(5,196,107,.12);outline:none}
.fenk-magic-actions svg{width:25px;height:25px;color:#08b96f;flex:none}
.fenk-magic-actions span{display:flex;flex-direction:column;gap:3px}
.fenk-magic-actions b{font-size:15px}
.fenk-magic-actions small{font-size:11px;color:#84908f}
.fenk-magic-result{margin-top:11px;border-radius:15px;background:#062b24;color:#fff;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.fenk-magic-result>div{display:flex;align-items:center;gap:9px}
.fenk-magic-result svg{color:#42f394;width:20px}
.fenk-magic-result span{display:flex;flex-direction:column}
.fenk-magic-result b{font-size:12px}
.fenk-magic-result small{font-size:10px;color:#c3ddd5;margin-top:2px}
.fenk-magic-result>strong{font-size:11px;color:#83f5b7;white-space:nowrap}
@media(max-width:800px){
  .fenk-magic{margin:10px 12px 14px;padding:15px;border-radius:18px}
  .fenk-magic-head h2{font-size:20px;line-height:1.35}
  .fenk-magic-head p{font-size:12px;line-height:1.65}
  .fenk-magic-actions{grid-template-columns:1fr;gap:7px;margin-top:12px}
  .fenk-magic-actions button{min-height:58px;padding:10px 12px;border-radius:14px}
  .fenk-magic-actions b{font-size:14px}
  .fenk-magic-actions small{font-size:10px}
  .fenk-magic-result{display:block;padding:10px}
  .fenk-magic-result>strong{display:block;margin-top:7px;font-size:10px}
  .mobile-fab{width:56px!important;height:56px!important;border-radius:18px!important;right:14px!important;background:linear-gradient(145deg,#08c977,#079c62)!important}
  .mobile-fab svg{width:24px!important;height:24px!important}
  .mobile-fab[aria-expanded=true]{border-radius:50%!important}
  .mobile-fab span{display:none!important}
  .fenk-static-hero{max-height:220px}
  .fenk-static-hero img[src*="fenk-hero-fenkdz.webp"]{height:220px;object-fit:cover;object-position:center}
  .promo-strip{display:none}
  .mobile-announcement{margin-bottom:2px}
}
@media(max-width:390px){
  .fenk-static-hero{max-height:195px}
  .fenk-static-hero img[src*="fenk-hero-fenkdz.webp"]{height:195px}
}


/* FENK V65 — Intelligence Hub */
.fenk-intelligence{max-width:1150px;margin:16px auto 22px;padding:22px;border:1px solid #d9ebe5;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(3,39,31,.06)}
.intel-head{text-align:right}.intel-head>span{display:inline-block;padding:6px 10px;border-radius:999px;background:#e6fbf1;color:#087a53;font-weight:900;font-size:12px}.intel-head h2{margin:8px 0 5px;color:#082743;font-size:27px}.intel-head p{margin:0;color:#687778;line-height:1.7}.intel-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px;direction:rtl}.intel-form label{font-weight:800;color:#123b38}.intel-form input{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #cfe4de;border-radius:13px;font:inherit;direction:ltr}.intel-drop{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;border:1px dashed #b9d9ce;border-radius:14px;background:#f8fffc}.intel-drop button{border:0;background:#e9f9f2;color:#087a53;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer}.intel-drop small{color:#71807e}.intel-status{margin-top:10px;color:#54706b;font-size:12px}.intel-result{margin-top:13px}.intel-card{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px;border:1px solid #d8ebe5;border-radius:18px;background:#f8fffc;direction:ltr}.intel-product-image{width:180px;height:180px;object-fit:contain;background:#fff;border-radius:14px}.intel-placeholder{display:grid;place-items:center;font-size:42px}.intel-info{direction:rtl}.intel-site{font-size:11px;color:#087a53;font-weight:900}.intel-info h3{margin:5px 0 5px;color:#082743}.intel-price{font-size:20px;color:#087a53}.intel-info p{color:#687778;line-height:1.6;margin:8px 0}.intel-facts{display:flex;flex-wrap:wrap;gap:6px}.intel-facts span{background:#fff;border:1px solid #deece8;border-radius:9px;padding:6px 8px;font-size:10px;color:#64716f;direction:ltr}.intel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.intel-actions button{min-height:42px}.intel-actions .secondary{border:1px solid #cfe4de;background:#fff;border-radius:11px;padding:9px 12px;color:#075c47;font-weight:800;cursor:pointer}.intel-fallback{padding:16px;border-radius:14px;background:#fff7e8;border:1px solid #f1d9a5;color:#74551d;display:flex;justify-content:space-between;gap:10px;align-items:center}
@media(max-width:700px){.fenk-intelligence{margin:10px 12px 14px;padding:15px;border-radius:18px}.intel-head h2{font-size:20px}.intel-head p{font-size:12px}.intel-form{grid-template-columns:1fr}.intel-drop{align-items:flex-start;flex-direction:column}.intel-card{grid-template-columns:1fr;gap:10px}.intel-product-image{width:100%;height:180px}.intel-fallback{display:block}.intel-fallback .send{margin-top:10px;width:100%}}
.ai-attach-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.ai-attach-row .send{margin-inline-start:auto}.ai-attach-row #aiImageName{font-size:12px;color:#667085;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.ai-attach-row{align-items:stretch}.ai-attach-row .send{width:100%;margin-inline-start:0}.ai-attach-row .secondary{min-width:90px}}


/* FENK V69 — final mobile readability + AI/support modal polish */
@media(max-width:800px){
  .mobile-nav{background:rgba(3,25,21,.98)!important;border-top:1px solid rgba(74,206,157,.20)!important;color:#e9fff7!important;box-shadow:0 -8px 28px rgba(0,0,0,.28)!important;z-index:3000!important}
  .mobile-nav button,.mobile-nav button small{color:#dff9ef!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important}
  .mobile-nav button svg{stroke:#dff9ef!important}
  .mobile-nav button:hover,.mobile-nav button:focus-visible,.mobile-nav button.active{color:#19d98a!important}
  .mobile-nav button:hover svg,.mobile-nav button:focus-visible svg,.mobile-nav button.active svg{stroke:#19d98a!important}
  .mobile-fab{z-index:3010!important}
  .mobile-fab-menu{z-index:3009!important}

  #fenkAiModal .ai-box{width:calc(100vw - 18px)!important;max-width:620px!important;height:min(88dvh,720px)!important;max-height:min(88dvh,720px)!important;margin:0!important;padding:16px 12px 12px!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important}
  #fenkAiModal .login-head{flex:0 0 auto;padding:4px 38px 8px}
  #fenkAiModal .login-head h2{font-size:25px!important;margin:7px 0 3px!important}
  #fenkAiModal .login-head p{font-size:12px!important;margin:0!important;line-height:1.55!important}
  #fenkAiModal .google-mark{width:54px!important;height:54px!important}
  #fenkAiModal .ai-chat{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow-y:auto!important;padding:12px 9px!important;margin:4px 0 10px!important;border-radius:18px!important;gap:9px!important;overscroll-behavior:contain!important;background:#f3f9f7!important}
  #fenkAiModal .ai-bubble{max-width:88%!important;padding:10px 12px!important;font-size:14px!important;line-height:1.7!important;overflow-wrap:anywhere!important}
  #fenkAiModal .chat-form{flex:0 0 auto!important}
  #fenkAiModal #aiInput{min-height:66px!important;max-height:110px!important;resize:none!important;border-radius:15px!important;padding:12px 13px!important;font-size:15px!important;line-height:1.6!important}
  #fenkAiModal .ai-attach-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:7px!important;margin-top:7px!important}
  #fenkAiModal .ai-attach-row #aiImageBtn{min-height:44px!important;border-radius:12px!important}
  #fenkAiModal .ai-attach-row #aiImageName{align-self:center!important;min-width:0!important;text-align:right!important}
  #fenkAiModal .ai-attach-row .send{grid-column:1/-1!important;width:100%!important;min-height:48px!important;margin:0!important;border-radius:13px!important}

  #messagesModal .messages-box{width:calc(100vw - 18px)!important;max-width:620px!important;height:min(82dvh,680px)!important;max-height:min(82dvh,680px)!important;margin:0!important;padding:16px 12px 12px!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:none!important}
  #messagesModal .login-head{flex:0 0 auto;padding:4px 30px 8px}
  #messagesModal .login-head h2{font-size:24px!important;margin:7px 0 3px!important}
  #messagesModal .login-head p{font-size:12px!important;line-height:1.5!important;margin:0!important}
  #messagesModal .chat-list{direction:ltr!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;margin:5px 0 10px!important;padding:10px 7px!important;overflow-y:auto!important;background:#f5faf8!important;border-radius:18px!important}
  #messagesModal .chat-bubble{direction:rtl!important;text-align:right!important;max-width:84%!important;font-size:14px!important;line-height:1.7!important}
  #messagesModal .chat-bubble.mine{align-self:flex-end!important;background:#e7faf2!important;border-color:#bfe9d6!important}
  #messagesModal .chat-bubble.admin-msg{align-self:flex-start!important;background:#fff!important}
  #messagesModal .chat-form{flex:0 0 auto!important}
  #messagesModal #messageInput{min-height:68px!important;max-height:120px!important;resize:none!important;border-radius:15px!important;font-size:15px!important}
  #messagesModal .chat-form .send{min-height:48px!important;border-radius:13px!important}
}
@media(max-width:390px){
  #fenkAiModal .ai-box,#messagesModal .messages-box{width:calc(100vw - 12px)!important;border-radius:19px!important}
  #fenkAiModal .login-head{padding-inline:28px}
  #fenkAiModal .ai-bubble,#messagesModal .chat-bubble{font-size:13px!important}
}

/* FENK V70 — modal isolation, FAB menu contrast, mobile viewport polish */
@media(max-width:800px){
  /* When a dialog is open, the page navigation must never compete with it. */
  body:has(.modal.show),
  body:has(.market-modal.show){overflow:hidden!important}
  body:has(.modal.show) .mobile-nav,
  body:has(.market-modal.show) .mobile-nav,
  body:has(.modal.show) .mobile-fab,
  body:has(.market-modal.show) .mobile-fab,
  body:has(.modal.show) .mobile-fab-menu,
  body:has(.market-modal.show) .mobile-fab-menu{display:none!important}

  /* FAB quick-actions: high contrast instead of dark text on dark glass. */
  .mobile-fab-menu{
    color:#effff8!important;
    background:rgba(3,25,21,.985)!important;
    border:1px solid rgba(46,218,145,.35)!important;
    padding:10px!important;
    gap:8px!important;
    box-shadow:0 18px 42px rgba(0,0,0,.45)!important;
    backdrop-filter:blur(16px)!important;
  }
  .mobile-fab-menu button{
    color:#effff8!important;
    background:rgba(255,255,255,.075)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    min-height:48px!important;
    font-weight:800!important;
  }
  .mobile-fab-menu button:hover,
  .mobile-fab-menu button:focus-visible{background:rgba(25,217,138,.16)!important;color:#52f5ad!important;outline:none!important}
  .mobile-fab-menu button svg{stroke:currentColor!important;color:inherit!important;flex:none!important}

  /* Dialogs use the full usable phone height; content scrolls inside, not behind nav. */
  .modal,.market-modal{
    z-index:5000!important;
    padding:10px 0!important;
    background:rgba(2,15,13,.68)!important;
    backdrop-filter:blur(5px)!important;
  }
  .modal-box,.market-box{
    max-height:calc(100dvh - 20px)!important;
    transform:none!important;
  }
  #fenkAiModal .ai-box{
    width:calc(100vw - 16px)!important;
    height:min(86dvh,720px)!important;
    max-height:calc(100dvh - 20px)!important;
    padding:14px 11px 11px!important;
    border-radius:24px!important;
  }
  #fenkAiModal .ai-chat{margin:3px 0 8px!important;padding:10px 8px!important}
  #fenkAiModal .chat-form{padding-bottom:0!important}
  #fenkAiModal .ai-attach-row .send{min-height:46px!important}

  #notificationsModal .notifications-box,
  #messagesModal .messages-box{
    width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 20px)!important;
    transform:none!important;
    border-radius:24px!important;
  }
  #notificationsModal .notifications-list{max-height:calc(100dvh - 250px)!important}

  /* Avoid the AI FAB covering form controls while the page itself is active. */
  .mobile-fab{bottom:calc(86px + env(safe-area-inset-bottom))!important}
}


/* V71 Facebook-style notification UX */
.notification-head-btn em{z-index:5;box-shadow:0 2px 8px rgba(226,59,59,.35);font-weight:900;animation:fenkBadgePop .22s ease-out}
.mobile-nav #mobileNotificationBadge{z-index:6;box-shadow:0 2px 8px rgba(226,59,59,.35);font-weight:900;animation:fenkBadgePop .22s ease-out}
@keyframes fenkBadgePop{from{transform:scale(.65);opacity:.2}to{transform:scale(1);opacity:1}}
.notification-item.unread{position:relative;border-right:5px solid var(--green)!important;background:linear-gradient(90deg,#fff,#f2fff9)!important}
.notification-item.unread:before{content:'جديد';position:absolute;left:12px;top:12px;background:#e23b3b;color:#fff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}
.notification-item.unread .notification-title b{font-weight:950}
.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px 10px;color:#647773;font-size:12px}
.notifications-toolbar:before{content:'🔔';font-size:15px}
@media(max-width:600px){
  .notification-item{padding:15px!important;margin:9px 0!important}
  .notification-item.unread:before{left:10px;top:10px}
  .notifications-toolbar{font-size:11px}
}

/* FENK V78 — voice AI controls */
.ai-voice-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px;direction:rtl}.ai-voice-btn{min-height:42px;border:1px solid #cfe4de;background:#f7fffc;color:#075c47;border-radius:12px;padding:8px 11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.ai-voice-btn svg{width:18px;height:18px}.ai-voice-btn.recording{background:#fff0f0;border-color:#ffb7b7;color:#c93434;animation:fenkVoicePulse 1.1s ease-in-out infinite}.ai-voice-status{font-size:12px;color:#667b76;flex:1;min-width:150px;text-align:right}.fenk-dark .ai-voice-btn{background:#102a26;color:#edf7f4;border-color:#35534c}.fenk-dark .ai-voice-status{color:#a9c0bb}@keyframes fenkVoicePulse{50%{transform:scale(.97);opacity:.78}}
@media(max-width:520px){.ai-voice-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ai-voice-btn{min-height:46px}.ai-voice-status{grid-column:1/-1;min-height:22px;text-align:center}.ai-voice-btn span{font-size:13px}}

/* V79: background music control */
.fenk-music-toggle{position:fixed;right:18px;bottom:92px;z-index:1005;width:52px;height:52px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#062c25;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.18);cursor:pointer;transition:transform .18s ease,background .18s ease;}
.fenk-music-toggle svg{width:21px;height:21px}.fenk-music-toggle span{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.fenk-music-toggle.is-playing{background:#0abf73}.fenk-music-toggle:active{transform:scale(.94)}
@media(max-width:700px){.fenk-music-toggle{right:14px;bottom:78px;width:48px;height:48px;z-index:1105}.mobile-fab{bottom:140px!important}.mobile-fab-menu{z-index:1110!important}}


/* V80 — FENK AI floating button polish: make the AI action obvious without changing the menu workflow. */
@media (max-width:800px){
  .mobile-fab{
    width:auto!important;
    min-width:116px!important;
    height:52px!important;
    padding:0 15px 0 12px!important;
    border-radius:18px!important;
    right:14px!important;
    bottom:140px!important;
    gap:8px!important;
    background:linear-gradient(135deg,#08c979 0%,#079b63 100%)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 9px 24px rgba(0,0,0,.28),0 0 0 1px rgba(0,230,150,.08)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.1px;
  }
  .mobile-fab svg{width:22px!important;height:22px!important;flex:none;position:relative;z-index:2}
  .mobile-fab span{display:inline!important;position:relative;z-index:2;white-space:nowrap}
  .mobile-fab small{
    display:inline!important;
    position:relative;z-index:2;
    margin-inline-start:-3px;
    padding:3px 6px;
    border-radius:999px;
    background:rgba(0,45,34,.32);
    font-size:9px!important;
    line-height:1;
    font-weight:800;
    white-space:nowrap;
  }
  .mobile-fab-glow{
    display:block!important;
    position:absolute;
    width:8px;height:8px;
    top:7px;right:8px;
    border-radius:50%;
    background:#c8ffe9;
    box-shadow:0 0 0 0 rgba(200,255,233,.55);
    animation:fenkAiPulse 2s infinite;
    z-index:3;
    pointer-events:none;
  }
  .mobile-fab[aria-expanded=true]{border-radius:18px!important}
  .mobile-fab[aria-expanded=true] svg{transform:rotate(0deg)!important}
  .mobile-fab-menu{bottom:202px!important;right:14px!important;width:min(235px,calc(100vw - 28px))!important}
  .mobile-fab-menu button:last-child{
    background:linear-gradient(135deg,rgba(8,201,121,.18),rgba(8,201,121,.07))!important;
    border:1px solid rgba(8,201,121,.28)!important;
    color:#72f7c0!important;
    font-weight:900;
  }
}
@keyframes fenkAiPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(200,255,233,.45);opacity:1}
  50%{box-shadow:0 0 0 7px rgba(200,255,233,0);opacity:.8}
}
@media (prefers-reduced-motion:reduce){.mobile-fab-glow{animation:none!important}}
@media(max-width:390px){
  .mobile-fab{min-width:108px!important;padding-inline:10px!important;gap:6px!important}
  .mobile-fab small{display:none!important}
  .mobile-fab-menu{bottom:202px!important}
}

.fenk-marketplace-home{margin:22px 0;padding:18px;border:1px solid #176252;border-radius:22px;background:linear-gradient(135deg,#073a30,#06271f)}.fenk-marketplace-home .section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.fenk-marketplace-home .section-title h2{margin:0}.fenk-marketplace-home .section-title p{margin:5px 0 0;color:#9fc3ba}.fenk-marketplace-home .primary-btn{background:#08d488;color:#03251e;padding:10px 14px;border-radius:12px;font-weight:800;white-space:nowrap}.fenk-marketplace-home-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.fenk-marketplace-home-grid a{overflow:hidden;border:1px solid #176252;border-radius:16px;background:#082f28}.fenk-marketplace-home-grid img{display:block;width:100%;height:110px;object-fit:cover}.fenk-marketplace-home-grid b{display:block;padding:9px;text-align:center}@media(max-width:700px){.fenk-marketplace-home-grid{grid-template-columns:repeat(2,1fr)}.fenk-marketplace-home .section-title{align-items:flex-start}}

/* FENK V86 Marketplace compact strip */
.fenk-marketplace-strip{margin:10px 0 18px;background:linear-gradient(135deg,#063f34,#075847);border:1px solid #12bd89;border-radius:14px;padding:9px 12px;color:#fff;box-shadow:0 8px 22px rgba(2,54,43,.10)}
.fenk-marketplace-strip-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.fenk-marketplace-strip-main>div{display:flex;align-items:center;gap:9px}.fenk-marketplace-strip-main>div>span{font-size:24px}.fenk-marketplace-strip-main b{font-size:14px}.fenk-marketplace-strip-main small{display:block;color:#bfe8dc;font-size:9px;margin-top:2px}.fenk-marketplace-strip-main>a{background:#10d894;color:#002d23;text-decoration:none;border-radius:9px;padding:8px 12px;font-size:10px;font-weight:1000;white-space:nowrap}
.fenk-marketplace-strip-actions{display:flex;gap:6px;margin-top:7px;overflow-x:auto;scrollbar-width:none}.fenk-marketplace-strip-actions::-webkit-scrollbar{display:none}.fenk-marketplace-strip-actions a{white-space:nowrap;text-decoration:none;color:#dff8f1;background:#ffffff12;border:1px solid #ffffff20;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.fenk-marketplace-strip-actions a.publish{background:#fff;color:#063f34}
.fab-ad-link{display:flex;align-items:center;gap:7px;text-decoration:none;color:inherit}
@media(max-width:700px){.fenk-marketplace-strip{margin:8px 0 14px;padding:8px}.fenk-marketplace-strip-main b{font-size:12px}.fenk-marketplace-strip-main small{font-size:8px}.fenk-marketplace-strip-main>a{font-size:9px;padding:7px 9px}.fenk-marketplace-strip-actions a{font-size:8px;padding:5px 8px}}


/* FENK V88 — Marketplace placement + premium compact card */
.fenk-marketplace-strip{
  width:min(100%,980px);
  margin:10px auto 18px;
  padding:0;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(105deg,#052f28 0%,#075a46 55%,#087c5b 100%);
  border:1px solid rgba(16,210,151,.42);
  box-shadow:0 10px 28px rgba(3,54,43,.13);
}
.fenk-marketplace-strip-title{
  min-height:66px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 13px;
  color:#fff;
  text-decoration:none;
}
.marketplace-mini-icon{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
  font-size:22px;flex:0 0 auto;
}
.fenk-marketplace-strip-title span:nth-child(2){
  min-width:0;flex:1;display:flex;flex-direction:column;
}
.fenk-marketplace-strip-title b{font-size:14px;line-height:1.25;color:#fff}
.fenk-marketplace-strip-title small{
  margin-top:3px;font-size:9px;color:#c9eee4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.fenk-marketplace-strip-title strong{
  flex:0 0 auto;background:#fff;color:#075d47;
  border-radius:10px;padding:9px 11px;font-size:9px;white-space:nowrap;
}
@media(max-width:700px){
  .fenk-marketplace-strip{width:calc(100% - 20px);margin:13px auto 19px;border-radius:14px}
  .fenk-marketplace-strip-title{min-height:58px;padding:9px 10px;gap:8px}
  .marketplace-mini-icon{width:36px;height:36px;border-radius:10px;font-size:19px}
  .fenk-marketplace-strip-title b{font-size:11px}
  .fenk-marketplace-strip-title small{font-size:8px}
  .fenk-marketplace-strip-title strong{font-size:8px;padding:8px 9px}
}

/* V89: Marketplace intentionally sits directly below FENK Gaming */
.fenk-marketplace-strip{position:relative;z-index:2}

/* V134 messaging + notification touch hardening */
#closeNotifications,#closeMessages{z-index:20!important;pointer-events:auto!important;touch-action:manipulation!important;position:absolute!important;cursor:pointer!important}
#notificationsModal,#messagesModal{touch-action:auto}
#notificationsModal .modal-box,#messagesModal .modal-box{isolation:isolate}
.message-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:9px 12px;border:1px solid #bfe9d6;background:#effbf6;border-radius:12px;color:#17493e;direction:rtl}
.message-reply-preview>div{display:grid;gap:3px;min-width:0}.message-reply-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75vw;color:#5a6e69}.message-reply-preview button{width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#163d35;font-size:22px;cursor:pointer}
.message-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.message-more{border:0;background:transparent;color:#72827e;font-size:20px;line-height:1;min-width:28px;height:28px;padding:0;cursor:pointer}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.message-reply-ref{margin-bottom:7px;padding:6px 9px;border-inline-start:3px solid #08bd72;background:#f1f7f5;border-radius:8px;color:#5b6f69;font-size:11px}.message-forwarded{font-size:11px;color:#078454;font-weight:800;margin-bottom:5px}.message-deleted .message-text{color:#8a9692;font-style:italic}.message-reactions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:5px;min-height:0}.reaction-chip,.reaction-add{border:1px solid #d7e4e0;background:#fff;border-radius:999px;padding:2px 7px;min-height:27px;font-size:16px;cursor:pointer}.reaction-chip small{font-size:10px;color:#60736e}.reaction-add{color:#526762}.message-my-reaction{display:none}
.support-action-sheet,.support-delete-sheet{position:fixed;inset:0;z-index:5000;display:none}.support-action-sheet.show,.support-delete-sheet.show{display:block}.support-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(3px)}.support-sheet-panel{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:10px 14px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -15px 50px rgba(0,0,0,.18);direction:rtl}.support-sheet-handle{width:46px;height:5px;border-radius:99px;background:#cbd5d2;margin:2px auto 12px}.support-sheet-reactions{display:flex;gap:9px;align-items:center;justify-content:center;padding:4px 0 12px;border-bottom:1px solid #e8eeec}.support-sheet-reactions button{border:0;background:#f4f7f6;border-radius:50%;width:45px;height:45px;font-size:25px;cursor:pointer}.support-sheet-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:#fff;padding:15px 8px;font-weight:800;color:#163c35;text-align:right;font-size:16px}.support-sheet-item.danger,.support-delete-sheet .danger{color:#e43d50}.support-delete-sheet .support-sheet-panel h3{margin:5px 8px 12px}.support-delete-sheet .support-sheet-panel button:not(.support-sheet-item){display:block;width:100%;border:0;background:#fff;padding:14px 10px;text-align:right;font-weight:800;color:#173e36;font-size:16px;border-radius:10px}.support-delete-sheet .support-sheet-panel button+button{border-top:1px solid #eef2f1}.support-sheet-open{overflow:hidden}
@media(max-width:800px){#messagesModal .messages-box{z-index:1}.support-sheet-panel{padding-left:12px;padding-right:12px}.support-sheet-reactions button{width:42px;height:42px;font-size:23px}.chat-bubble{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}

/* FENK: Admin-controlled homepage game shortcuts */
#game-topup-shortcuts.fenk-home-shortcuts-hidden{display:none!important}
#game-topup-shortcuts .game-cover-track.fenk-home-controlled{gap:var(--fenk-home-gap,5px)!important;grid-template-columns:repeat(var(--fenk-home-cols,4),minmax(0,1fr))!important}
#game-topup-shortcuts .game-cover-card.fenk-home-controlled{border-radius:var(--fenk-home-radius,16px)!important}
#game-topup-shortcuts .game-cover-image{height:var(--fenk-home-image-height,56px)!important;border-radius:var(--fenk-home-radius,16px)!important}
#game-topup-shortcuts .game-cover-image img,
#game-topup-shortcuts .game-cover-image video{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;padding:0!important;border-radius:0!important;background:transparent!important}
#game-topup-shortcuts .game-cover-image video{pointer-events:none}
#game-topup-shortcuts .game-cover-image .fenk-home-game-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:22px}
#game-topup-shortcuts .game-cover-card strong{font-size:var(--fenk-home-title-size,9px)!important}
#game-topup-shortcuts .game-cover-card small{font-size:var(--fenk-home-subtitle-size,8px)!important}
@media(max-width:800px){
  #game-topup-shortcuts .game-cover-track.fenk-home-controlled{gap:var(--fenk-home-gap,5px)!important;grid-template-columns:repeat(var(--fenk-home-cols,4),minmax(0,1fr))!important}
  #game-topup-shortcuts .game-cover-image{height:var(--fenk-home-image-height,50px)!important}
}

/* FENK Hero media controls: image or autoplay muted video */
.fenk-static-hero{overflow:hidden}
.fenk-static-hero .fenk-hero-media{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;object-position:center;border-radius:inherit}
.fenk-static-hero .hero-video{width:100%;height:100%;min-height:180px;object-fit:cover}

/* Hero / carousel video slides */
.fenk-ad-slide .fenk-ad-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:18px}
@media(max-width:800px){.fenk-static-hero .fenk-hero-media{min-height:0}.fenk-static-hero .hero-video{min-height:150px}.fenk-ad-slide .fenk-ad-media{border-radius:14px}}