/* Mobile-app style interface. One centred app column on every screen size. */
:root{
  --ink:#141833; --muted:#535B7E; --brand:#3F3FD6;
  --glass:rgba(255,255,255,.62); --glass-2:rgba(255,255,255,.82); --glass-line:rgba(255,255,255,.9);
  --glass-shadow:0 8px 28px rgba(60,64,140,.14);
  --field:rgba(255,255,255,.8); --sheet:rgba(250,250,255,.94); --app-bg:rgba(255,255,255,.34);
  --a1:#5B5BF0; --a2:#12B5B0; --a3:#F0589B;
  --grad:linear-gradient(135deg,var(--a1),var(--a2));
  --bg1:#DCE6FF; --bg2:#F1E6FF; --bg3:#FFE7EF;
  --b1:#8FA8FF; --b2:#7FE3D9; --b3:#FFA6C9;
  --ok:#0E7A46; --ok-bg:rgba(34,197,94,.18); --no:#C0392B; --no-bg:rgba(239,68,68,.14);
  --tab:64px; --appw:600px;
  --f-display:'Sora','Segoe UI',system-ui,sans-serif;
  --f-body:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
  --f-ur:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq',serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --ink:#EEF0FF; --muted:#A4ABD0; --brand:#9CA0FF;
    --glass:rgba(255,255,255,.07); --glass-2:rgba(255,255,255,.13); --glass-line:rgba(255,255,255,.16);
    --glass-shadow:0 10px 36px rgba(0,0,0,.4);
    --field:rgba(255,255,255,.09); --sheet:rgba(18,21,52,.96); --app-bg:rgba(8,10,30,.4);
    --bg1:#0C1030; --bg2:#1A1040; --bg3:#0B2A3A; --b1:#4A4AE0; --b2:#0FA39F; --b3:#C2377C;
    --ok:#5EE0A0; --ok-bg:rgba(34,197,94,.2); --no:#FF8A80; --no-bg:rgba(239,68,68,.2);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#EEF0FF; --muted:#A4ABD0; --brand:#9CA0FF;
  --glass:rgba(255,255,255,.07); --glass-2:rgba(255,255,255,.13); --glass-line:rgba(255,255,255,.16);
  --glass-shadow:0 10px 36px rgba(0,0,0,.4);
  --field:rgba(255,255,255,.09); --sheet:rgba(18,21,52,.96); --app-bg:rgba(8,10,30,.4);
  --bg1:#0C1030; --bg2:#1A1040; --bg3:#0B2A3A; --b1:#4A4AE0; --b2:#0FA39F; --b3:#C2377C;
  --ok:#5EE0A0; --ok-bg:rgba(34,197,94,.2); --no:#FF8A80; --no-bg:rgba(239,68,68,.2);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
html{background:var(--bg1);-webkit-text-size-adjust:100%}
body{margin:0;background:linear-gradient(140deg,var(--bg1),var(--bg2) 55%,var(--bg3));background-attachment:fixed;color:var(--ink);font:15px/1.5 var(--f-body);min-height:100vh;overflow-x:hidden}
.blob{position:fixed;border-radius:50%;filter:blur(70px);opacity:.7;z-index:-1;pointer-events:none}
.blob.a{width:46vmax;height:46vmax;left:-14vmax;top:-12vmax;background:var(--b1);animation:float1 22s ease-in-out infinite alternate}
.blob.b{width:38vmax;height:38vmax;right:-12vmax;top:18vh;background:var(--b2);animation:float2 26s ease-in-out infinite alternate}
.blob.c{width:34vmax;height:34vmax;left:22vw;bottom:-16vmax;background:var(--b3);animation:float1 30s ease-in-out infinite alternate-reverse}
@keyframes float1{to{transform:translate(8vmax,6vmax) scale(1.12)}}
@keyframes float2{to{transform:translate(-9vmax,-5vmax) scale(.92)}}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0;text-wrap:balance}
h1{font-size:1.55rem} h2{font-size:1.12rem} h3{font-size:.98rem} h4{font-size:.92rem}
p{margin:0}
img{max-width:100%}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--a1);outline-offset:2px}
.ur{font-family:var(--f-ur);line-height:2;font-weight:500}
.muted{color:var(--muted)}
.skip{position:absolute;left:-999px;top:8px;background:var(--glass-2);padding:8px 14px;border-radius:10px;z-index:100}
.skip:focus{left:8px}

