@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Regular.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Bold.woff2') format('woff2');font-display:swap;font-weight:700 900}
:root{--qqs-ink:var(--qq-ink-800);--qqs-brass:var(--accent);--qqs-brass-dark:var(--accent-deep);--qqs-blue:var(--qq-steel-500)}
.qqs-body{background:var(--bg);color:var(--text);font-family:var(--font-ui,Vazirmatn,sans-serif);overflow-x:clip}
.qqs-header{position:sticky;inset-block-start:0;z-index:50;border-block-end:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 30px rgba(15,23,31,.06)}
.qqs-header__inner{inline-size:min(1240px,calc(100% - 2rem));block-size:78px;margin:auto;display:flex;align-items:center;gap:clamp(1rem,3vw,3rem)}
.qqs-brand{display:inline-flex;align-items:center;gap:.7rem;flex:0 0 auto}.qqs-brand img{inline-size:46px;block-size:46px}.qqs-brand span,.qqs-brand strong,.qqs-brand small{display:block}.qqs-brand strong{font-size:1.12rem;color:var(--text-strong);line-height:1.2}.qqs-brand small{font-size:.68rem;color:var(--text-muted);margin-block-start:.15rem}
.qqs-nav{display:flex;align-items:center;gap:.2rem;margin-inline:auto}.qqs-nav a{position:relative;padding:.75rem .9rem;color:var(--text-muted);font-size:.84rem;font-weight:700}.qqs-nav a::after{content:"";position:absolute;inset-inline:1rem;inset-block-end:.28rem;block-size:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}.qqs-nav a:hover,.qqs-nav a.is-active{color:var(--text-strong)}.qqs-nav a.is-active::after{transform:scaleX(1)}
.qqs-header__actions{display:flex;align-items:center;gap:.55rem}.qqs-icon,.qqs-menu{inline-size:44px;block-size:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.qqs-call{min-block-size:44px;display:flex;align-items:center;gap:.55rem;padding-inline:1rem;border-radius:12px;background:var(--accent);color:var(--text-onbrass);font-size:.78rem;font-weight:900}.qqs-call span{font-size:.72rem}.qqs-menu{display:none}.qqs-menu span{display:block;inline-size:19px;block-size:2px;background:currentColor;margin:2px;border-radius:2px}
.qqs-cart-stat{min-block-size:44px;display:inline-flex;align-items:center;gap:.35rem;padding-inline:.65rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:.68rem;color:var(--text-muted)}.qqs-cart-stat b{min-inline-size:22px;block-size:22px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--text-onbrass);font-size:.65rem}
.qqs-mobile-nav,.qqs-scrim{display:none}
.qqs-hero{position:relative;isolation:isolate;inline-size:min(1240px,calc(100% - 2rem));margin:1.4rem auto 0;min-block-size:390px;padding:clamp(2rem,5vw,4.5rem);border:1px solid var(--line);border-radius:32px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);overflow:visible;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent-soft) 55%,var(--surface)))}
.qqs-hero::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;overflow:hidden;background:radial-gradient(circle at 12% 20%,var(--accent-soft),transparent 34%),linear-gradient(115deg,transparent 65%,color-mix(in srgb,var(--qqs-blue) 8%,transparent))}.qqs-hero::after{content:"Q";position:absolute;z-index:-1;inset-inline-start:5%;inset-block-end:-22%;font:900 20rem/1 sans-serif;color:var(--text);opacity:.025}
.qqs-eyebrow{display:flex;align-items:center;gap:.55rem;color:var(--accent-text);font-size:.72rem;font-weight:900}.qqs-eyebrow span{inline-size:26px;block-size:2px;background:var(--accent)}.qqs-hero h1{margin:.8rem 0 1rem;font-size:clamp(2.3rem,4.4vw,4.4rem);line-height:1.18;letter-spacing:-.045em;color:var(--text-strong)}.qqs-hero h1 em{font-style:normal;color:var(--accent-text)}.qqs-hero__copy>p:not(.qqs-eyebrow){max-inline-size:48ch;color:var(--text-muted);font-size:.9rem;line-height:2}.qqs-hero__stats{display:flex;gap:1.25rem;margin-block-start:1.5rem}.qqs-hero__stats span{font-size:.68rem;color:var(--text-muted)}.qqs-hero__stats b{font-size:1rem;color:var(--text-strong);margin-inline-end:.2rem}
.qqs-search-wrap{position:relative}.qqs-search{position:relative;padding:1.15rem;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 24px 60px rgba(15,23,31,.12)}.qqs-search>label{display:block;margin-block-end:.55rem;font-size:.72rem;font-weight:800;color:var(--text-muted)}.qqs-search__field{min-block-size:60px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding-inline:1rem;border:1px solid var(--line-strong);border-radius:15px;background:var(--surface)}.qqs-search__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.qqs-search__field svg{inline-size:21px;fill:none;stroke:var(--accent-text);stroke-width:1.8}.qqs-search__field input{inline-size:100%;min-inline-size:0;border:0;outline:0;background:none}.qqs-search__field input::-webkit-search-cancel-button{display:none}.qqs-search__field kbd{padding:.3rem .45rem;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);font-size:.62rem;color:var(--text-faint)}
.qqs-live{position:absolute;z-index:40;inset-inline:1.15rem;inset-block-start:calc(100% - .55rem);padding:.5rem;border:1px solid var(--line);border-radius:0 0 16px 16px;background:var(--surface);box-shadow:0 22px 50px rgba(15,23,31,.16)}.qqs-live__head{padding:.45rem .55rem;font-size:.65rem;color:var(--text-faint)}.qqs-live a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem;border-radius:10px}.qqs-live a:hover,.qqs-live a.is-active{background:var(--accent-soft)}.qqs-live img{inline-size:42px;block-size:42px;object-fit:contain;border-radius:9px;background:var(--surface-2)}.qqs-live strong,.qqs-live small{display:block}.qqs-live strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qqs-live small{font-size:.62rem;color:var(--text-muted)}.qqs-live b{font-size:.7rem;color:var(--accent-text);white-space:nowrap}.qqs-live__empty{padding:1rem;text-align:center;font-size:.75rem;color:var(--text-muted)}
.qqs-popular{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-block-start:.8rem;padding-inline:.4rem}.qqs-popular span{font-size:.65rem;color:var(--text-faint)}.qqs-popular button{padding:.25rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.65rem;color:var(--text-muted)}
.qqs-shop{inline-size:min(1240px,calc(100% - 2rem));margin:4rem auto 6rem}.qqs-toolbar{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding-block-end:1.2rem;border-block-end:1px solid var(--line)}.qqs-toolbar p{font-size:.67rem;color:var(--accent-text);font-weight:800}.qqs-toolbar h2{margin:.2rem 0 0;font-size:1.55rem}.qqs-toolbar__actions{display:flex;align-items:center;gap:.55rem}.qqs-sort{min-block-size:44px;display:flex;align-items:center;gap:.5rem;padding-inline:.75rem;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:.7rem;color:var(--text-muted)}.qqs-sort select{border:0;outline:0;background:none;color:var(--text-strong);font-weight:700}.qqs-view{display:flex;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.qqs-view button{inline-size:36px;block-size:36px;border-radius:8px;color:var(--text-faint)}.qqs-view button.is-active{background:var(--accent-soft);color:var(--accent-text)}.qqs-filter-trigger{display:none;min-block-size:44px;padding-inline:.8rem;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:.75rem;font-weight:800}.qqs-filter-trigger span{display:inline-grid;place-items:center;min-inline-size:20px;block-size:20px;border-radius:50%;background:var(--accent);color:var(--text-onbrass);font-size:.62rem}
.qqs-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:1.5rem;margin-block-start:1.5rem}.qqs-filters{position:sticky;inset-block-start:96px;align-self:start;padding:1.1rem;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.qqs-filters__head{display:flex;justify-content:space-between;align-items:center;padding-block-end:.8rem;border-block-end:1px solid var(--line)}.qqs-filters__head span{font-size:.62rem;color:var(--accent-text);font-weight:900}.qqs-filters__head h3{font-size:1rem;margin:.1rem 0}.qqs-filters__head button{display:none;font-size:1.5rem}.qqs-filters fieldset{border:0;margin:0;padding:1rem 0;border-block-end:1px solid var(--line)}.qqs-filters legend{inline-size:100%;font-size:.74rem;font-weight:900;margin-block-end:.5rem}.qqs-filters legend output{float:left;font-size:.62rem;color:var(--accent-text)}.qqs-filters fieldset label{min-block-size:38px;display:flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.72rem;color:var(--text-muted)}.qqs-filters label span{flex:1}.qqs-filters label b{font-size:.62rem;color:var(--text-faint)}.qqs-filters input[type="checkbox"],.qqs-filters input[type="radio"]{inline-size:17px;block-size:17px;accent-color:var(--accent)}.qqs-range{inline-size:100%;accent-color:var(--accent)}.qqs-range-labels{display:flex;justify-content:space-between;font-size:.58rem;color:var(--text-faint)}.qqs-check{display:flex;align-items:center;gap:.55rem;padding-block:1rem;font-size:.7rem}.qqs-reset{inline-size:100%;min-block-size:42px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--text-muted);font-size:.68rem}
.qqs-results{min-inline-size:0}.qqs-results__meta{min-block-size:38px;display:flex;justify-content:space-between;align-items:start;gap:1rem}.qqs-results__meta p{font-size:.72rem;color:var(--text-muted)}.qqs-results__meta strong{color:var(--text-strong)}.qqs-results__meta>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.qqs-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:.62rem}.qqs-chip button{font-size:.8rem}
.qqs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.qqs-card{position:relative;min-inline-size:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.qqs-card:hover{transform:translateY(-4px);border-color:var(--line-accent);box-shadow:0 18px 40px rgba(15,23,31,.09)}.qqs-card__media{position:relative;aspect-ratio:1.16;background:linear-gradient(145deg,var(--surface-2),var(--stage));overflow:hidden}.qqs-card__media img{inline-size:100%;block-size:100%;padding:1rem;object-fit:contain;transition:transform .35s}.qqs-card:hover .qqs-card__media img{transform:scale(1.045)}.qqs-card__status{position:absolute;inset-block-start:.7rem;inset-inline-start:.7rem;padding:.3rem .55rem;border-radius:999px;background:var(--ok-wash);color:var(--ok);font-size:.62rem;font-weight:900}.qqs-card__status.is-preorder{background:var(--warn-wash);color:var(--warn)}.qqs-card__body{flex:1;display:flex;flex-direction:column;padding:1rem}.qqs-card__cat{font-size:.62rem;color:var(--accent-text);font-weight:800}.qqs-card h3{margin:.35rem 0 .25rem;font-size:.91rem;line-height:1.8;color:var(--text-strong)}.qqs-card__code{font-size:.62rem;color:var(--text-faint)}.qqs-card__foot{display:flex;align-items:end;justify-content:space-between;gap:.5rem;margin-block-start:auto;padding-block-start:1rem}.qqs-card__price span,.qqs-card__price strong{display:block}.qqs-card__price span{font-size:.58rem;color:var(--text-faint)}.qqs-card__price strong{font-size:.92rem;color:var(--text-strong)}.qqs-card__price small{font-size:.6rem}.qqs-card__link{min-inline-size:42px;block-size:42px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:var(--text-onbrass);font-size:1.1rem}
.qqs-grid.is-list{grid-template-columns:1fr}.qqs-grid.is-list .qqs-card{display:grid;grid-template-columns:150px minmax(0,1fr)}.qqs-grid.is-list .qqs-card__media{aspect-ratio:auto;min-block-size:145px}.qqs-grid.is-list .qqs-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:1rem}.qqs-grid.is-list .qqs-card__cat,.qqs-grid.is-list h3,.qqs-grid.is-list .qqs-card__code{grid-column:1}.qqs-grid.is-list .qqs-card__foot{grid-column:2;grid-row:1/4;align-self:center;padding:0;gap:1rem}
.qqs-empty{padding:4rem 1rem;text-align:center;border:1px dashed var(--line-strong);border-radius:20px;background:var(--surface)}.qqs-empty>span{font-size:3rem;color:var(--accent-text)}.qqs-empty h3{margin:.5rem 0}.qqs-empty p{font-size:.75rem;color:var(--text-muted)}.qqs-empty button{margin-block-start:1rem;padding:.65rem 1rem;border-radius:10px;background:var(--accent);color:var(--text-onbrass);font-weight:800}
.qqs-footer{border-block-start:1px solid var(--line);background:var(--surface-2)}.qqs-footer__main{inline-size:min(1240px,calc(100% - 2rem));margin:auto;padding:3rem 0;display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:3rem}.qqs-footer__main>div{display:grid;align-content:start;gap:.6rem}.qqs-footer__main p,.qqs-footer__main a,.qqs-footer__main span{font-size:.72rem;color:var(--text-muted);line-height:1.9}.qqs-footer__main p{max-inline-size:45ch}.qqs-footer__main h3{font-size:.82rem}.qqs-footer__bottom{border-block-start:1px solid var(--line);padding:1rem max(1rem,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:1rem;font-size:.65rem;color:var(--text-faint)}
@media(max-width:1000px){.qqs-nav{display:none}.qqs-header__inner{block-size:68px}.qqs-menu{display:grid}.qqs-call span{display:none}.qqs-hero{grid-template-columns:1fr;min-block-size:0}.qqs-layout{grid-template-columns:220px minmax(0,1fr)}.qqs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qqs-mobile-nav{position:fixed;z-index:100;inset-block:0;inset-inline-start:0;inline-size:min(84vw,340px);padding:1rem;display:flex;flex-direction:column;gap:.35rem;background:var(--surface);transform:translateX(105%);transition:transform .28s}.qqs-mobile-nav.is-open{transform:none}.qqs-mobile-nav>button{align-self:end;font-size:1.7rem}.qqs-mobile-nav a{padding:.9rem;border-block-end:1px solid var(--line);font-size:.8rem}.qqs-scrim{position:fixed;z-index:90;inset:0;display:block;background:rgba(5,10,14,.55);opacity:0;pointer-events:none;transition:opacity .2s}.qqs-scrim.is-open{opacity:1;pointer-events:auto}}
@media(max-width:720px){.qqs-header__inner,.qqs-hero,.qqs-shop,.qqs-footer__main{inline-size:min(100% - 1.1rem,1240px)}.qqs-brand small{display:none}.qqs-call{inline-size:44px;padding:0;justify-content:center}.qqs-call::before{content:"☎"}.qqs-call{font-size:0}.qqs-hero{margin-block-start:.55rem;padding:1.5rem;border-radius:22px;gap:1.5rem}.qqs-hero h1{font-size:clamp(2rem,10vw,3rem)}.qqs-hero__stats{gap:.7rem;justify-content:space-between}.qqs-hero__stats span{display:grid}.qqs-search{padding:.8rem;border-radius:17px}.qqs-search__field{min-block-size:54px;padding-inline:.75rem}.qqs-search__field kbd{display:none}.qqs-live{inset-inline:.8rem}.qqs-shop{margin:2.5rem auto 4rem}.qqs-toolbar{align-items:start}.qqs-toolbar h2{font-size:1.2rem}.qqs-toolbar__actions{flex-wrap:wrap;justify-content:flex-end}.qqs-filter-trigger{display:inline-flex;align-items:center;gap:.35rem}.qqs-view{display:none}.qqs-sort{padding-inline:.55rem}.qqs-sort>span{display:none}.qqs-layout{display:block}.qqs-filters{position:fixed;z-index:120;inset:auto 0 0;max-block-size:88dvh;overflow-y:auto;padding:1.15rem;border-radius:22px 22px 0 0;transform:translateY(105%);transition:transform .28s}.qqs-filters.is-open{transform:none}.qqs-filters__head button{display:block}.qqs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.qqs-card{border-radius:15px}.qqs-card__body{padding:.75rem}.qqs-card h3{font-size:.76rem}.qqs-card__foot{align-items:center}.qqs-card__price strong{font-size:.76rem}.qqs-card__link{inline-size:38px;min-inline-size:38px;block-size:38px}.qqs-footer__main{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0}.qqs-footer__bottom{flex-direction:column;text-align:center;align-items:center}}
@media(max-width:420px){.qqs-header__actions{gap:.35rem}.qqs-icon{display:none}.qqs-cart-stat{padding-inline:.45rem;font-size:0}.qqs-cart-stat::before{content:"سبد";font-size:.62rem}.qqs-hero__stats span:last-child{display:none}.qqs-toolbar{display:block}.qqs-toolbar__actions{margin-block-start:.8rem;justify-content:space-between}.qqs-sort{flex:1;justify-content:space-between}.qqs-grid{grid-template-columns:1fr 1fr}.qqs-card__media{aspect-ratio:1}.qqs-card__media img{padding:.55rem}.qqs-card__status{inset:.45rem auto auto .45rem;padding:.22rem .4rem}.qqs-card__code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qqs-grid.is-list{grid-template-columns:105px minmax(0,1fr)}.qqs-grid.is-list .qqs-card__media{min-block-size:125px}.qqs-grid.is-list .qqs-card__body{display:flex}.qqs-grid.is-list .qqs-card__foot{padding-block-start:.5rem;align-self:auto}}
@media(prefers-reduced-motion:reduce){.qqs-card,.qqs-card img,.qqs-mobile-nav,.qqs-scrim,.qqs-filters{transition:none!important}}

/* لایه‌بندی پایدار جست‌وجوی زنده: سکشن فروشگاه دیگر پنل را برش نمی‌دهد. */
.qqs-hero{z-index:30!important;overflow:visible!important}
.qqs-hero::before{overflow:hidden}
.qqs-search-wrap,.qqs-search{position:relative;z-index:2;overflow:visible}
.qqs-live{z-index:300;max-block-size:min(28rem,calc(100dvh - 7rem));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;isolation:isolate}
.qqs-shop{position:relative;z-index:1}

/* کارت‌ها روی دستگاه لمسی هنگام اسکرول وارد حالت hover ناپایدار نمی‌شوند. */
@media(hover:none){.qqs-card:hover{transform:none;box-shadow:none}.qqs-card:hover .qqs-card__media img{transform:none}}
@media(max-width:720px){.qqs-live{inset-inline:0;inset-block-start:calc(100% - .35rem);max-block-size:min(23rem,calc(100dvh - 6rem));border-radius:0 0 14px 14px}}

/* Compact isolated shop hero */
.qqs-hero{min-block-size:300px;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(1.4rem,3vw,3rem);padding:clamp(1.5rem,3.2vw,2.8rem);border-radius:26px;overflow:hidden;box-shadow:0 18px 55px rgba(15,23,31,.07)}.qqs-hero::after{font-size:15rem;inset-block-end:-35%;opacity:.022}.qqs-hero h1{max-inline-size:13ch;margin:.55rem 0 .7rem;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.22}.qqs-hero__copy>p:not(.qqs-eyebrow){max-inline-size:44ch;font-size:.84rem;line-height:1.9}.qqs-hero__stats{display:grid;grid-template-columns:repeat(3,max-content);gap:.55rem;margin-block-start:1rem}.qqs-hero__stats span{padding:.4rem .55rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 72%,transparent)}.qqs-search{padding:.85rem;border-radius:18px;box-shadow:0 15px 38px rgba(15,23,31,.1)}.qqs-search__field{min-block-size:54px}.qqs-popular{margin-block-start:.55rem}
@media(max-width:1000px){.qqs-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}}
@media(max-width:760px){.qqs-hero{grid-template-columns:1fr;gap:1.1rem;min-block-size:0;padding:1.15rem;margin-block-start:.55rem;border-radius:20px}.qqs-hero h1{max-inline-size:15ch;margin:.4rem 0 .55rem;font-size:clamp(1.8rem,8.5vw,2.55rem);line-height:1.28}.qqs-hero__copy>p:not(.qqs-eyebrow){font-size:.8rem;line-height:1.85}.qqs-hero__stats{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-block-start:.8rem}.qqs-hero__stats span{display:grid;padding:.4rem;text-align:center;font-size:.61rem}.qqs-hero__stats b{font-size:.85rem}.qqs-search{padding:.7rem;border-radius:15px}.qqs-search>label{font-size:.68rem}.qqs-search__field{min-block-size:50px;border-radius:12px}.qqs-popular{gap:.35rem}.qqs-popular span{inline-size:100%}}
@media(max-width:420px){.qqs-hero{inline-size:calc(100% - .75rem);padding:1rem}.qqs-hero__stats span:last-child{display:grid}.qqs-hero__copy>p:not(.qqs-eyebrow){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qqs-search-wrap{min-inline-size:0}}

/* Suggestions must escape the hero's decorative clipping. */
.qqs-hero{overflow:visible;position:relative;z-index:2}
.qqs-hero::after{display:none}
.qqs-search-wrap{position:relative;min-inline-size:0;z-index:3}
.qqs-live{overflow-y:auto;overscroll-behavior:contain;max-block-size:min(24rem,60dvh)}
.qqs-route-note{padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:12px}