/* ---------- app shell ---------- */
.app{max-width:var(--appw);margin-inline:auto;min-height:100vh;position:relative;background:var(--app-bg)}
@media (min-width:700px){.app{border-inline:1px solid var(--glass-line);box-shadow:0 0 70px rgba(50,54,140,.18)}}
.appbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--glass);border-bottom:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;min-width:0}
.brand .mark{flex:none;background:var(--grad);color:#fff;font:700 .8rem var(--f-display);padding:8px 9px;border-radius:12px;box-shadow:0 6px 16px rgba(91,91,240,.4)}
.brand b{display:block;font:700 1rem var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand small{display:block;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand>span:last-child{min-width:0}
.ibtn{flex:none;width:40px;height:40px;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass);color:var(--ink);display:grid;place-items:center;cursor:pointer;text-decoration:none;padding:0}
.ibtn svg{width:20px;height:20px}
.page{padding:12px 16px calc(var(--tab) + 32px + env(safe-area-inset-bottom,0px))}
.tabbar{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:min(var(--appw),100%);display:grid;grid-template-columns:repeat(5,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--glass-2);border-top:1px solid var(--glass-line);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}
.tab{display:grid;justify-items:center;gap:2px;padding:7px 2px;border-radius:16px;text-decoration:none;color:var(--muted);font-size:.66rem;font-weight:600;min-height:var(--tab);align-content:center;border:0;background:none;cursor:pointer;position:relative}
.tab svg{width:23px;height:23px}
.tab[aria-current="page"]{color:var(--brand)}
.tab[aria-current="page"]::before{content:"";position:absolute;top:2px;width:34px;height:3px;border-radius:3px;background:var(--grad)}
.tab .dot[hidden]{display:none}
.tab .dot{position:absolute;top:8px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--a3);color:#fff;font-size:.62rem;display:grid;place-items:center}
.is-shop .tabbar,.is-shop .appbar{display:none}
.is-shop .page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
.mini{margin-top:34px;padding-top:16px;border-top:1px solid var(--glass-line);font-size:.78rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;text-align:center}
.mini a{text-decoration:none;font-weight:600}
.flash{margin:0 0 12px;padding:10px 14px;border-radius:14px;background:var(--glass-2);border:1px solid var(--glass-line);font-weight:600;font-size:.88rem}
.flash.ok{border-color:#22C55E}
.flash.err,.form-error{border-color:#EF4444;background:var(--no-bg)}
.form-error{padding:10px 14px;border-radius:12px;border:1px solid #EF4444;font-weight:600;font-size:.88rem}

/* ---------- home hero ---------- */
.hello{position:relative;overflow:hidden;padding:18px 16px 16px;border-radius:26px;background:var(--grad);color:#fff;box-shadow:0 14px 34px rgba(91,91,240,.35)}
.hello::after{content:"";position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.14)}
.hello p.eb{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.85}
.hello h1{margin:6px 0 14px;font-size:1.6rem;position:relative}
.hello .sub{font-size:.82rem;opacity:.9;margin-top:10px;position:relative}
.searchbar{position:relative;display:flex;align-items:center;gap:8px;background:#fff;color:#141833;border-radius:16px;padding:4px 4px 4px 14px;box-shadow:0 8px 20px rgba(20,24,51,.18)}
.searchbar svg{width:20px;height:20px;flex:none;opacity:.6}
.searchbar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:1rem;color:#141833;padding:10px 0}
.searchbar input::placeholder{color:#6b7194}
.searchbar button{border:0;background:var(--grad);color:#fff;font-weight:700;border-radius:12px;padding:10px 16px;cursor:pointer}

/* ---------- sections, rails, chips ---------- */
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:24px 0 10px}
.sec-head a,.sec-head .note{font-size:.8rem;font-weight:700;color:var(--brand);text-decoration:none}
.sec-head .note{color:var(--muted);font-weight:500}
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:16px;margin-inline:-16px;padding:2px 16px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start;flex:none}
.chips{display:flex;gap:8px;overflow-x:auto;scroll-padding-inline:16px;margin-inline:-16px;padding:2px 16px 8px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);text-decoration:none;font-size:.82rem;font-weight:700;color:var(--ink);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--grad);color:#fff;border-color:transparent}
.chip.wrap{flex:initial}
.chips.wrap{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}
.tag{display:inline-block;text-decoration:none;color:var(--ink);font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--glass-2);border:1px solid var(--glass-line);line-height:1.5}
.tag.sample{background:linear-gradient(135deg,#F0589B,#FF9A5B);color:#fff;border-color:transparent}
.openb{display:inline-block;font-size:.7rem;font-weight:700;padding:1px 8px;border-radius:999px;line-height:1.6}
.openb.open{background:var(--ok-bg);color:var(--ok)}
.openb.closed{background:var(--no-bg);color:var(--no)}

/* ---------- category icons ---------- */
.cat-rail .cat-item{width:76px}
.cat-item{display:grid;justify-items:center;gap:6px;text-decoration:none;text-align:center;font-size:.72rem;font-weight:600;line-height:1.2}
.cat-item .ci{width:58px;height:58px;border-radius:19px;background:var(--c);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px color-mix(in srgb,var(--c) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}
.cat-item .ci svg{width:27px;height:27px}
.cat-item small{display:block;color:var(--muted);font-weight:500;font-size:.68rem}
.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}

/* ---------- cards ---------- */
.card{background:var(--glass);border:1px solid var(--glass-line);border-radius:22px;box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.5);padding:16px}
.list{display:grid;gap:10px}
.row-card{position:relative;display:flex;gap:12px;padding:10px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .2s}
.row-card:active{transform:scale(.985)}
.rc-link{display:flex;gap:12px;flex:1;min-width:0;text-decoration:none;color:inherit}
.rc-link img{flex:none;width:88px;height:88px;border-radius:15px;object-fit:cover;background:var(--glass-2)}
.rc-body{min-width:0;display:grid;gap:3px;align-content:center;padding-right:34px}
.rc-body h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-sub{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.78rem}
.rc-meta .ph{font-weight:700;font-variant-numeric:tabular-nums}
.fav{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0}
.fav svg{width:21px;height:21px}
.fav[aria-pressed="true"]{color:var(--a3)}
.fav[aria-pressed="true"] svg{fill:currentColor}
.tile{position:relative;width:208px;border-radius:22px;overflow:hidden;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.45)}
.tile .tl{display:block;text-decoration:none;color:inherit}
.tile img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--glass-2)}
.tile .tb{padding:10px 12px 12px;display:grid;gap:3px}
.tile .tb h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .fav{background:rgba(0,0,0,.28);color:#fff;top:8px;right:8px;width:34px;height:34px}
.tile .fav[aria-pressed="true"]{color:#ff8fbd}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.prod{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.45)}
.pimg{position:relative;aspect-ratio:16/10;background:color-mix(in srgb,var(--c) 22%,transparent);display:grid;place-items:center;overflow:hidden}
.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.pph{width:38px;height:38px;color:var(--c);opacity:.85}
.pph svg{width:100%;height:100%}
.stock{position:absolute;left:8px;top:8px;font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#EF4444;color:#fff}
.prod.out .pimg img{filter:grayscale(.8);opacity:.7}
.pin{padding:9px 11px 11px;display:grid;gap:3px;flex:1;align-content:start}
.pin h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price{font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums;font-size:.95rem}
.price small{color:var(--muted);font-weight:500;font-size:.72rem}
.price.ask{color:var(--muted);font-weight:600;font-size:.82rem}
.pdesc{font-size:.76rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pshop{font-size:.74rem;font-weight:700;color:var(--brand);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pwa{margin-top:4px;display:inline-flex;align-items:center;gap:5px;width:fit-content;font-size:.74rem;font-weight:700;text-decoration:none;color:var(--ok);background:var(--ok-bg);padding:5px 10px;border-radius:999px}
.pwa svg{width:14px;height:14px}
.group-title{grid-column:1/-1;margin:10px 0 0;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.offer{position:relative;width:268px;min-height:150px;border-radius:22px;overflow:hidden;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(135deg,var(--a3),#FF9A5B);box-shadow:0 12px 26px rgba(240,88,155,.28)}
.offer:nth-child(3n+2){background:linear-gradient(135deg,var(--a1),#6DB7FF)}
.offer:nth-child(3n){background:linear-gradient(135deg,#0FA39F,#5EE0A0)}
.offer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.offer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.62))}
.offer>*{position:relative;z-index:1}
.offer .disc{position:absolute;top:12px;left:12px;background:#fff;color:#141833;font-weight:800;font-size:.8rem;padding:4px 10px;border-radius:999px;z-index:2}
.offer h3{color:#fff;font-size:1.02rem}
.offer p{font-size:.78rem;opacity:.92}
.offer-list{display:grid;gap:12px}
.offer-list .offer{width:auto}

/* ---------- shop page ---------- */
.cover{position:relative;margin:-12px -16px 0}
.cover img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--glass-2)}
.fabs{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;justify-content:space-between;gap:8px}
.fab{width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(20,24,51,.5);color:#fff;text-decoration:none;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fab svg{width:21px;height:21px}
.fab[aria-pressed="true"]{color:#ff8fbd}
.fab[aria-pressed="true"] svg{fill:currentColor}
.fab-group{display:flex;gap:8px}
.sheet{position:relative;margin:-26px -16px 0;padding:20px 16px 4px;border-radius:26px 26px 0 0;background:var(--sheet)}
.sheet h1{font-size:1.5rem;margin:8px 0 6px}
.badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.infolist{display:grid;gap:10px;margin:14px 0}
.infolist>div{display:flex;gap:12px;align-items:flex-start}
.infolist .ic{flex:none;width:36px;height:36px;border-radius:12px;background:var(--glass-2);display:grid;place-items:center;color:var(--brand)}
.infolist .ic svg{width:19px;height:19px}
.infolist b{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.infolist span{font-variant-numeric:tabular-nums}
.actionbar{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:min(var(--appw),100%);display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--glass-2);border-top:1px solid var(--glass-line);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}
.gallery img{width:150px;height:110px;object-fit:cover;border-radius:16px;display:block}

/* ---------- buttons, forms ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:16px;border:0;background:var(--grad);color:#fff;font:700 .92rem var(--f-body);text-decoration:none;cursor:pointer;box-shadow:0 8px 20px rgba(91,91,240,.32)}
.btn svg{width:19px;height:19px}
.btn.alt{background:var(--glass-2);color:var(--ink);box-shadow:none;border:1px solid var(--glass-line)}
.btn.wa{background:linear-gradient(135deg,#22C55E,#0E9F6E);box-shadow:0 8px 20px rgba(34,197,94,.32)}
.btn.block{width:100%}
.actionbar .btn{flex:1;min-height:48px}
.actions{display:flex;flex-wrap:wrap;gap:10px}
form.stack{display:grid;gap:12px}
label{display:grid;gap:5px;font-size:.82rem;font-weight:700}
input,select,textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--field);border:1px solid var(--glass-line);border-radius:14px;padding:12px 14px;width:100%}
textarea{min-height:100px;resize:vertical}
input[type=file]{padding:10px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- misc pages ---------- */
.crumb-title{margin:6px 0 4px}
.page-head{display:grid;gap:4px;margin:6px 0 12px}
.catbar{display:flex;align-items:center;gap:12px;margin:6px 0 10px}
.catbar .ci{width:50px;height:50px;border-radius:17px;background:var(--c);color:#fff;display:grid;place-items:center}
.catbar .ci svg{width:25px;height:25px}
.catbar p{font-size:.8rem;color:var(--muted)}
.empty{padding:36px 8px;text-align:center;color:var(--muted);display:grid;gap:10px;justify-items:center}
.empty svg{width:44px;height:44px;opacity:.6}
.menu{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.menu a,.menu button{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);text-decoration:none;font-weight:700;width:100%;color:inherit;font-size:.95rem;cursor:pointer;text-align:left}
.menu .mi{flex:none;width:38px;height:38px;border-radius:13px;background:var(--grad);color:#fff;display:grid;place-items:center}
.menu .mi svg{width:20px;height:20px}
.menu small{display:block;color:var(--muted);font-weight:500;font-size:.76rem}
.menu .chev{margin-left:auto;color:var(--muted)}
.prose{display:grid;gap:12px}
dl{margin:0;display:grid;gap:12px}
dt{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700}
dd{margin:2px 0 0}
.big{font:700 1.25rem var(--f-display)}
.pager{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;justify-content:center}
.toast{position:fixed;left:50%;bottom:calc(var(--tab) + 22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg1);padding:10px 16px;border-radius:14px;font-weight:700;font-size:.85rem;z-index:60;max-width:90vw;text-align:center}
.is-shop .toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.stats-line{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;position:relative;font-variant-numeric:tabular-nums}
.stats-line b{font:700 1.1rem var(--f-display);display:block;line-height:1.1}
.stats-line span{font-size:.7rem;opacity:.85}
.cta-card{display:grid;gap:10px;padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(91,91,240,.22),rgba(240,88,155,.2));border:1px solid var(--glass-line)}
.cta-card p{color:var(--muted);font-size:.86rem}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rise>*{animation:rise .45s both;animation-delay:calc(var(--i,0)*40ms)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}