@charset "UTF-8";



/* ===================================================================



   TestKav Skills — Marketplace  (marketplace.css)



   دقیقاً مطابق market-preview.html : ناوبری + intro/جستجو + فیلتر چک‌باکسی



   + لیست سه‌ستونه + کارت. نیازمند skills.css. کلاس‌ها sk-mkt-.



   =================================================================== */







.sk-mkt-body{background:var(--sk-surface)}



.sk-mkt-wrap{max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,3.2vw,44px);width:100%}







/* ---------- ناوبری ---------- */



.sk-mkt-header{position:sticky;top:0;z-index:40;background:var(--sk-surface);border-bottom:1px solid var(--sk-line)}



.sk-mkt-headin{display:flex;align-items:center;gap:24px;height:72px}



.sk-mkt-brand{display:flex;align-items:center;gap:11px}



.sk-mkt-brand .mk{width:44px;height:44px;border-radius:13px;background:var(--sk-charcoal);display:grid;place-items:center;flex-shrink:0}



.sk-mkt-brand .mk svg{width:23px;height:23px}



.sk-mkt-brand strong{font-size:18px;font-weight:700;display:block;line-height:1.15;letter-spacing:-.3px}



.sk-mkt-brand small{font-size:11px;color:var(--sk-ink-faint);font-weight:600;letter-spacing:.02em;margin-top:-2px;display:block}



.sk-mkt-nav{display:flex;align-items:center;gap:4px;margin-inline-start:14px}



.sk-mkt-nav .nav-ic{display:none}



.sk-mkt-nav a{font-size:14.5px;font-weight:500;color:var(--sk-ink-soft);padding:9px 14px;border-radius:var(--sk-r-md);transition:.15s}



.sk-mkt-nav a:hover{background:var(--sk-surface-2);color:var(--sk-ink)}



.sk-mkt-nav a.is-active{color:var(--sk-ink);font-weight:700}



.sk-mkt-actions{display:flex;align-items:center;gap:9px;margin-inline-start:auto}



.sk-mkt-menu-btn{display:none}







/* ---------- پیام‌ها ---------- */



.sk-mkt-msgs{margin-top:18px;display:flex;flex-direction:column;gap:10px}



.sk-mkt-msg{padding:13px 16px;border-radius:var(--sk-r-md);font-size:13.5px;font-weight:600;border:1px solid var(--sk-line)}



.sk-mkt-msg.success{background:var(--sk-ok-soft);color:var(--sk-ok)}



.sk-mkt-msg.error,.sk-mkt-msg.danger{background:var(--sk-danger-soft);color:var(--sk-danger)}







/* ---------- intro (به‌جای هیرو) ---------- */



.sk-mkt-intro{position:relative;background:var(--sk-surface);border-bottom:1px solid var(--sk-line);overflow:hidden}



.sk-mkt-intro-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}



.sk-mkt-intro-bg .dots{position:absolute;inset:-2px;background-image:radial-gradient(rgba(24,26,29,.09) 1.5px,transparent 1.5px);background-size:25px 25px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 82%);mask-image:linear-gradient(to bottom,#000,transparent 82%)}



.sk-mkt-intro-bg .glow{position:absolute;top:-150px;inset-inline-end:-90px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--sk-amber-soft),transparent 66%);opacity:.85}



.sk-mkt-intro-bg .rings{position:absolute;top:-34%;inset-inline-end:-5%;width:540px;height:540px;opacity:.5}



.sk-mkt-intro-bg .rings i{position:absolute;inset:0;margin:auto;border:1.4px solid rgba(24,26,29,.08);border-radius:50%}



.sk-mkt-intro-bg .rings i:nth-child(1){width:28%;height:28%}



.sk-mkt-intro-bg .rings i:nth-child(2){width:52%;height:52%}



.sk-mkt-intro-bg .rings i:nth-child(3){width:76%;height:76%}



.sk-mkt-intro-bg .rings i:nth-child(4){width:100%;height:100%}



[data-theme="dark"] .sk-mkt-intro-bg .dots{background-image:radial-gradient(rgba(255,255,255,.085) 1.5px,transparent 1.5px)}



[data-theme="dark"] .sk-mkt-intro-bg .rings i{border-color:rgba(255,255,255,.07)}



.sk-mkt-intro>.sk-mkt-wrap{position:relative;z-index:1}



.sk-mkt-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sk-ink-faint);font-weight:600;padding-top:18px}



.sk-mkt-crumb .sep{opacity:.5}.sk-mkt-crumb .cur{color:var(--sk-ink)}



.sk-mkt-intro-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:14px 0 26px}



.sk-mkt-intro h1{font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.3px;line-height:1.3;margin-bottom:9px}



.sk-mkt-intro p{font-size:14.5px;color:var(--sk-ink-soft);font-weight:400;max-width:56ch;line-height:1.8}



.sk-mkt-intro p b{color:var(--sk-ink);font-weight:700}



.sk-mkt-search{display:flex;gap:8px;background:var(--sk-surface);border:1.5px solid var(--sk-line-strong);border-radius:var(--sk-r-pill);padding:7px;min-width:min(440px,42vw)}



.sk-mkt-search:focus-within{border-color:var(--sk-amber)}



.sk-mkt-search .ic{display:grid;place-items:center;width:40px;color:var(--sk-ink-faint);flex-shrink:0}



.sk-mkt-search input{flex:1;border:none;background:none;outline:none;box-shadow:none;padding:0 6px;font-size:14.5px;color:var(--sk-ink);min-width:0;font-family:inherit;direction:rtl;text-align:right}



.sk-mkt-search input::placeholder{color:var(--sk-ink-faint)}







/* ---------- چیدمان لیست ---------- */



.sk-mkt-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;padding-block:24px 60px;align-items:start}



.sk-mkt-results{min-width:0}



.sk-mkt-rhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}



.sk-mkt-rhead .count{font-size:14px;font-weight:400;color:var(--sk-ink-soft)}



.sk-mkt-rhead .count b{color:var(--sk-ink);font-weight:700}



.sk-mkt-rtools{display:flex;align-items:center;gap:10px}



.sk-mkt-sort{display:flex;align-items:center;gap:8px;background:var(--sk-surface);border:1px solid var(--sk-line-strong);border-radius:var(--sk-r-md);padding:8px 12px;font-size:12.5px;font-weight:600}



.sk-mkt-sort svg{width:15px;height:15px;color:var(--sk-ink-faint)}



.sk-mkt-sort select{border:none;background:none;font-family:inherit;font-weight:600;font-size:12.5px;color:var(--sk-ink);outline:none;cursor:pointer}



.sk-mkt-qbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}



.sk-mkt-qfilters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}



.sk-mkt-qbtn{font-size:12.5px;font-weight:500;padding:8px 15px;border-radius:var(--sk-r-pill);border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink-soft);cursor:pointer;transition:.16s var(--sk-ease);font-family:inherit}



.sk-mkt-qbtn:hover{border-color:var(--sk-line-strong);color:var(--sk-ink);background:var(--sk-surface-2)}



.sk-mkt-qbtn.active{background:var(--sk-amber-soft);border-color:var(--sk-amber);color:var(--sk-amber-deep);font-weight:600}



.sk-mkt-count{font-size:13.5px;font-weight:400;color:var(--sk-ink-soft);white-space:nowrap}



.sk-mkt-count b{color:var(--sk-ink);font-weight:700}



.sk-mkt-mfilter{display:none}







/* ---------- فیلتر چک‌باکسی (مطابق توافق) ---------- */



.sk-mkt-filter{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sk-line-strong) transparent}



.sk-mkt-filter::-webkit-scrollbar{width:8px}



.sk-mkt-filter::-webkit-scrollbar-track{background:transparent}



.sk-mkt-filter::-webkit-scrollbar-thumb{background:var(--sk-line-strong);border-radius:99px;border:2.5px solid var(--sk-surface);background-clip:padding-box}



.sk-mkt-filter:hover::-webkit-scrollbar-thumb{background:var(--sk-ink-faint);background-clip:padding-box}



.sk-mkt-panel{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(20,24,33,.03)}



.sk-mkt-panel-h{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 14px;border-bottom:1px solid var(--sk-line)}



.sk-mkt-panel-h b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:-.2px}



.sk-mkt-panel-h b svg{width:16px;height:16px;color:var(--sk-ink)}



.sk-mkt-panel-h .clr{font-size:12px;font-weight:600;color:var(--sk-ink-faint);transition:.15s}



.sk-mkt-panel-h .clr:hover{color:var(--sk-amber-deep)}



.sk-mkt-fgroup{padding:15px 16px;border-bottom:1px solid var(--sk-line)}



.sk-mkt-fgroup:last-child{border-bottom:none}



.sk-mkt-fgroup>.t{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--sk-ink);margin-bottom:10px;letter-spacing:-.1px}



.sk-mkt-fgroup>.t .dep{font-size:9.5px;font-weight:600;color:var(--sk-amber-deep);background:var(--sk-amber-soft);padding:2px 7px;border-radius:6px;margin-inline-start:auto;letter-spacing:0}



.sk-mkt-fsearch{display:flex;align-items:center;gap:7px;background:var(--sk-surface-2);border:1px solid transparent;border-radius:9px;padding:0 10px;height:33px;margin-bottom:8px;transition:.15s}



.sk-mkt-fsearch:focus-within{background:var(--sk-surface);border-color:var(--sk-line-strong)}



.sk-mkt-fsearch svg{width:14px;height:14px;color:var(--sk-ink-faint);flex-shrink:0}



.sk-mkt-fsearch input{flex:1;border:none;background:none;outline:none;font-family:inherit;font-size:12.5px;color:var(--sk-ink);min-width:0;direction:rtl;text-align:right}



.sk-mkt-fsearch input::placeholder{color:var(--sk-ink-faint)}



.sk-mkt-cbset{display:flex;flex-direction:column;max-height:192px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;margin-inline:-16px}



/* اسکرول مینیمالِ لیست‌های داخل گروه فیلتر — باریک‌تر و کم‌رنگ‌تر از اسکرول خود ساید فیلتر (8px / line-strong)



   overscroll-behavior:contain هم جلوی زنجیره‌شدن اسکرول گروه با اسکرول فیلتر را می‌گیرد. */



.sk-mkt-cbset{overscroll-behavior:contain;scrollbar-color:var(--sk-line) transparent}



.sk-mkt-cbset::-webkit-scrollbar{width:6px}



.sk-mkt-cbset::-webkit-scrollbar-track{background:transparent}



.sk-mkt-cbset::-webkit-scrollbar-thumb{background:var(--sk-line);border:2px solid transparent;background-clip:content-box;border-radius:999px}



.sk-mkt-cbset:hover::-webkit-scrollbar-thumb,.sk-mkt-cbset:focus-within::-webkit-scrollbar-thumb{background:var(--sk-line-strong);border:2px solid transparent;background-clip:content-box}



.sk-mkt-fcheck.hide,.sk-mkt-fnone{display:none}



.sk-mkt-fnone.show{display:block;font-size:11.5px;color:var(--sk-ink-faint);padding:10px 16px;text-align:center}



.sk-mkt-fcheck{display:flex;align-items:flex-start;gap:10px;padding:7px 16px;font-size:13px;font-weight:400;color:var(--sk-ink-soft);cursor:pointer;transition:background .12s}



.sk-mkt-fcheck:hover{background:var(--sk-surface-2);color:var(--sk-ink)}



.sk-mkt-fcheck .box{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--sk-line-strong);display:grid;place-items:center;transition:.15s;flex-shrink:0;margin-top:1px}



.sk-mkt-fcheck .box svg{width:11px;height:11px;color:#181a1d;opacity:0;transform:scale(.6);transition:.15s var(--sk-ease)}



.sk-mkt-fcheck input{display:none}



.sk-mkt-fcheck input:checked+.box{background:var(--sk-amber);border-color:var(--sk-amber)}



.sk-mkt-fcheck input:checked+.box svg{opacity:1;transform:scale(1)}



.sk-mkt-fcheck input:checked~.nm{color:var(--sk-ink);font-weight:600}



.sk-mkt-fcheck .nm{flex:1;line-height:1.5}



.sk-mkt-fcheck .c{font-size:11px;color:var(--sk-ink-faint);font-weight:600}



.sk-mkt-flevels{display:flex;flex-direction:column;gap:6px}



.sk-mkt-flevels label{display:flex;align-items:center;gap:9px;height:35px;padding:0 12px;border-radius:9px;border:1px solid var(--sk-line);background:var(--sk-surface);font-size:12.5px;font-weight:500;color:var(--sk-ink-soft);transition:.16s var(--sk-ease);cursor:pointer}



.sk-mkt-flevels .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}



.sk-mkt-flevels .c{margin-inline-start:auto;font-size:11px;color:var(--sk-ink-faint);font-weight:600}



.sk-mkt-flevels label:hover{border-color:var(--sk-line-strong);background:var(--sk-surface-2)}



.sk-mkt-flevels input{display:none}



.sk-mkt-flevels input:checked+label{border-color:var(--sk-charcoal);background:var(--sk-surface-2);color:var(--sk-ink);font-weight:600}



.sk-mkt-ftoggle{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}



.sk-mkt-switch{position:relative;width:42px;height:24px;flex-shrink:0;display:inline-block}



.sk-mkt-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}



.sk-mkt-switch .sl{position:absolute;inset:0;background:var(--sk-surface-3);border-radius:999px;transition:.2s}



.sk-mkt-switch .sl::before{content:"";position:absolute;width:18px;height:18px;inset-inline-start:3px;top:3px;background:#fff;border-radius:50%;transition:.2s var(--sk-ease);box-shadow:0 1px 3px rgba(0,0,0,.2)}



.sk-mkt-switch input:checked+.sl{background:var(--sk-amber)}



.sk-mkt-switch input:checked+.sl::before{transform:translateX(-18px)}



.sk-mkt-fseg{display:flex;gap:6px}



.sk-mkt-fseg input{display:none}



.sk-mkt-fseg label{flex:1;display:flex;align-items:center;justify-content:center;height:34px;border-radius:9px;border:1px solid var(--sk-line);background:var(--sk-surface);font-size:12px;font-weight:500;color:var(--sk-ink-soft);cursor:pointer;transition:.16s var(--sk-ease)}



.sk-mkt-fseg label:hover{border-color:var(--sk-line-strong);background:var(--sk-surface-2)}



.sk-mkt-fseg input:checked+label{background:var(--sk-amber-soft);border-color:var(--sk-amber);color:var(--sk-amber-deep);font-weight:600}



.sk-mkt-frange{display:flex;gap:8px}



.sk-mkt-frange input,.sk-mkt-frange select{flex:1;border:1px solid var(--sk-line);border-radius:9px;background:var(--sk-surface-2);padding:9px 11px;font-size:12.5px;color:var(--sk-ink);outline:none;min-width:0;font-family:inherit;transition:.15s;cursor:pointer}



.sk-mkt-frange select:focus,.sk-mkt-frange input:focus{border-color:var(--sk-line-strong);background:var(--sk-surface)}



.sk-mkt-fmore>summary{font-size:12.5px;font-weight:600;color:var(--sk-ink-soft);cursor:pointer;padding:14px 16px;list-style:none;border-bottom:1px solid var(--sk-line);display:flex;align-items:center}



.sk-mkt-fmore>summary::-webkit-details-marker{display:none}



.sk-mkt-fmore>summary::after{content:"";width:7px;height:7px;margin-inline-start:auto;border-right:2px solid var(--sk-ink-faint);border-bottom:2px solid var(--sk-ink-faint);transform:rotate(45deg);transition:.2s;position:relative;top:-2px}



.sk-mkt-fmore[open]>summary::after{transform:rotate(-135deg);top:1px}



.sk-mkt-fbtns{padding:14px 16px;display:flex;flex-direction:column;gap:8px}







/* ---------- گرید سه‌ستونه ---------- */



.sk-mkt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}







/* ---------- کارت محصول (مطابق فایل توافق‌شده) ---------- */



.sk-mkt-card{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:.2s var(--sk-ease)}



.sk-mkt-card:hover{border-color:var(--sk-line-strong);transform:translateY(-3px);box-shadow:0 18px 50px rgba(20,24,33,.10)}



.sk-mkt-cover{position:relative;aspect-ratio:16/10;overflow:hidden;display:block}



.sk-mkt-cover .ph{position:absolute;inset:0;display:grid;place-items:center;background:var(--sk-surface-2);background-image:radial-gradient(rgba(26,28,31,.06) 1.2px,transparent 1.2px);background-size:16px 16px}



.sk-mkt-cover .ph svg{width:44px;height:44px;color:var(--sk-ink-faint);opacity:.5}



.sk-mkt-cover .img{position:absolute;inset:0}



.sk-mkt-cover .img.g1{background:linear-gradient(135deg,#ffc218,#e9ad00 60%,#181a1d)}



.sk-mkt-cover .img.g2{background:linear-gradient(135deg,#2b6cb0,#1a365d)}



.sk-mkt-cover .img.g3{background:linear-gradient(135deg,#2f855a,#1c4532)}



.sk-mkt-cover .img.g4{background:linear-gradient(135deg,#6b46c1,#322659)}



.sk-mkt-cover .img img{width:100%;height:100%;object-fit:cover}



.sk-mkt-cover .img::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0,rgba(255,255,255,.22),transparent 60%)}



.sk-mkt-cover .scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,11,13,.5),transparent 45%)}



.sk-mkt-cover .tags{position:absolute;top:10px;inset-inline-end:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}



.sk-mkt-cover .tag{font-size:11px;font-weight:800;padding:4px 10px;border-radius:var(--sk-r-pill)}



.sk-mkt-cover .tag-exam{background:rgba(255,194,24,.92);color:#181a1d}



.sk-mkt-cover .tag-course{background:rgba(24,26,29,.82);color:#fff}



.sk-mkt-cover .tag-free{background:rgba(31,157,87,.92);color:#fff}



.sk-mkt-cover .fav{position:absolute;top:10px;inset-inline-start:10px;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);display:grid;place-items:center;color:#181a1d;transition:.2s;z-index:2;border:none}



.sk-mkt-cover .fav:hover{color:var(--sk-amber-deep)}



.sk-mkt-cover .fav svg{width:16px;height:16px}



.sk-mkt-card-body{padding:15px;display:flex;flex-direction:column;flex:1}



.sk-mkt-card-body h3{font-size:14.5px;font-weight:700;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



.sk-mkt-card-body h3 a{color:inherit}



.sk-mkt-measures{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400;color:var(--sk-ink-soft);margin-bottom:8px}



.sk-mkt-measures svg{width:14px;height:14px;color:var(--sk-amber-deep);flex-shrink:0}



.sk-mkt-measures .lbl{color:var(--sk-ink-faint)}



.sk-mkt-measures .sk{color:var(--sk-ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.sk-mkt-chips2{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}



.sk-mkt-chips2 .chip2-group{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px}



.sk-mkt-chips2 .chip2-icon{width:17px;height:17px;background:none;border:none;display:grid;place-items:center;color:var(--sk-ink-faint);flex-shrink:0}



.sk-mkt-chips2 .chip2-icon svg{width:15px;height:15px}



.sk-mkt-chips2 .chip2-label{font-size:10.5px;font-weight:600;color:var(--sk-ink-faint);white-space:nowrap;flex-shrink:0;width:46px}



.sk-mkt-chips2 .chip2-list{min-width:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center}



.sk-mkt-chips2 .chip2-list span{font-size:10.5px;font-weight:400;color:var(--sk-ink-soft);background:var(--sk-surface-2);border-radius:6px;padding:2px 9px;white-space:nowrap}



.sk-mkt-chips2 .chip2-list i{display:none}



.sk-mkt-level{display:flex;align-items:center;gap:9px;margin-bottom:13px}



.sk-mkt-level .name{font-size:12px;font-weight:600;white-space:nowrap}



.sk-mkt-level .bars{display:flex;gap:3px}



.sk-mkt-level .bars i{width:14px;height:5px;border-radius:999px;background:var(--sk-surface-3)}



.sk-mkt-level.beg .name{color:var(--sk-beg)}.sk-mkt-level.beg .bars i:nth-child(-n+1){background:var(--sk-beg)}



.sk-mkt-level.inter .name{color:var(--sk-inter)}.sk-mkt-level.inter .bars i:nth-child(-n+2){background:var(--sk-inter)}



.sk-mkt-level.adv .name{color:var(--sk-adv)}.sk-mkt-level.adv .bars i:nth-child(-n+3){background:var(--sk-adv)}



.sk-mkt-level.exp .name{color:var(--sk-ink)}.sk-mkt-level.exp .bars i{background:var(--sk-charcoal)}



.sk-mkt-level.all .name{color:var(--sk-ink-soft)}.sk-mkt-level.all .bars i{background:var(--sk-amber)}



.sk-mkt-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--sk-ink-soft);font-weight:400;padding-top:12px;border-top:1px solid var(--sk-line);margin-top:auto}



.sk-mkt-meta .m{display:flex;align-items:center;gap:4px;white-space:nowrap}



.sk-mkt-meta .m svg{width:13px;height:13px;color:var(--sk-ink-faint)}



.sk-mkt-meta .rate{color:var(--sk-ink);font-weight:700}.sk-mkt-meta .rate svg{color:var(--sk-amber)}



.sk-mkt-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}



.sk-mkt-price{font-size:18px;font-weight:800;letter-spacing:-.3px}



.sk-mkt-price small{font-size:11px;color:var(--sk-ink-faint);font-weight:600;margin-inline-start:1px}



.sk-mkt-price.free{color:var(--sk-ok)}



.sk-mkt-empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--sk-ink-faint);font-size:14px;border:1px dashed var(--sk-line-strong);border-radius:var(--sk-r-lg)}



.sk-mkt-loadmore{display:block;margin:24px auto 0}







/* ---------- فوتر ---------- */



.sk-mkt-footer{border-top:1px solid var(--sk-line);padding:24px 0;margin-top:20px;color:var(--sk-ink-faint);font-size:13px;font-weight:500}



.sk-mkt-foot-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}



.sk-mkt-foot-nav{display:flex;align-items:center;gap:18px}



.sk-mkt-foot-nav a{color:var(--sk-ink-soft);font-weight:600;display:inline-flex;align-items:center;gap:6px}



.sk-mkt-foot-nav a:hover{color:var(--sk-amber-deep)}



.sk-mkt-foot-nav svg{width:16px;height:16px}







/* ---------- ریسپانسیو ---------- */



.sk-mkt-body{overflow-x:clip}



.sk-mkt-overlay{display:none}



@media(max-width:1180px){.sk-mkt-cards{grid-template-columns:repeat(2,1fr)}}



@media(max-width:1024px){



  .sk-mkt-layout{grid-template-columns:1fr}



  .sk-mkt-filter{position:fixed;top:0;inset-inline-start:0;height:100dvh;max-height:none;width:min(340px,90vw);z-index:60;transform:translateX(100%);transition:transform .28s var(--sk-ease);background:var(--sk-bg);padding:16px;overflow-y:auto;box-shadow:none}



  .sk-mkt-filter.open,.sk-mkt-filter.is-open{transform:translateX(0);box-shadow:-18px 0 60px rgba(15,23,42,.22)}



  .sk-mkt-mfilter{display:inline-flex}



  .sk-mkt-overlay.show{display:block;position:fixed;inset:0;background:rgba(15,18,23,.45);z-index:59}



  .sk-mkt-nav{display:none;position:absolute;top:72px;inset-inline:0;background:var(--sk-surface);border-top:1px solid var(--sk-line);border-bottom:1px solid var(--sk-line);box-shadow:0 20px 44px rgba(15,23,42,.13);flex-direction:column;align-items:stretch;padding:10px;gap:2px;margin-inline-start:0;z-index:45}



  .sk-mkt-nav.open{display:flex}



  .sk-mkt-nav a,.sk-mkt-nav .sk-mkt-nav-link{display:flex;align-items:center;padding:10px 12px;border-radius:12px;width:100%;justify-content:flex-start;font-size:14px;font-weight:600;color:var(--sk-ink)}



  .sk-mkt-nav a:hover,.sk-mkt-nav .sk-mkt-nav-link:hover{background:var(--sk-surface-2)}



  .sk-mkt-nav .nav-ic{display:inline-flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0;margin-inline-end:11px}



  .sk-mkt-nav .nav-ic svg{width:19px;height:19px}



  .sk-mkt-nav-item,.sk-mkt-nav-dd{display:block;width:100%;position:static}



  .sk-mkt-mega{display:none!important}



  .sk-mkt-nav-link .chev{display:none}



  .sk-mkt-menu-btn{display:grid}



}



@media(max-width:820px){



  .sk-mkt-qfilters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}



  .sk-mkt-qfilters::-webkit-scrollbar{display:none}



  .sk-mkt-qbtn{white-space:nowrap;flex-shrink:0}



}



@media(max-width:760px){



  .sk-mkt-cards{grid-template-columns:1fr}



  .sk-mkt-intro-grid{flex-direction:column;align-items:stretch}.sk-mkt-search{min-width:0}



  .sk-mkt-headin{gap:12px}.sk-mkt-brand small{display:none}



}



@media(max-width:520px){



  .sk-mkt-actions .sk-btn--ghost{display:none}



  .sk-mkt-qbar{flex-direction:column;align-items:stretch;gap:10px}



  .sk-mkt-rtools{justify-content:space-between}



}







/* ---------- Refactor: category landing + Ajax axis filters ---------- */



.sk-mkt-home-note{margin-top:14px;padding:14px 16px;border:1px solid var(--sk-amber-line);background:var(--sk-amber-soft);border-radius:var(--sk-r-lg);font-size:13.5px;color:var(--sk-ink-soft);line-height:1.9}



.sk-mkt-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:30px 0 16px}



.sk-mkt-section-head h2{font-size:20px;font-weight:800;margin:0;color:var(--sk-ink)}



.sk-mkt-section-head p{font-size:13.5px;color:var(--sk-ink-faint);line-height:1.8;margin:4px 0 0}



.sk-mkt-fcheck.sk-mkt-filter-extra{display:none}



.sk-mkt-fgroup.is-expanded .sk-mkt-fcheck.sk-mkt-filter-extra{display:flex}



.sk-mkt-fcheck.hide{display:none!important}



.sk-mkt-morebtn{margin-top:8px;width:100%;height:32px;border:1px dashed var(--sk-line-strong);border-radius:9px;background:var(--sk-surface-2);color:var(--sk-ink-soft);font-family:inherit;font-size:12px;font-weight: 700;cursor:pointer;transition:.15s}



.sk-mkt-morebtn:hover{border-color:var(--sk-amber);color:var(--sk-ink);background:var(--sk-amber-soft)}



.sk-mkt-morebtn[hidden]{display:none!important}



.sk-mkt-cbset.no-scroll{max-height:none;overflow:visible}



.sk-mkt-loading{opacity:.55;pointer-events:none;transition:opacity .15s}



.sk-mkt-loadmore.hide{display:none!important}



.sk-mkt-fgroup[data-fg="job"] .dep,.sk-mkt-fgroup[data-fg="skill"] .dep{white-space:nowrap}



.sk-mkt-fgroup.is-expanded .sk-mkt-cbset{max-height:none;overflow:visible}







/* ---------- 2026-06: Exams dropdown + category imagery ---------- */



.sk-mkt-nav-item{position:relative;display:flex;align-items:center}



.sk-mkt-nav-link{display:inline-flex!important;align-items:center;gap:6px}



.sk-mkt-nav-link .chev{width:14px;height:14px;opacity:.65;transition:.18s}



.sk-mkt-nav-dd:hover .chev,.sk-mkt-nav-dd:focus-within .chev{transform:rotate(180deg)}



.sk-mkt-mega{position:absolute;top:calc(100% + 12px);inset-inline-start:0;width:min(690px,calc(100vw - 48px));background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;box-shadow:0 24px 70px rgba(17,24,39,.16);padding:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s var(--sk-ease);z-index:90;pointer-events:none}



.sk-mkt-nav-dd:hover .sk-mkt-mega,.sk-mkt-nav-dd:focus-within .sk-mkt-mega{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}



.sk-mkt-mega::before{content:"";position:absolute;top:-13px;inset-inline-start:22px;width:24px;height:24px;background:var(--sk-surface);border-inline-start:1px solid var(--sk-line);border-top:1px solid var(--sk-line);transform:rotate(45deg)}



.sk-mkt-mega-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 12px;border-bottom:1px solid var(--sk-line);margin-bottom:10px}



.sk-mkt-mega-head b{font-size:13.5px;font-weight:900;color:var(--sk-ink)}



.sk-mkt-mega-head span{font-size:11.5px;font-weight:600;color:var(--sk-ink-faint)}



.sk-mkt-mega-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:380px;overflow:auto;scrollbar-width:thin}



.sk-mkt-mega-card{display:flex!important;align-items:center;gap:10px;padding:9px!important;border:1px solid var(--sk-line);border-radius:14px;background:var(--sk-surface-2);min-width:0;color:var(--sk-ink-soft)!important;transition:.15s}



.sk-mkt-mega-card:hover{background:var(--sk-amber-soft)!important;border-color:var(--sk-amber-line);color:var(--sk-ink)!important;transform:translateY(-1px)}



.sk-mkt-mega-thumb{width:40px;height:40px;border-radius:12px;background:var(--sk-surface);display:grid;place-items:center;overflow:hidden;flex-shrink:0;border:1px solid var(--sk-line)}



.sk-mkt-mega-thumb img{width:100%;height:100%;object-fit:cover}



.sk-mkt-mega-thumb svg{width:19px;height:19px;color:var(--sk-amber-deep)}



.sk-mkt-mega-thumb .txt{font-size:18px;line-height:1}



.sk-mkt-mega-copy{display:flex;flex-direction:column;gap:2px;min-width:0}



.sk-mkt-mega-copy b{font-size:12.5px;font-weight:850;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.sk-mkt-mega-copy small{font-size:10.5px;font-weight:600;color:var(--sk-ink-faint)}



.sk-mkt-mega-all{position:relative;z-index:1;display:flex!important;align-items:center;justify-content:center;margin-top:10px;padding:9px!important;border-radius:12px;background:var(--sk-amber);color:#181a1d!important;font-size:12.5px!important;font-weight:900!important}



.sk-mkt-mega-empty{grid-column:1/-1;font-size:12px;color:var(--sk-ink-faint);padding:16px;text-align:center;border:1px dashed var(--sk-line-strong);border-radius:12px}







.sk-mkt-tax-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}



.sk-mkt-tax-card{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:12px;transition:.22s var(--sk-ease);overflow:hidden}



.sk-mkt-tax-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(20,24,33,.09);border-color:var(--sk-line-strong)}



.sk-mkt-tax-visual{display:block;position:relative;aspect-ratio:16/6;border-radius:16px;background:linear-gradient(135deg,var(--sk-amber-soft),var(--sk-surface-2));overflow:hidden;border:1px solid var(--sk-line)}



.sk-mkt-tax-visual img{width:100%;height:100%;object-fit:cover;transition:.3s var(--sk-ease)}



.sk-mkt-tax-card:hover .sk-mkt-tax-visual img{transform:scale(1.04)}



.sk-mkt-tax-visual-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--sk-amber-deep);background:radial-gradient(circle at 75% 0,rgba(255,194,24,.34),transparent 42%),var(--sk-surface-2)}



.sk-mkt-tax-visual-fallback svg{width:42px;height:42px;opacity:.9}.sk-mkt-tax-visual-fallback .txt{font-size:34px}



.sk-mkt-tax-head{display:flex;align-items:center;gap:11px;color:var(--sk-ink)}



.sk-mkt-tax-icon{width:38px;height:38px;border-radius:12px;background:var(--sk-amber-soft);display:grid;place-items:center;color:var(--sk-amber-deep);font-size:19px;flex-shrink:0;display: none;}



.sk-mkt-tax-icon svg{width:20px;height:20px}



.sk-mkt-tax-head h3{font-size:16px;font-weight:900;line-height:1.45;margin:0;margin-top: 10px;}.sk-mkt-tax-head small{display:block;font-size:11px;color:var(--sk-ink-faint);font-weight:600}



.sk-mkt-tax-card p{font-size:12.8px;line-height:1.85;color:var(--sk-ink-soft);font-weight:400;margin:0;min-height:46px}



.sk-mkt-tax-counts{display:flex;gap:8px;flex-wrap:wrap}.sk-mkt-tax-counts span{font-size:11.5px;font-weight:800;color:var(--sk-ink);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:5px 9px}



.sk-mkt-axis-preview{display:grid;grid-template-columns:1fr;gap:9px;border-top:1px solid var(--sk-line);padding-top:10px;margin-top:2px}



.sk-mkt-axis-preview-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:center}



.sk-mkt-axis-preview-title{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:900;color:var(--sk-ink-faint);margin-bottom:1px}.sk-mkt-axis-preview-title svg{width:13px;height:13px;color:var(--sk-amber-deep)}



.sk-mkt-axis-mini{display:flex;align-items:center;gap:7px;min-width:0;padding:5px;border:1px solid var(--sk-line);border-radius:11px;background:var(--sk-surface-2);font-size:11.3px;font-weight:600;color:var(--sk-ink-soft);transition:.15s}



.sk-mkt-axis-mini:hover{background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-ink)}



.sk-mkt-axis-mini .mini-img{width:24px;height:24px;border-radius:8px;background:var(--sk-surface);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.sk-mkt-axis-mini .mini-img img{width:100%;height:100%;object-fit:cover}.sk-mkt-axis-mini .mini-img svg{width:13px;height:13px;color:var(--sk-amber-deep)}.sk-mkt-axis-mini .mini-img .txt{font-size:13px}.sk-mkt-axis-mini>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}







.sk-mkt-chips2 .chip2-group.cat .chip2-icon{color:var(--sk-amber-deep)}



.sk-mkt-chips2 .chip2-group.cat .chip2-list span{background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-weight:500}



.sk-mkt-card-body .sk-mkt-chips2 .chip2-list span:nth-of-type(n+3){display:none}



.sk-mkt-chips-more{display:inline-flex;align-items:center;gap:5px;margin:1px 0 13px;align-self:flex-start;padding:5px 11px;border:1px solid var(--sk-line);border-radius:9px;background:var(--sk-surface);color:var(--sk-amber-deep);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.15s}



.sk-mkt-chips-more:hover{background:var(--sk-amber-soft);border-color:var(--sk-amber-line)}



.sk-mkt-chips-more svg{width:14px;height:14px}



.sk-mkt-cmodal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}



.sk-mkt-cmodal[hidden]{display:none}



.sk-mkt-cmodal-ov{position:absolute;inset:0;background:rgba(15,18,23,.5)}



.sk-mkt-cmodal-box{position:relative;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;box-shadow:0 30px 80px rgba(15,23,42,.28);width:min(440px,100%);max-height:86vh;overflow:auto;padding:18px}



.sk-mkt-cmodal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px;padding-bottom:14px;border-bottom:1px solid var(--sk-line)}



.sk-mkt-cmodal-title{font-size:15px;font-weight:800;line-height:1.65;color:var(--sk-ink);margin:0}



.sk-mkt-cmodal-x{flex-shrink:0;width:32px;height:32px;border-radius:9px;border:1px solid var(--sk-line);background:var(--sk-surface-2);display:grid;place-items:center;cursor:pointer;color:var(--sk-ink-soft)}



.sk-mkt-cmodal-x:hover{background:var(--sk-surface-3);color:var(--sk-ink)}



.sk-mkt-cmodal-x svg{width:16px;height:16px}



.sk-mkt-cmodal-body .sk-mkt-chips2{margin-bottom:0;gap:13px}



.sk-mkt-cmodal-body .chip2-group{align-items:flex-start}



.sk-mkt-cmodal-body .chip2-list span{font-size:12px}



.sk-mkt-cmodal-body .chip2-label{padding-top:3px}



.sk-mkt-meta{flex-wrap:wrap;gap:8px 12px}.sk-mkt-meta .sales svg{color:var(--sk-amber-deep)}







@media(max-width:1180px){.sk-mkt-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-mkt-mega-grid{grid-template-columns:repeat(2,1fr)}}



@media(max-width:760px){



  .sk-mkt-nav-item{display:block}.sk-mkt-nav-link{justify-content:space-between;width:100%}



  .sk-mkt-mega{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:16px;margin:2px 0 8px;padding:10px;pointer-events:auto;max-height:52vh;overflow:auto}.sk-mkt-mega::before{display:none}



  .sk-mkt-mega-head{align-items:flex-start;flex-direction:column;gap:2px}.sk-mkt-mega-grid{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}.sk-mkt-mega-card{padding:8px!important}.sk-mkt-mega-copy small{display:none}



  .sk-mkt-tax-grid{grid-template-columns:1fr}.sk-mkt-axis-preview-group{grid-template-columns:1fr 1fr}



}



@media(max-width:520px){.sk-mkt-mega-grid{grid-template-columns:1fr}.sk-mkt-tax-card{padding:12px}.sk-mkt-axis-preview-group{grid-template-columns:1fr}}











/* ════════════════════ صفحهٔ جزئیات (آزمون/دوره) ════════════════════ */



.sk-mkt-detail{padding-block:20px 72px}



.skill-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--sk-ink-faint);margin-bottom:22px;line-height:1.7}



.skill-breadcrumbs a{color:var(--sk-ink-soft);font-weight:500;transition:color .15s}



.skill-breadcrumbs a:hover{color:var(--sk-amber-deep)}



.skill-breadcrumbs span{color:var(--sk-ink-faint);opacity:.55}







.sk-mkt-dt-top{display:grid;grid-template-columns:minmax(0,1fr) 338px;grid-template-areas:"head buy" "body buy";column-gap:32px;align-items:start}



.sk-mkt-dt-headcol{grid-area:head;min-width:0}



.sk-mkt-dt-bodycol{grid-area:body;min-width:0}



.sk-mkt-dt-buy{grid-area:buy}







.sk-mkt-dt-cover{position:relative;aspect-ratio:16/6.4;max-height:300px;border-radius:var(--sk-r-lg);overflow:hidden;border:1px solid var(--sk-line);background:linear-gradient(135deg,#fff4d4,#ffe49e);margin-bottom:20px}



.sk-mkt-dt-cover img{width:100%;height:100%;object-fit:cover;display:block}



.sk-mkt-dt-cover.ph-on{display:grid;place-items:center}



.sk-mkt-dt-cover .ph{color:rgba(176,134,16,.55)}



.sk-mkt-dt-cover .ph svg{width:64px;height:64px}



.sk-mkt-dt-cover .tags{position:absolute;top:13px;inset-inline-start:13px;display:flex;gap:7px}



.sk-mkt-dt-cover .tag{font-size:11px;font-weight:700;padding:5px 11px;border-radius:8px}



.sk-mkt-dt-cover .tag.tag-exam{background:rgba(24,26,29,.82);color:#fff}



.sk-mkt-dt-cover .tag.tag-free{background:var(--sk-amber);color:#181a1d}



[data-theme="dark"] .sk-mkt-dt-cover{background:linear-gradient(135deg,#2a2410,#3a3015)}



[data-theme="dark"] .sk-mkt-dt-cover .ph{color:rgba(233,173,0,.4)}







.sk-mkt-dt-title{font-size:26px;font-weight:800;line-height:1.55;color:var(--sk-ink);margin:0 0 13px}



.sk-mkt-dt-lead{font-size:14.5px;line-height:2;color:var(--sk-ink-soft);margin:0 0 20px;font-weight:500}







.sk-mkt-dt-stats{display:flex;flex-wrap:wrap;gap:9px}



.sk-mkt-dt-stats .stat{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--sk-line);border-radius:10px;background:var(--sk-surface);font-size:12.5px;color:var(--sk-ink-soft);font-weight:600}



.sk-mkt-dt-stats .stat svg{width:16px;height:16px;color:var(--sk-ink-faint);flex-shrink:0}



.sk-mkt-dt-stats .stat b{color:var(--sk-ink);font-weight:800}



.sk-mkt-dt-stats .stat.rate svg{color:var(--sk-amber)}







.sk-mkt-dt-section,.sk-mkt-detail .detail-section{border-top:1px solid var(--sk-line);padding-top:26px;margin-top:28px}



.sk-mkt-dt-section h2,.sk-mkt-detail .detail-section h2{font-size:17px;font-weight:800;color:var(--sk-ink);margin:0 0 15px;display:flex;align-items:center;gap:10px}



.sk-mkt-dt-section h2::before,.sk-mkt-detail .detail-section h2::before{content:"";width:4px;height:19px;border-radius:3px;background:var(--sk-amber);flex-shrink:0}



.sk-mkt-dt-prose{font-size:14px;line-height:2.05;color:var(--sk-ink-soft);font-weight:500}



.sk-mkt-dt-prose p{margin:0 0 12px}







.sk-mkt-dt-useful{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}



.sk-mkt-dt-useful li{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.8;color:var(--sk-ink);font-weight:500}



.sk-mkt-dt-useful li svg{width:21px;height:21px;color:var(--sk-amber-deep);flex-shrink:0;margin-top:1px}







.sk-mkt-dt-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--sk-line);border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);overflow:hidden}



.sk-mkt-dt-specs > div{background:var(--sk-surface);padding:14px 17px;display:flex;flex-direction:column;gap:5px}



.sk-mkt-dt-specs b{font-size:11.5px;font-weight:600;color:var(--sk-ink-faint)}



.sk-mkt-dt-specs span{font-size:13.5px;color:var(--sk-ink);font-weight:600;line-height:1.7}



.sk-mkt-dt-specs a{color:var(--sk-amber-deep);font-weight:600}



.sk-mkt-dt-specs a:hover{text-decoration:underline}















.sk-mkt-dt-buy{position:sticky;top:86px;border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);background:var(--sk-surface);padding:21px}



.sk-mkt-dt-buy .price{font-size:26px;font-weight:800;color:var(--sk-ink);display:flex;align-items:baseline;gap:6px}



.sk-mkt-dt-buy .price small{font-size:14px;font-weight:600;color:var(--sk-ink-soft)}



.sk-mkt-dt-buy .price.free{color:var(--sk-beg)}



.sk-mkt-dt-buy .buy-note{font-size:12px;color:var(--sk-ink-faint);margin:4px 0 17px;font-weight:500}



.sk-mkt-dt-buy .acts{display:flex;flex-direction:column;gap:9px}



.sk-mkt-dt-buy .acts form{margin:0}



.sk-mkt-dt-buy .acts .sk-btn{width:100%}



.sk-mkt-dt-buy .qinfo{display:flex;flex-direction:column;gap:13px;border-top:1px solid var(--sk-line);margin-top:18px;padding-top:17px}



.sk-mkt-dt-buy .qi{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--sk-ink-soft);font-weight:500}



.sk-mkt-dt-buy .qi svg{width:18px;height:18px;color:var(--sk-amber-deep);flex-shrink:0}



.sk-mkt-dt-buy .qi b{color:var(--sk-ink);font-weight:700;margin-inline-start:auto}







.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:12px}



.related-card{display:block;border:1px solid var(--sk-line);border-radius:13px;padding:14px 16px;background:var(--sk-surface);transition:.15s}



.related-card:hover{border-color:var(--sk-amber-line);background:var(--sk-amber-soft);transform:translateY(-2px)}



.related-card span{display:block;font-size:10.5px;font-weight:700;color:var(--sk-amber-deep);margin-bottom:6px}



.related-card b{display:block;font-size:13.5px;font-weight:700;color:var(--sk-ink);line-height:1.65;margin-bottom:8px}



.related-card small{font-size:12.5px;color:var(--sk-ink-soft);font-weight:600}







.sk-mkt-detail .engagement-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}



.sk-mkt-detail .engagement-summary > div{flex:1;min-width:130px;border:1px solid var(--sk-line);border-radius:12px;padding:14px;text-align:center;background:var(--sk-surface-2)}



.sk-mkt-detail .engagement-summary b{display:block;font-size:21px;font-weight:800;color:var(--sk-ink)}



.sk-mkt-detail .engagement-summary span{font-size:11.5px;color:var(--sk-ink-faint);font-weight:600}



.sk-mkt-detail .engagement-form-card{border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);padding:18px;margin-bottom:18px;background:var(--sk-surface)}



.sk-mkt-detail .engagement-form-card h3{font-size:14.5px;font-weight:700;color:var(--sk-ink);margin:0 0 14px}



.sk-mkt-detail .engagement-grid{display:grid;gap:11px;margin:11px 0}



.sk-mkt-detail .engagement-form input[type=text],.sk-mkt-detail .engagement-form textarea,.sk-mkt-detail .engagement-form select{width:100%;border:1px solid var(--sk-line);border-radius:10px;padding:10px 13px;font-family:inherit;font-size:13px;background:var(--sk-surface);color:var(--sk-ink)}



.sk-mkt-detail .engagement-form textarea{min-height:90px;resize:vertical}



.sk-mkt-detail .engagement-hint{font-size:12px;color:var(--sk-ink-faint);margin:8px 0 0}



.sk-mkt-detail .engagement-list{display:flex;flex-direction:column;gap:13px;margin-top:6px}



.sk-mkt-detail .engagement-item{border:1px solid var(--sk-line);border-radius:13px;padding:15px 17px;background:var(--sk-surface)}



.sk-mkt-detail .engagement-item-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px;font-size:12.5px;color:var(--sk-ink-soft);font-weight:600}



.sk-mkt-detail .engagement-item-head b{color:var(--sk-ink);font-weight:700}







.sk-mkt-detail .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 18px;border-radius:var(--sk-r-sm);font-family:inherit;font-size:13.5px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.15s;text-decoration:none}



.sk-mkt-detail .btn.primary{background:var(--sk-amber);color:#181a1d}



.sk-mkt-detail .btn.primary:hover{background:var(--sk-amber-deep)}



.sk-mkt-detail .btn.ghost{background:var(--sk-surface);border-color:var(--sk-line-strong);color:var(--sk-ink)}



.sk-mkt-detail .btn.ghost:hover{background:var(--sk-surface-2)}



.sk-mkt-detail .btn.tiny{height:30px;padding:0 11px;font-size:12px;font-weight:600}



.sk-mkt-detail .btn.light{background:var(--sk-surface-2);color:var(--sk-ink-soft);border-color:var(--sk-line)}







@media (max-width:920px){



  .sk-mkt-dt-top{grid-template-columns:1fr;grid-template-areas:"head" "buy" "body";row-gap:4px}



  .sk-mkt-dt-buy{position:static;margin-bottom:8px}



  .sk-mkt-dt-title{font-size:22px}



  .sk-mkt-dt-cover{aspect-ratio:16/8;max-height:240px}



}



@media (max-width:560px){



  .sk-mkt-dt-specs{grid-template-columns:1fr}



  .sk-mkt-dt-stats .stat{font-size:12px;padding:7px 11px}



  .sk-mkt-dt-buy .price{font-size:23px}



}







/* ============ صفحهٔ جزئیات محصول (Product Detail — pd) ============ */



.sk-mkt-pd .dlayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"lead buy" "body buy";column-gap:48px;align-items:start;padding:8px 0 64px}



.sk-mkt-pd .lead-col{grid-area:lead;min-width:0}



.sk-mkt-pd .body-col{grid-area:body;min-width:0}



.sk-mkt-pd .buy{grid-area:buy}



.sk-mkt-pd .skill-breadcrumbs{margin:22px 0 2px}



.sk-mkt-pd .buy .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}



.sk-mkt-pd .card .cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}



.sk-mkt-pd .badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}



.sk-mkt-pd .bdg{font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--sk-line);background:var(--sk-surface);color:var(--sk-ink-soft)}



.sk-mkt-pd .bdg-course{background:var(--sk-charcoal);color:#fff;border-color:var(--sk-charcoal)}



.sk-mkt-pd .bdg-count{color:var(--sk-amber-deep);border-color:var(--sk-amber-line);background:var(--sk-amber-soft)}



.sk-mkt-pd h1.title{font-size:clamp(26px,3.4vw,34px);font-weight:800;line-height:1.3;letter-spacing:-.4px;margin-bottom:18px}



.sk-mkt-pd .measures{display:flex;align-items:center;gap:14px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:12px;padding:15px 18px;margin:4px 0 16px}



.sk-mkt-pd .measures .ic{width:40px;height:40px;border-radius:10px;background:var(--sk-amber);display:grid;place-items:center;flex-shrink:0}



.sk-mkt-pd .measures .ic svg{width:22px;height:22px;color:#181a1d}



.sk-mkt-pd .measures .tx{flex:1;min-width:0}



.sk-mkt-pd .measures .tx span{font-size:12.5px;color:var(--sk-ink-soft);font-weight:500;display:block;margin-bottom:1px}



.sk-mkt-pd .measures .tx b{font-size:17px;font-weight:700;color:var(--sk-ink)}



.sk-mkt-pd .measures .lv{display:flex;align-items:center;gap:8px;flex-shrink:0}



.sk-mkt-pd .measures .lv .name{font-size:13px;font-weight:600}



.sk-mkt-pd .taxo{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--sk-ink-soft);font-weight:500;margin-bottom:11px;display: none;}



.sk-mkt-pd .taxo a{display:inline-flex;align-items:center;gap:6px}



.sk-mkt-pd .taxo a:hover{color:var(--sk-ink)}



.sk-mkt-pd .taxo .dot{width:5px;height:5px;border-radius:50%;background:var(--sk-amber)}



.sk-mkt-pd .taxo .sep{color:var(--sk-ink-faint)}



.sk-mkt-pd .taxo .sep svg{width:15px;height:15px}



.sk-mkt-pd .taxo .last{color:var(--sk-ink);font-weight:600}



.sk-mkt-pd .also{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}



.sk-mkt-pd .also .lbl{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--sk-ink);font-weight:600}



.sk-mkt-pd .also .lbl svg{width:16px;height:16px;color:var(--sk-ink-soft)}



.sk-mkt-pd .also .tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--sk-ink);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:8px;padding:5px 11px;transition:.15s}



.sk-mkt-pd .also .tag:hover{border-color:var(--sk-ink-faint)}



.sk-mkt-pd .also .tag svg{width:13px;height:13px;color:var(--sk-ink-faint)}



.sk-mkt-pd .lead{font-size:15.5px;color:var(--sk-ink-soft);line-height:2;margin:2px 0 16px}



.sk-mkt-pd .meta{display:flex;flex-wrap:wrap;gap:10px 22px;padding:2px 0 16px;border-bottom:1px solid var(--sk-line);font-size:13.5px;color:var(--sk-ink-soft);font-weight:500}



.sk-mkt-pd .meta .m{display:inline-flex;align-items:center;gap:7px}



.sk-mkt-pd .meta .m svg{width:17px;height:17px;color:var(--sk-ink-soft)}



.sk-mkt-pd .meta .m b{color:var(--sk-ink);font-weight:600}



.sk-mkt-pd .meta .m.rate svg{color:var(--sk-amber)}



.sk-mkt-pd .provider{display:flex;align-items:center;gap:13px;padding:15px 0}



.sk-mkt-pd .provider .av{width:46px;height:46px;border-radius:11px;background:linear-gradient(135deg,#6b46c1,#322659);display:grid;place-items:center;color:#fff;font-weight:600;font-size:15px;flex-shrink:0}



.sk-mkt-pd .provider .nm b{font-size:14.5px;font-weight:600;display:block}



.sk-mkt-pd .provider .nm span{font-size:12.5px;color:var(--sk-ink-faint);font-weight:500}



.sk-mkt-pd .provider .go{margin-inline-start:auto}



.sk-mkt-pd .sec{padding-top:34px;margin-top:34px;border-top:1px solid var(--sk-line)}



.sk-mkt-pd .sec:first-of-type{margin-top:32px;padding-top:32px}



.sk-mkt-pd .sec-h{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}



.sk-mkt-pd .sec-h h2{font-size:20px;font-weight:800;letter-spacing:-.3px}



.sk-mkt-pd .sec-h .acc{width:5px;height:18px;background:var(--sk-amber);border-radius:3px;align-self:center}



.sk-mkt-pd .sec-sub{font-size:13.5px;color:var(--sk-ink-faint);font-weight:500;margin-bottom:20px;padding-inline-start:15px}



.sk-mkt-pd .path{margin-top:4px}



.sk-mkt-pd .prow{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--sk-line)}



.sk-mkt-pd .prow:last-child{border-bottom:none}



.sk-mkt-pd .pn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--sk-line);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--sk-ink-faint);flex-shrink:0;background:var(--sk-surface)}



.sk-mkt-pd .prow.free .pn{background:var(--sk-amber);border-color:var(--sk-amber);color:#181a1d}



.sk-mkt-pd .pmain{flex:1;min-width:0}



.sk-mkt-pd .pmain h4{font-size:15.5px;font-weight:600;margin-bottom:4px}



.sk-mkt-pd .pinfo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--sk-ink-soft);font-weight:500}



.sk-mkt-pd .pinfo .sk{color:var(--sk-ink);font-weight:600}



.sk-mkt-pd .pinfo .lv{font-weight:600}



.sk-mkt-pd .pinfo .lv.beg{color:var(--sk-beg)}



.sk-mkt-pd .pinfo .lv.inter{color:var(--sk-inter)}



.sk-mkt-pd .pinfo .lv.adv{color:var(--sk-adv)}



.sk-mkt-pd .pinfo .d{width:4px;height:4px;border-radius:50%;background:var(--sk-ink-faint);opacity:.6}



.sk-mkt-pd .pstatus{flex-shrink:0;font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}



.sk-mkt-pd .pstatus.free{background:rgba(31,157,87,.12);color:var(--sk-beg);}



.sk-mkt-pd .pstatus.lock{color:var(--sk-ink-faint);background:var(--sk-surface-2)}



.sk-mkt-pd .pstatus.lock svg{width:12px;height:12px}



.sk-mkt-pd .measured{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:6px}



.sk-mkt-pd .mitem{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:500}



.sk-mkt-pd .mitem .ck{width:22px;height:22px;border-radius:6px;background:var(--sk-amber);display:grid;place-items:center;flex-shrink:0}



.sk-mkt-pd .mitem .ck svg{width:14px;height:14px;color:#181a1d}



.sk-mkt-pd .audience{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}



.sk-mkt-pd .aud{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sk-line);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}



.sk-mkt-pd .aud svg{width:17px;height:17px;color:var(--sk-amber-deep)}



.sk-mkt-pd .cert{display:flex;gap:16px;align-items:center;background:var(--sk-amber-soft);border-radius:15px;padding:20px 22px;margin-top:6px}



.sk-mkt-pd .cert .ic{width:50px;height:50px;border-radius:13px;background:var(--sk-amber);display:grid;place-items:center;flex-shrink:0}



.sk-mkt-pd .cert .ic svg{width:28px;height:28px;color:#181a1d}



.sk-mkt-pd .cert b{font-size:15.5px;font-weight:600;display:block;margin-bottom:3px}



.sk-mkt-pd .cert p{font-size:13.5px;color:var(--sk-ink-soft);line-height:1.8}



.sk-mkt-pd .rev-top{display:flex;gap:36px;align-items:center;margin-bottom:8px;flex-wrap:wrap}



.sk-mkt-pd .rev-score{text-align:center;flex-shrink:0}



.sk-mkt-pd .rev-score .big{font-size:46px;font-weight:800;line-height:1}



.sk-mkt-pd .rev-score .stars{color:var(--sk-amber);font-size:15px;margin:7px 0 3px}



.sk-mkt-pd .rev-score small{font-size:12px;color:var(--sk-ink-faint);font-weight:500}



.sk-mkt-pd .rev-bars{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}



.sk-mkt-pd .rev-bar{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--sk-ink-soft);font-weight:600}



.sk-mkt-pd .rev-bar .t{width:28px}



.sk-mkt-pd .rev-bar .track{flex:1;height:6px;border-radius:999px;background:var(--sk-surface-3);overflow:hidden}



.sk-mkt-pd .rev-bar .fill{height:100%;background:var(--sk-amber)}



.sk-mkt-pd .rev-bar .p{width:34px;text-align:left;color:var(--sk-ink-faint)}



.sk-mkt-pd .review{padding:18px 0;border-bottom:1px solid var(--sk-line)}



.sk-mkt-pd .review .h{display:flex;align-items:center;gap:10px;margin-bottom:7px}



.sk-mkt-pd .review .av{width:34px;height:34px;border-radius:50%;background:var(--sk-surface-3);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--sk-ink-soft)}



.sk-mkt-pd .review .nm{font-size:14px;font-weight:600}



.sk-mkt-pd .review .st{margin-inline-start:auto;color:var(--sk-amber);font-size:13px}



.sk-mkt-pd .review p{font-size:14px;color:var(--sk-ink-soft);line-height:1.85}



.sk-mkt-pd .morev{margin-top:14px}



.sk-mkt-pd .buy{position:sticky;top:80px}



.sk-mkt-pd .buy-card{border:1px solid var(--sk-line);border-radius:15px;overflow:hidden;background:var(--sk-surface)}



.sk-mkt-pd .buy .cover{position:relative;aspect-ratio:16/10;overflow:hidden}



.sk-mkt-pd .buy .cover .img{position:absolute;inset:0;background:linear-gradient(135deg,#ffc218,#e9ad00 55%,#181a1d)}



.sk-mkt-pd .buy .cover .img::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0,rgba(255,255,255,.25),transparent 60%)}



.sk-mkt-pd .buy .cover .badge{position:absolute;top:11px;inset-inline-end:11px;display:flex;align-items:center;gap:6px;background:rgba(10,11,13,.55);color:#fff;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;backdrop-filter:blur(6px);z-index:3}



.sk-mkt-pd .buy .cover .badge svg{width:14px;height:14px}



.sk-mkt-pd .buy-body{padding:20px}



.sk-mkt-pd .save{display:flex;align-items:center;gap:8px;color:var(--sk-beg);font-size:13px;font-weight:600;margin-bottom:12px}



.sk-mkt-pd .save svg{width:17px;height:17px}



.sk-mkt-pd .price-row{display:flex;align-items:baseline;justify-content:center;gap:9px;margin-bottom:3px}



.sk-mkt-pd .price-row .p{font-size:27px;font-weight:800;letter-spacing:-.5px}



.sk-mkt-pd .price-row .u{font-size:13px;color:var(--sk-ink-faint);font-weight:600}



.sk-mkt-pd .price-row .old{font-size:14px;color:var(--sk-ink-faint);text-decoration:line-through;margin-inline-start:auto}



.sk-mkt-pd .buy-note{font-size:12px;color:var(--sk-ink-faint);font-weight:500;margin-bottom:16px;line-height:1.7;text-align:center}



.sk-mkt-pd .buy .btn{margin-bottom:9px}



.sk-mkt-pd .facts{margin-top:10px;border-top:1px solid var(--sk-line);padding-top:6px}



.sk-mkt-pd .fact{display:flex;align-items:center;gap:11px;padding:11px 0;font-size:13.5px;border-bottom:1px solid var(--sk-line)}



.sk-mkt-pd .fact:last-child{border-bottom:none}



.sk-mkt-pd .fact svg{width:17px;height:17px;color:var(--sk-ink-faint)}



.sk-mkt-pd .fact .k{color:var(--sk-ink-soft);font-weight:500}



.sk-mkt-pd .fact .v{margin-inline-start:auto;font-weight:600;display:flex;align-items:center;gap:6px}



.sk-mkt-pd .trust{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12px;color:var(--sk-ink-faint);font-weight:500;margin-top:16px}



.sk-mkt-pd .trust svg{width:14px;height:14px}



.sk-mkt-pd .related{border-top:1px solid var(--sk-line);padding-top:44px;margin-top:8px}



.sk-mkt-pd .related .sec-h{margin-bottom:22px}



.sk-mkt-pd .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}



.sk-mkt-pd .card{border:1px solid var(--sk-line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:.18s var(--sk-ease);background:var(--sk-surface)}



.sk-mkt-pd .card:hover{border-color:var(--sk-ink-faint)}



.sk-mkt-pd .card .cv{aspect-ratio:16/9;position:relative}



.sk-mkt-pd .card .cv .img{position:absolute;inset:0}



.sk-mkt-pd .card .cv .g1{background:linear-gradient(135deg,#ffc218,#e9ad00 60%,#181a1d)}



.sk-mkt-pd .card .cv .g3{background:linear-gradient(135deg,#2f855a,#1c4532)}



.sk-mkt-pd .card .cv .ph{position:absolute;inset:0;display:grid;place-items:center;background:var(--sk-surface-2);background-image:radial-gradient(rgba(21,23,26,.05) 1.2px,transparent 1.2px);background-size:15px 15px}



.sk-mkt-pd .card .cv .ph svg{width:36px;height:36px;color:var(--sk-ink-faint);opacity:.6}



.sk-mkt-pd .card .cv .t{position:absolute;top:10px;inset-inline-end:10px;font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:999px;background:rgba(10,11,13,.55);color:#fff;backdrop-filter:blur(6px)}



.sk-mkt-pd .card-body{padding:15px;display:flex;flex-direction:column;flex:1}



.sk-mkt-pd .card h3{font-size:14.5px;font-weight:600;line-height:1.5;margin-bottom:9px}



.sk-mkt-pd .card .ms{font-size:12px;color:var(--sk-ink-soft);margin-bottom:13px}



.sk-mkt-pd .card .ms b{color:var(--sk-ink);font-weight:600}



.sk-mkt-pd .card .ft{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--sk-line);margin-top:auto;font-size:12.5px}



.sk-mkt-pd .card .ft .pr{font-weight:700}



.sk-mkt-pd .card .ft .rt{color:var(--sk-ink);font-weight:600;display:flex;align-items:center;gap:4px}



.sk-mkt-pd .card .ft .rt svg{width:13px;height:13px;color:var(--sk-amber)}



.sk-mkt-pd .mobuy{display:none}







/* نوار سطح سطح‌محور */



.sk-mkt-pd .bars{display:flex;gap:3px;flex-shrink:0}



.sk-mkt-pd .bars i{width:14px;height:6px;border-radius:999px;background:var(--sk-surface-3)}



.sk-mkt-pd .bars.beg i:nth-child(-n+1){background:var(--sk-beg)}



.sk-mkt-pd .bars.inter i:nth-child(-n+2){background:var(--sk-inter)}



.sk-mkt-pd .bars.adv i:nth-child(-n+3){background:var(--sk-adv)}



.sk-mkt-pd .bars.exp i{background:var(--sk-charcoal)}



.sk-mkt-pd .fact .bars i{width:11px;height:4px}



.sk-mkt-pd .engage-reset{padding-block:0}



.sk-mkt-pd .buy .sk-btn{width:100%}



.sk-mkt-pd .pstatus.free{transition:.15s}.sk-mkt-pd .pstatus.free:hover{filter:brightness(.95)}



.sk-mkt-pd .mobuy .p small{font-size:12px;font-weight:600;color:var(--sk-ink-soft)}



.sk-mkt-pd .measures .lv.beg .name{color:var(--sk-beg)}



.sk-mkt-pd .measures .lv.inter .name{color:var(--sk-inter)}



.sk-mkt-pd .measures .lv.adv .name{color:var(--sk-adv)}



.sk-mkt-pd .measures .lv.exp .name{color:var(--sk-ink)}



.sk-mkt-pd .card .cv .ph{position:absolute;inset:0;display:grid;place-items:center;background:var(--sk-surface-2);background-image:radial-gradient(rgba(21,23,26,.05) 1.2px,transparent 1.2px);background-size:15px 15px}



.sk-mkt-pd .card .cv .ph svg{width:34px;height:34px;color:var(--sk-ink-faint);opacity:.6}



.sk-mkt-pd .card .cv .img{position:absolute;inset:0;background-size:cover;background-position:center}



@media(max-width:960px){.sk-mkt-pd .dlayout{grid-template-columns:1fr;grid-template-areas:"lead" "buy" "body";column-gap:0}.sk-mkt-pd .buy{position:static;margin:6px 0 26px}.sk-mkt-pd .rel-grid{grid-template-columns:1fr 1fr}}



@media(max-width:720px){.sk-mkt-pd .measured,.sk-mkt-pd .rel-grid{grid-template-columns:1fr}.sk-mkt-pd .meta{gap:8px 16px}.sk-mkt-pd .measures .lv{display:none}



  .sk-mkt-pd .mobuy{display:flex;position:sticky;bottom:0;z-index:50;background:var(--sk-surface);border-top:1px solid var(--sk-line);padding:12px;gap:12px;align-items:center}.sk-mkt-pd .mobuy .p{font-weight:800;font-size:18px}.sk-mkt-pd .mobuy .sk-btn{flex:1}}







/* ───── صفحهٔ آزمون تکی (exam_detail) ───── */



.sk-mkt-pd .bdg-exam{color:var(--sk-amber-deep);border-color:var(--sk-amber-line);background:var(--sk-amber-soft)}



.sk-mkt-pd .bdg-free{color:var(--sk-beg);border-color:rgba(31,157,87,.3);background:rgba(31,157,87,.12)}



.sk-mkt-pd .buy .cover .play{position:absolute;inset:0;display:grid;place-items:center}



.sk-mkt-pd .buy .cover .play span{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.2)}



.sk-mkt-pd .buy .cover .play span svg{width:22px;height:22px;color:#181a1d;margin-inline-start:3px}



.sk-mkt-pd .buy .cover .ff{position:absolute;top:11px;inset-inline-end:11px;background:rgba(31,157,87,.92);color:#fff;font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:999px;backdrop-filter:blur(6px);z-index:2}



.sk-mkt-pd .topics{margin-top:4px}



.sk-mkt-pd .topic{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--sk-line)}



.sk-mkt-pd .topic .pn{width:30px;height:30px;border-radius:10px;background:var(--sk-amber-soft);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--sk-ink);flex-shrink:0;border:1px solid rgba(226,169,0,.25)}



.sk-mkt-pd .topic:last-child{border-bottom:none}



.sk-mkt-pd .topic .tx{flex:1;min-width:0}



.sk-mkt-pd .topic .tx b{font-size:14.5px;font-weight:600;display:block;margin-bottom:2px;color:var(--sk-ink)}



.sk-mkt-pd .topic .tx span{font-size:13px;color:var(--sk-ink-soft)}



.sk-mkt-pd .topic .wt{display:flex;align-items:center;gap:11px;flex-shrink:0;width:150px}



.sk-mkt-pd .topic .wt .bar{flex:1;height:6px;border-radius:999px;background:var(--sk-surface-3);overflow:hidden}



.sk-mkt-pd .topic .wt .bar i{display:block;height:100%;background:var(--sk-amber);border-radius:999px}



.sk-mkt-pd .topic .wt .pct{font-size:13px;font-weight:700;width:36px;text-align:left;color:var(--sk-ink)}



.sk-mkt-pd .rules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 30px;margin-top:8px}



.sk-mkt-pd .rule{display:flex;align-items:center;gap:13px}



.sk-mkt-pd .rule .ic{width:40px;height:40px;border-radius:11px;background:var(--sk-surface-2);display:grid;place-items:center;flex-shrink:0}



.sk-mkt-pd .rule .ic svg{width:20px;height:20px;color:var(--sk-ink-soft)}



.sk-mkt-pd .rule .tx b{font-size:15px;font-weight:700;display:block;line-height:1.45;color:var(--sk-ink)}



.sk-mkt-pd .rule .tx span{font-size:12.5px;color:var(--sk-ink-faint);font-weight:500}



@media(max-width:720px){.sk-mkt-pd .rules{grid-template-columns:1fr 1fr}.sk-mkt-pd .topic{gap:12px}.sk-mkt-pd .topic .wt{width:104px}}



@media(max-width:460px){.sk-mkt-pd .rules{grid-template-columns:1fr}}







/* تفاوت‌های مخصوص صفحهٔ آزمون (مطابق exam-detail-preview، نه course) */



.sk-mkt-pd--exam .provider .av{border-radius:50%;background:linear-gradient(135deg,#2b6cb0,#1a365d)}



.sk-mkt-pd--exam .buy .cover .img{background:linear-gradient(135deg,#2b6cb0,#1a365d)}



.sk-mkt-pd--exam .sec-h{align-items:center}











/* Demo/UI fix: product detail engagement, rating and review section */



.sk-mkt-pd .engage-reset{margin-top:18px}



.sk-mkt-pd .engagement-box{display:block}



.sk-mkt-pd .engagement-rev-top{margin:4px 0 22px;align-items:center}



.sk-mkt-pd .engagement-rating-card{border:1px solid var(--sk-line);border-radius:16px;background:var(--sk-surface);padding:18px 20px;margin:8px 0 26px;box-shadow:0 8px 24px rgba(10,11,13,.035)}



.sk-mkt-pd .engagement-rating-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}



.sk-mkt-pd .engagement-rating-head h3,.sk-mkt-pd .engagement-list h3,.sk-mkt-pd .engagement-qa-block h3{font-size:19px;font-weight:800;letter-spacing:-.25px;color:var(--sk-ink);margin:0 0 6px}



.sk-mkt-pd .engagement-rating-head p{font-size:13px;color:var(--sk-ink-faint);font-weight:500;line-height:1.9;margin:0}



.sk-mkt-pd .engagement-state-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;background:var(--sk-surface-2);border:1px solid var(--sk-line);color:var(--sk-ink-soft);font-size:11.5px;font-weight:700;padding:6px 11px}



.sk-mkt-pd .engagement-state-badge.status-published{background:rgba(31,157,87,.11);color:var(--sk-beg);border-color:rgba(31,157,87,.22)}



.sk-mkt-pd .engagement-state-badge.status-pending{background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-color:var(--sk-amber-line)}



.sk-mkt-pd .engagement-rating-form{display:block}



.sk-mkt-pd .engagement-score-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}



.sk-mkt-pd .engagement-score-label{font-size:13.5px;color:var(--sk-ink);font-weight:700}



.sk-mkt-pd .engagement-score-options{display:flex;flex-direction:row-reverse;align-items:center;gap:7px;flex-wrap:wrap}



.sk-mkt-pd .engagement-star-option{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--sk-line);border-radius:999px;padding:7px 11px;background:var(--sk-surface-2);cursor:pointer;transition:.15s;user-select:none}



.sk-mkt-pd .engagement-star-option input{position:absolute;opacity:0;pointer-events:none}



.sk-mkt-pd .engagement-star-option .star{font-size:18px;line-height:1;color:var(--sk-amber)}



.sk-mkt-pd .engagement-star-option small{font-size:11px;color:var(--sk-ink-soft);font-weight:700}



.sk-mkt-pd .engagement-star-option:hover,.sk-mkt-pd .engagement-star-option:has(input:checked){border-color:var(--sk-amber-line);background:var(--sk-amber-soft);transform:translateY(-1px)}



.sk-mkt-pd .engagement-grid{display:grid;grid-template-columns:1fr;gap:11px;margin:11px 0}



.sk-mkt-pd .engagement-grid--thread{grid-template-columns:160px minmax(0,1fr)}



.sk-mkt-pd .engagement-form input[type=text],.sk-mkt-pd .engagement-form textarea,.sk-mkt-pd .engagement-form select{width:100%;border:1px solid var(--sk-line);border-radius:12px;padding:11px 14px;font-family:inherit;font-size:13.5px;background:var(--sk-surface);color:var(--sk-ink);outline:0;transition:.15s}



.sk-mkt-pd .engagement-form textarea{min-height:104px;resize:vertical;line-height:1.9}



.sk-mkt-pd .engagement-form input[type=text]:focus,.sk-mkt-pd .engagement-form textarea:focus,.sk-mkt-pd .engagement-form select:focus{border-color:var(--sk-amber-line);box-shadow:0 0 0 4px rgba(255,194,24,.13)}



.sk-mkt-pd .engagement-form .btn{margin-top:12px}



.sk-mkt-pd .engagement-login-note,.sk-mkt-pd .engagement-access-note{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:14px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);padding:15px 16px}



.sk-mkt-pd .engagement-login-note span,.sk-mkt-pd .engagement-access-note span{font-size:13.5px;color:var(--sk-ink-soft);line-height:1.8}.sk-mkt-pd .engagement-access-note{align-items:flex-start;flex-direction:column}.sk-mkt-pd .engagement-access-note b{font-size:14.5px;color:var(--sk-ink)}



.sk-mkt-pd .engagement-review-list{margin-top:8px}



.sk-mkt-pd .engagement-review-list h3,.sk-mkt-pd .engagement-qa-block h3{margin:18px 0 10px}



.sk-mkt-pd .engagement-public-review h4{display:none}



.sk-mkt-pd .engagement-public-review .inline-report{margin-top:8px}.sk-mkt-pd .engagement-public-review .inline-report button{border:0;background:transparent;color:var(--sk-ink-faint);font-family:inherit;font-size:12px;cursor:pointer}



.sk-mkt-pd .engagement-empty{border:1px dashed var(--sk-line);border-radius:14px;padding:15px 17px;background:var(--sk-surface-2)}



.sk-mkt-pd .engagement-qa-block{border-top:1px solid var(--sk-line);margin-top:26px;padding-top:20px}



.sk-mkt-pd .engagement-thread-form{border:1px solid var(--sk-line);border-radius:16px;padding:16px;background:var(--sk-surface-2);margin-bottom:15px}



.sk-mkt-pd .engagement-thread-list{display:grid;gap:10px}



.sk-mkt-pd .engagement-thread-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--sk-line);border-radius:13px;background:var(--sk-surface);padding:14px 16px}



.sk-mkt-pd .engagement-thread-main{min-width:0}.sk-mkt-pd .engagement-thread-main b{display:block;font-size:14.5px;font-weight:700;color:var(--sk-ink);margin-bottom:3px}.sk-mkt-pd .engagement-thread-main span{font-size:12px;color:var(--sk-ink-faint);font-weight:600}



@media(max-width:720px){.sk-mkt-pd .engagement-rev-top{gap:20px}.sk-mkt-pd .engagement-rating-head{display:block}.sk-mkt-pd .engagement-grid--thread{grid-template-columns:1fr}.sk-mkt-pd .engagement-login-note{align-items:flex-start;flex-direction:column}.sk-mkt-pd .engagement-thread-item{align-items:flex-start;flex-direction:column}.sk-mkt-pd .engagement-thread-item .btn{width:100%}.sk-mkt-pd .engagement-score-options{flex-direction:row-reverse;gap:6px}.sk-mkt-pd .engagement-star-option{padding:7px 9px}}







/* ════════ صفحهٔ پروفایل (طراح / آموزشگاه) — هماهنگ با .sk-mkt-pd ════════ */



.sk-mkt-pd--profile .prof-hero{margin-bottom:30px}



.sk-mkt-pd--profile .prof-banner{position:relative;height:172px;border-radius:16px;overflow:hidden;margin-bottom:-44px}



.sk-mkt-pd--profile .prof-banner img{width:100%;height:100%;object-fit:cover;display:block}



.sk-mkt-pd--profile .prof-banner-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34))}



.sk-mkt-pd--profile .prof-head{display:flex;align-items:flex-end;gap:20px}



.sk-mkt-pd--profile .prof-head.has-banner{position:relative;padding-inline:6px}



.sk-mkt-pd--profile .prof-av{width:94px;height:94px;border-radius:24px;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:30px;color:#fff;background:linear-gradient(135deg,#2b6cb0,#1a365d);overflow:hidden}



.sk-mkt-pd--profile .prof-head.has-banner .prof-av{border:3px solid var(--sk-surface)}



.sk-mkt-pd--profile .prof-av img{width:100%;height:100%;object-fit:cover}



.sk-mkt-pd--profile .prof-id{flex:1;min-width:0;padding-bottom:3px}



.sk-mkt-pd--profile .prof-role{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--sk-info);background:var(--sk-info-soft);padding:4px 11px;border-radius:999px;margin-bottom:10px}



.sk-mkt-pd--profile .prof-role svg{width:14px;height:14px}



.sk-mkt-pd--profile .prof-id h1.title{margin-bottom:7px}



.sk-mkt-pd--profile .prof-headline{font-size:15px;color:var(--sk-ink-soft);line-height:1.6;margin-bottom:13px;max-width:60ch}



.sk-mkt-pd--profile .prof-stats{display:flex;flex-wrap:wrap;gap:9px 20px}



.sk-mkt-pd--profile .prof-stats .m{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--sk-ink-soft)}



.sk-mkt-pd--profile .prof-stats .m svg{width:16px;height:16px;color:var(--sk-ink-faint)}



.sk-mkt-pd--profile .prof-stats .m b{color:var(--sk-ink);font-weight:600}



.sk-mkt-pd--profile .prof-stats .m.rate svg{color:var(--sk-amber-deep)}



.sk-mkt-pd--profile .prof-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;padding-bottom:3px}



.sk-mkt-pd--profile .prof-social{display:flex;gap:8px}



.sk-mkt-pd--profile .prof-social a{width:38px;height:38px;border-radius:11px;border:1px solid var(--sk-line);display:grid;place-items:center;color:var(--sk-ink-soft);transition:.15s}



.sk-mkt-pd--profile .prof-social a:hover{border-color:var(--sk-ink-faint);color:var(--sk-ink);background:var(--sk-surface-2)}



.sk-mkt-pd--profile .prof-social a svg{width:18px;height:18px}







.sk-mkt-pd--profile .prof-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}



.sk-mkt-pd--profile .prof-main{min-width:0}



.sk-mkt-pd--profile .prof-aside{position:sticky;top:80px}



.sk-mkt-pd--profile .prof-card{border:1px solid var(--sk-line);border-radius:15px;background:var(--sk-surface);padding:18px;display:flex;flex-direction:column;gap:18px}



.sk-mkt-pd--profile .pb{display:flex;flex-direction:column;gap:10px}



.sk-mkt-pd--profile .pb+.pb{padding-top:18px;border-top:1px solid var(--sk-line)}



.sk-mkt-pd--profile .pb-h{font-size:12px;font-weight:700;color:var(--sk-ink-faint);letter-spacing:.2px}



.sk-mkt-pd--profile .pb-tags{display:flex;flex-wrap:wrap;gap:7px}



.sk-mkt-pd--profile .pb-tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:var(--sk-ink);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:8px;padding:5px 10px}



.sk-mkt-pd--profile .pb-tag svg{width:13px;height:13px;color:var(--sk-ok);flex-shrink:0}



.sk-mkt-pd--profile .pb-tag--soft{color:var(--sk-ink-soft)}



.sk-mkt-pd--profile .pb-text{font-size:13px;color:var(--sk-ink-soft);line-height:1.8}







.sk-mkt-pd--profile .prof-timeline{display:flex;flex-direction:column}



.sk-mkt-pd--profile .tl-item{display:flex;gap:14px;padding-bottom:18px;position:relative}



.sk-mkt-pd--profile .tl-item:not(:last-child)::before{content:"";position:absolute;inset-inline-start:5.5px;top:15px;bottom:0;width:1.5px;background:var(--sk-line)}



.sk-mkt-pd--profile .tl-dot{width:12px;height:12px;border-radius:50%;background:var(--sk-amber);flex-shrink:0;margin-top:4px;box-shadow:0 0 0 3px var(--sk-amber-soft)}



.sk-mkt-pd--profile .tl-body{flex:1;min-width:0}



.sk-mkt-pd--profile .tl-body b{display:block;font-size:14.5px;font-weight:700;color:var(--sk-ink)}



.sk-mkt-pd--profile .tl-org{display:block;font-size:13px;color:var(--sk-info);margin-top:2px}



.sk-mkt-pd--profile .tl-body p{font-size:13px;color:var(--sk-ink-soft);line-height:1.8;margin-top:5px}







.sk-mkt-pd--profile .prof-ach{display:grid;grid-template-columns:1fr 1fr;gap:12px}



.sk-mkt-pd--profile .ach{display:flex;gap:11px;padding:13px 14px;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface)}



.sk-mkt-pd--profile .ach-ic{width:34px;height:34px;border-radius:9px;background:var(--sk-amber-soft);display:grid;place-items:center;flex-shrink:0}



.sk-mkt-pd--profile .ach-ic svg{width:18px;height:18px}



.sk-mkt-pd--profile .ach-tx b{display:block;font-size:13.5px;font-weight:700;color:var(--sk-ink)}



.sk-mkt-pd--profile .ach-tx span{display:block;font-size:12.5px;color:var(--sk-ink-soft);line-height:1.7;margin-top:3px}







@media(max-width:860px){



  .sk-mkt-pd--profile .prof-layout{grid-template-columns:1fr}



  .sk-mkt-pd--profile .prof-aside{position:static;order:-1}



  .sk-mkt-pd--profile .prof-head{flex-direction:column;align-items:flex-start;gap:14px}



  .sk-mkt-pd--profile .prof-actions{flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between}



  .sk-mkt-pd--profile .prof-ach{grid-template-columns:1fr}



  .sk-mkt-pd--profile .prof-banner{height:140px;margin-bottom:-38px}



}







/* ── تمایز آموزشگاه (آواتار/نقش بنفش، مطابق تم دوره) + تماس و مشخصات ── */



.sk-mkt-pd--institute .prof-av{background:linear-gradient(135deg,#6b46c1,#322659)}



.sk-mkt-pd--institute .prof-role{color:#6b46c1;background:rgba(107,70,193,.1)}



.sk-mkt-pd--profile .prof-contact{display:flex;flex-direction:column;gap:11px}



.sk-mkt-pd--profile .ct{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--sk-ink-soft);line-height:1.7}



.sk-mkt-pd--profile .ct svg{width:16px;height:16px;color:var(--sk-ink-faint);flex-shrink:0;margin-top:2px}



.sk-mkt-pd--profile .ct a{color:var(--sk-info);word-break:break-all}



.sk-mkt-pd--profile .ct a:hover{color:var(--sk-amber-deep)}



.sk-mkt-pd--profile .prof-meta-list{display:flex;flex-direction:column;gap:10px}



.sk-mkt-pd--profile .ml{display:flex;justify-content:space-between;gap:14px;font-size:13px;align-items:baseline}



.sk-mkt-pd--profile .ml-k{color:var(--sk-ink-faint);flex-shrink:0}



.sk-mkt-pd--profile .ml-v{color:var(--sk-ink);font-weight:500;text-align:left}







/* ════════ صفحهٔ مهارت (skill_node_detail) — برچسب نوع، آمار، چیپ‌های زیرشاخه ════════ */



.sk-mkt-intro--node .sk-mkt-eyebrow{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);padding:4px 12px;border-radius:999px;margin-bottom:12px;letter-spacing:.2px}



.sk-mkt-intro--node .sk-mkt-entitle{display:block;font-size:13.5px;color:var(--sk-ink-faint);font-weight:500;margin:-3px 0 10px;direction:ltr;text-align:right}



.sk-mkt-nodestats{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:18px}



.sk-mkt-nodestats span{font-size:13.5px;color:var(--sk-ink-soft)}



.sk-mkt-nodestats b{color:var(--sk-ink);font-weight:700}



.sk-mkt-nodecat{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--sk-ink);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:5px 13px;transition:.15s}



.sk-mkt-nodecat:hover{border-color:var(--sk-ink-faint)}



.sk-mkt-nodecat svg{width:14px;height:14px;color:var(--sk-ink-faint)}



.sk-mkt-subnodes{display:flex;flex-direction:column;gap:13px;padding-block:22px 2px}



.sk-mkt-subnodes .sn-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}



.sk-mkt-subnodes .sn-label{font-size:12.5px;font-weight:700;color:var(--sk-ink-faint);flex-shrink:0;min-width:104px}



.sk-mkt-subnodes .sn-chips{display:flex;flex-wrap:wrap;gap:8px}



.sk-mkt-subnodes .sn-chips a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--sk-ink);background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:9px;padding:6px 12px;transition:.15s}



.sk-mkt-subnodes .sn-chips a:hover{border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.sk-mkt-subnodes .sn-chips a span{font-size:11px;font-weight:700;color:var(--sk-ink-faint);background:var(--sk-surface-2);border-radius:999px;padding:1px 7px;min-width:18px;text-align:center}



@media(max-width:600px){.sk-mkt-subnodes .sn-label{min-width:0;width:100%}}







/* ════════ فهرست طراح‌ها / آموزشگاه‌ها (designer_list / institute_list) ════════ */



.sk-mkt-provwrap{padding-block:26px 54px}



.sk-mkt-provhead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}



.sk-mkt-clearq{font-size:12.5px;color:var(--sk-ink-faint);border:1px solid var(--sk-line);border-radius:999px;padding:4px 12px;transition:.15s}



.sk-mkt-clearq:hover{color:var(--sk-ink);border-color:var(--sk-ink-faint)}



.sk-mkt-provgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:16px}



.sk-mkt-provcard{display:flex;flex-direction:column;gap:13px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:15px;padding:20px;transition:border-color .16s,box-shadow .16s,transform .16s}



.sk-mkt-provcard:hover{border-color:var(--sk-ink-faint);box-shadow:0 6px 22px rgba(24,26,29,.06);transform:translateY(-2px)}



.sk-mkt-provcard .pc-top{display:flex;gap:13px;align-items:center}



.sk-mkt-provcard .pc-av{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;font-size:17px;font-weight:800;color:#fff;border-radius:50%;overflow:hidden;line-height:1}



.sk-mkt-provcard .pc-av img{width:100%;height:100%;object-fit:cover}



.sk-mkt-provgrid--designer .pc-av{background:linear-gradient(135deg,#2b6cb0,#1a365d)}



.sk-mkt-provgrid--institute .pc-av{background:linear-gradient(135deg,#6b46c1,#322659);border-radius:15px}



.sk-mkt-provcard .pc-id{min-width:0}



.sk-mkt-provcard .pc-id h3{font-size:16px;font-weight:700;color:var(--sk-ink);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.sk-mkt-provcard .pc-id p{font-size:12.5px;color:var(--sk-ink-soft);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}



.sk-mkt-provcard .pc-bio{font-size:12.5px;color:var(--sk-ink-faint);line-height:1.75;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



.sk-mkt-provcard .pc-stats{display:flex;flex-wrap:wrap;gap:7px 14px;padding-top:13px;border-top:1px solid var(--sk-line);margin-top:auto}



.sk-mkt-provcard .pc-m{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--sk-ink-soft)}



.sk-mkt-provcard .pc-m svg{width:14px;height:14px;color:var(--sk-ink-faint)}



.sk-mkt-provcard .pc-m.rate{color:var(--sk-ink);font-weight:600}



.sk-mkt-provcard .pc-m.rate svg{color:var(--sk-amber-deep)}



.sk-mkt-empty{grid-column:1/-1;text-align:center;padding:52px 20px;color:var(--sk-ink-faint);font-size:14px;background:var(--sk-surface);border:1px dashed var(--sk-line);border-radius:14px}



@media(max-width:560px){.sk-mkt-provgrid{grid-template-columns:1fr}}







/* ════════════════ جریان خرید (commerce: cart / checkout / payment / order) ════════════════ */



.sk-cmrc{padding-block:30px 58px}



.sk-cmrc.is-narrow{max-width:640px;margin-inline:auto}



.sk-cmrc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}



.sk-cmrc-eyebrow{display:inline-flex;font-size:12px;font-weight:600;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);padding:4px 12px;border-radius:999px;margin-bottom:11px}



.sk-cmrc-head h1{font-size:clamp(23px,2.6vw,30px);font-weight:800;letter-spacing:-.3px;margin:0 0 7px;line-height:1.3}



.sk-cmrc-head p{font-size:14px;color:var(--sk-ink-soft);line-height:1.7;margin:0;max-width:60ch}



.sk-cmrc-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}



@media(max-width:880px){.sk-cmrc-grid{grid-template-columns:1fr}}



.sk-cmrc-card{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:4px 22px}



.sk-cmrc-card.is-pad{padding:24px}



.sk-cmrc-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--sk-line)}



.sk-cmrc-row:last-child{border-bottom:0}



.sk-cmrc-row-main{min-width:0}



.sk-cmrc-pill{display:inline-flex;font-size:11px;font-weight:600;color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:2px 10px;margin-bottom:8px}



.sk-cmrc-row-main h3{font-size:15.5px;font-weight:700;color:var(--sk-ink);margin:0 0 5px;line-height:1.4}



.sk-cmrc-row-main p{font-size:12.5px;color:var(--sk-ink-faint);line-height:1.65;margin:0}



.sk-cmrc-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}



.sk-cmrc-price{font-size:15px;font-weight:800;color:var(--sk-ink);white-space:nowrap}



.sk-cmrc-price.is-free{color:var(--sk-ok)}



.sk-cmrc-x{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--sk-ink-faint);border:1px solid var(--sk-line);border-radius:9px;padding:5px 11px;background:none;cursor:pointer;font-family:inherit;transition:.15s}



.sk-cmrc-x:hover{color:var(--sk-danger);border-color:var(--sk-danger-line);background:var(--sk-danger-soft)}



.sk-cmrc-x svg{width:14px;height:14px}



.sk-cmrc-sum{position:sticky;top:84px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:22px}



.sk-cmrc-sum h2{font-size:16px;font-weight:800;margin:0 0 14px}



.sk-cmrc-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--sk-ink-soft);padding:9px 0}



.sk-cmrc-line b{color:var(--sk-ink);font-weight:700}



.sk-cmrc-line.is-total{border-top:1px solid var(--sk-line);margin-top:6px;padding-top:15px;font-size:15px;color:var(--sk-ink)}



.sk-cmrc-line.is-total b{font-size:18px;font-weight:900;color:var(--sk-amber-deep)}



.sk-cmrc-sum .sk-btn{width:100%;margin-top:16px}



.sk-cmrc-note{font-size:11.5px;color:var(--sk-ink-faint);line-height:1.7;margin-top:13px;text-align:center}



.sk-cmrc-center{text-align:center;padding:42px 28px 36px}



.sk-cmrc-ic{width:66px;height:66px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:var(--sk-ok-soft);color:var(--sk-ok)}



.sk-cmrc-ic svg{width:32px;height:32px}



.sk-cmrc-ic.is-pay{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.sk-cmrc-center h1{font-size:23px;font-weight:800;margin:0 0 10px}



.sk-cmrc-center>p{font-size:14px;color:var(--sk-ink-soft);line-height:1.8;margin:0 auto 6px;max-width:46ch}



.sk-cmrc-code{display:inline-block;font-weight:800;color:var(--sk-ink);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:8px;padding:2px 11px;direction:ltr}



.sk-cmrc-amount{font-size:30px;font-weight:900;color:var(--sk-amber-deep);margin:16px 0 4px}



.sk-cmrc-amount small{font-size:14px;font-weight:600;color:var(--sk-ink-soft)}



.sk-cmrc-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}



.sk-cmrc-empty{text-align:center;padding:50px 20px;color:var(--sk-ink-faint);font-size:14px;line-height:1.8}



.sk-cmrc-empty svg{width:46px;height:46px;color:var(--sk-line);margin-bottom:8px}



.sk-cmrc-status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px solid var(--sk-line);padding:5px 13px;border-radius:999px}



.sk-cmrc-form p{margin:0 0 4px}



.sk-cmrc-form label{font-size:13.5px;color:var(--sk-ink-soft);display:flex;align-items:center;gap:8px;cursor:pointer}



.sk-cmrc-form input[type=checkbox]{width:17px;height:17px;accent-color:var(--sk-amber-deep)}



/* دکمهٔ danger سراسری (قبلاً وجود نداشت) */



.sk-btn.sk-btn--danger{background:var(--sk-danger);color:#fff;border-color:transparent}



.sk-btn.sk-btn--danger:hover{filter:brightness(.94)}







/* ── کارت دستهٔ سبک‌شدهٔ صفحهٔ /exams/ (جایگزین مینی‌کارت‌های سنگین) ── */



.sk-mkt-tax-card{justify-content:flex-start}



.sk-mkt-tax-chips{display:flex;flex-wrap:wrap;gap:7px}



.sk-mkt-tax-chips a{display:inline-flex;align-items:center;font-size:12px;font-weight:500;color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:8px;padding:5px 11px;transition:.15s}



.sk-mkt-tax-chips a:hover{border-color:var(--sk-amber);color:var(--sk-ink);background:var(--sk-amber-soft)}



.sk-mkt-tax-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:700;color:var(--sk-ink);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:11px;transition:.16s}



.sk-mkt-tax-cta:hover{background:var(--sk-amber);border-color:var(--sk-amber);color:#181a1d}



.sk-mkt-tax-cta svg{width:16px;height:16px}







/* ── برقِ متحرک روی عکس cover (هر چند ثانیه یک‌بار رد می‌شود) ── */



.sk-mkt-pd .buy .cover::after{content:"";position:absolute;top:-25%;height:150%;width:34%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);pointer-events:none;z-index:2;animation:sk-cover-shine 4.5s ease-in-out infinite}



@keyframes sk-cover-shine{0%{left:-50%}15%{left:130%}100%{left:130%}}



@media (prefers-reduced-motion:reduce){.sk-mkt-pd .buy .cover::after{animation:none;opacity:0}}







/* =====================================================================



   Free sample test (/exams/free-test/…) — mirrors the REAL exam page.



   AzarMehr · flat · exam-style question cards & options.  EVERYTHING is



   scoped to .freetest so the PUBLIC marketplace header stays untouched.



   ===================================================================== */



@font-face{font-family:'AzarMehr';font-style:normal;font-weight:100 950;font-display:swap;src:url(../../fonts/azarmehr/AzarMehr.woff2?v=fontfix-20260711T152337Z) format('woff2')}







/* صفحات عمومی (قبل از لاگین): بدنه و اجزای مارکت‌پلیس با AzarMehr —



   عناوین h1–h6 از قانون سراسری testkav-ds.css فونت Pinar می‌گیرند. */



body.sk-mkt-body{--sk-font:'AzarMehr','PinarSK','Pinar','Vazirmatn',Tahoma,system-ui,sans-serif}







.freetest{--sk-font:'AzarMehr','PinarSK','Pinar','Vazirmatn',Tahoma,system-ui,sans-serif;--sk-r-sm:6px;--sk-r-md:9px;--sk-r-lg:11px;width:min(880px,calc(100% - 32px));margin:34px auto 60px;color:var(--sk-ink)}



.freetest,.freetest input,.freetest select,.freetest textarea,.freetest button{font-family:var(--sk-font)}



.freetest *,.freetest *::before,.freetest *::after{box-shadow:none!important}



.freetest h1,.freetest h2,.freetest h3{color:var(--sk-ink);letter-spacing:-.02em;line-height:1.35}



.freetest p{color:var(--sk-ink-soft);line-height:1.95;margin:0}







/* intro (same heading language as the exam pages) */



.freetest__hero{margin-bottom:20px}



.freetest__kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--sk-r-pill);background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-weight:580;font-size:12px;border:1px solid var(--sk-amber-line)}



.freetest__kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sk-amber)}



.freetest__hero h1{margin:15px 0 10px;font-size:clamp(24px,3.2vw,33px);font-weight:680}



.freetest__hero p{font-size:15px;max-width:62ch}



.freetest__meta{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}







/* pills — identical to the exam */



.freetest .pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--sk-r-pill);background:var(--sk-surface-2);color:var(--sk-ink-soft);font-weight:580;font-size:12px;border:1px solid var(--sk-line)}



.freetest .pill.gold{background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-color:var(--sk-amber-line)}







/* question card — auto height (unlike the exam's 70vh single-question panel) */



.freetest__form{display:grid;gap:16px}



.freetest-q{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);padding:24px 26px}



.freetest-q__head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}



.freetest-q__body{font-size:16.5px;line-height:2;color:var(--sk-ink);font-weight:600;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:18px 20px;margin-bottom:18px;text-align:start}



.freetest-q__body img{max-width:100%;height:auto;border-radius:var(--sk-r-sm);margin-top:8px}







/* options — EXACT copy of the exam .option-item (checkbox on the trailing edge) */



@counter-style opt-fa{system:fixed;symbols:"الف" "ب" "ج" "د" "ه" "و" "ز" "ح" "ط" "ی";suffix:""}



.freetest .option-list{counter-reset:opt;display:grid;gap:11px}



.freetest .option-item{counter-increment:opt;position:relative;display:flex;gap:14px;align-items:center;background:var(--sk-surface);border:1.5px solid var(--sk-line);border-radius:var(--sk-r-md);padding:14px 18px;cursor:pointer;transition:border-color .16s var(--sk-ease),background .16s var(--sk-ease);min-height:58px;color:var(--sk-ink)}



.freetest .option-item input{position:absolute!important;opacity:0!important;pointer-events:none;width:0;height:0;margin:0}



.freetest .option-item::before{content:counter(opt,opt-fa);flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--sk-surface-2);border:1.5px solid var(--sk-line-strong);color:var(--sk-ink-soft);font-weight:700;font-size:14px;line-height:1;transition:.16s var(--sk-ease)}



.freetest .option-item span{flex:1;min-width:0;line-height:1.8;text-align:start;font-weight:500;font-size:15px}



.freetest .option-item img{max-width:100%;height:auto;border-radius:var(--sk-r-sm);vertical-align:middle}



.freetest .option-item::after{content:none}



.freetest .option-item:hover{border-color:var(--sk-amber-line);background:var(--sk-surface-2)}



.freetest .option-item:hover::before{border-color:var(--sk-amber-line);color:var(--sk-ink)}



.freetest .option-item:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.freetest .option-item:has(input:checked)::before{content:"";background-color:var(--sk-amber);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");background-size:19px;background-position:center;background-repeat:no-repeat;border-color:var(--sk-amber)}



.freetest .option-item:has(input:checked) span{font-weight:700}











/* descriptive answer */



.freetest textarea{width:100%;border:1.5px solid var(--sk-line-strong);border-radius:var(--sk-r-md);padding:15px;font-size:15px;line-height:1.9;box-sizing:border-box;resize:vertical;background:var(--sk-surface);color:var(--sk-ink);text-align:start}



.freetest textarea:focus{outline:0;border-color:var(--sk-amber)}



.freetest textarea::placeholder{color:var(--sk-ink-faint)}







/* submit — the exam .btn.primary.large */



.freetest__actions{margin-top:22px;display:flex;justify-content:flex-end}



.freetest .btn,.freetest__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--sk-r-md);padding:14px 26px;font-weight:680;font-size:15px;cursor:pointer;transition:.18s ease;white-space:nowrap;background:var(--sk-amber);color:#1a1306}



.freetest .btn:hover,.freetest__submit:hover{filter:brightness(1.03)}







@media(max-width:600px){.freetest-q{padding:20px 18px}.freetest__actions{justify-content:stretch}.freetest .btn,.freetest__submit{width:100%}}







/* ---- free-test RESULT page — mirrors the exam result look (scoped, header-safe) ---- */



.freetest-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--sk-surface) 0%,var(--sk-surface) 55%,var(--sk-amber-soft) 100%);border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);padding:30px 32px;margin-bottom:16px}



.freetest-hero>div{position:relative;z-index:1}



.freetest-hero h1{margin:12px 0 8px;font-size:clamp(22px,3vw,30px);font-weight:680}



.freetest-hero p{font-size:14.5px;max-width:60ch}



.freetest-score-badge{position:relative;z-index:1;flex:0 0 auto;display:grid;place-items:center;gap:3px;min-width:124px;padding:18px 22px;border-radius:var(--sk-r-md);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line)}



.freetest-score-badge strong{font-size:30px;font-weight:700;color:var(--sk-amber-deep);line-height:1}



.freetest-score-badge span{font-size:11.5px;color:var(--sk-ink-soft);font-weight:580}



.freetest-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}



.freetest-metrics .metric{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:18px 20px;display:flex;flex-direction:column;gap:6px}



.freetest-metrics .metric span{color:var(--sk-ink-soft);font-weight:580;font-size:13px}



.freetest-metrics .metric strong{font-size:26px;font-weight:700;color:var(--sk-ink);line-height:1}



.freetest-metrics .metric small{color:var(--sk-ink-faint);font-weight:500;font-size:12px}



.freetest-review{margin-top:4px}



.freetest-review__head{margin-bottom:14px}



.freetest-review__head h2{margin:10px 0 0;font-size:19px;font-weight:680;color:var(--sk-ink)}



.freetest-rev{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:var(--sk-r-lg);padding:22px 24px;margin-bottom:12px;border-inline-start:3px solid var(--sk-line-strong)}



.freetest-rev.ok{border-inline-start-color:var(--sk-ok)}



.freetest-rev.bad{border-inline-start-color:var(--sk-danger)}



.freetest-rev.neutral{border-inline-start-color:var(--sk-amber)}



.freetest-rev__head{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}



.freetest-tag{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--sk-r-pill);font-size:12px;font-weight:600;border:1px solid transparent}



.freetest-tag.ok{background:var(--sk-ok-soft);color:var(--sk-ok);border-color:var(--sk-ok-line)}



.freetest-tag.bad{background:var(--sk-danger-soft);color:var(--sk-danger);border-color:var(--sk-danger-line)}



.freetest-tag.neutral{background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-color:var(--sk-amber-line)}



.freetest-answer{margin-top:12px;background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:var(--sk-r-md);padding:12px 16px;font-size:14px;line-height:1.8;color:var(--sk-ink)}



.freetest-answer span{color:var(--sk-ink-soft);font-weight:580;font-size:12px;display:block;margin-bottom:4px}



.freetest-explain{margin-top:12px;background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:var(--sk-r-md);padding:12px 16px;font-size:14px;line-height:1.9;color:var(--sk-ink)}



.freetest-explain strong{color:var(--sk-amber-deep)}



.freetest__actions--split{justify-content:space-between;flex-wrap:wrap;gap:10px}



.freetest .btn.ghost{background:var(--sk-surface-2);color:var(--sk-ink);border:1px solid var(--sk-line)}



@media(max-width:640px){.freetest-hero{flex-direction:column;align-items:flex-start}.freetest-metrics{grid-template-columns:1fr}}







/* Provider directory refinements: instructors/institutes */



.provider-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 26px;padding:16px 18px;border:1px solid var(--sk-amber-line);background:linear-gradient(135deg,var(--sk-amber-soft),rgba(255,255,255,.72));border-radius:18px;box-shadow:0 16px 38px rgba(208,154,20,.06)}



.provider-cta b{display:block;font-size:15px;font-weight:900;color:var(--sk-ink);margin-bottom:4px}.provider-cta span{font-size:13px;color:var(--sk-ink-soft);line-height:1.8}.sk-mkt-provider-layout{grid-template-columns:300px 1fr}.sk-mkt-provider-layout .sk-mkt-filter-submit{width:100%;margin-top:8px}.sk-mkt-provider-layout .sk-input{width:100%;height:42px;border:1px solid var(--sk-line-strong);border-radius:12px;background:var(--sk-surface);padding:0 12px;font-family:inherit;font-size:13px;color:var(--sk-ink)}.sk-mkt-provider-layout input.sk-input{height:42px}.sk-mkt-provider-layout select.sk-input{cursor:pointer}.sk-mkt-provider-layout .pc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:-2px}.sk-mkt-provider-layout .pc-tags span{font-size:11px;font-weight:700;color:var(--sk-ink-soft);background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:999px;padding:3px 9px}.sk-mkt-provider-layout .pc-av svg{width:28px;height:28px;color:rgba(255,255,255,.9)}.sk-mkt-provider-layout .sk-mkt-provcard{min-height:220px}.sk-mkt-filter .sk-mkt-fbox{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;overflow:hidden}.sk-mkt-filter .sk-mkt-fhead{padding:14px 16px;border-bottom:1px solid var(--sk-line);display:flex;align-items:center;justify-content:space-between}.sk-mkt-filter .sk-mkt-fhead b{font-size:15px;font-weight:900;color:var(--sk-ink)}.sk-mkt-filter .sk-mkt-fhead a{font-size:12px;font-weight:800;color:var(--sk-amber-deep)}.sk-mkt-filter .sk-mkt-fgroup{padding:13px 16px;border-bottom:1px solid var(--sk-line)}.sk-mkt-filter .sk-mkt-fgroup:last-of-type{border-bottom:none}.sk-mkt-filter .sk-mkt-fgroup h3{font-size:12.5px;font-weight:900;color:var(--sk-ink);margin:0 0 9px}.sk-mkt-filter .sk-mkt-cbset.no-scroll{max-height:none;overflow:visible}



@media(max-width:760px){.provider-cta{align-items:stretch;flex-direction:column}.provider-cta .sk-btn{width:100%;justify-content:center}.sk-mkt-provider-layout{grid-template-columns:1fr}}



.prof-doc-list{display:flex;flex-direction:column;gap:9px}.prof-doc-item{border:1px solid var(--sk-line);background:var(--sk-surface-2);border-radius:12px;padding:11px}.prof-doc-item b{display:block;font-size:12.5px;font-weight:900;color:var(--sk-ink);line-height:1.6}.prof-doc-item span,.prof-doc-item small{display:block;font-size:11.5px;color:var(--sk-ink-soft);line-height:1.7}.prof-doc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.prof-doc-actions a{font-size:11.5px;font-weight:900;color:var(--sk-amber-deep);background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);border-radius:999px;padding:3px 9px}.prof-av svg{width:36px;height:36px;color:rgba(255,255,255,.88)}







/* ============================================================================



   2026-07 — /exams/ HOME REDESIGN v5



   (intro hero + live category search + structure card + taxonomy card polish)



   Overrides earlier rules on purpose; keep this section last in the file.



   ============================================================================ */







/* ---- intro hero ---- */



.sk-mkt-intro--home .sk-mkt-intro-grid{display:none}



.sk-mkt-hero2{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px;align-items:center;padding:20px 0 40px}



.sk-mkt-eyebrow2{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--sk-amber-deep);



  background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);padding:6px 14px;border-radius:999px;margin-bottom:16px}



.sk-mkt-eyebrow2 i{width:7px;height:7px;border-radius:50%;background:var(--sk-amber);animation:skPulse 2.4s var(--sk-ease) infinite}



@keyframes skPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}



.sk-mkt-intro--home h1{font-size:clamp(27px,3.2vw,38px);font-weight:900;letter-spacing:-.6px;line-height:1.3;margin-bottom:12px}



.sk-mkt-intro--home .sk-mkt-hero2-copy>p{font-size:15px;color:var(--sk-ink-soft);font-weight:400;max-width:58ch;line-height:1.95;margin-bottom:24px}



.sk-mkt-intro--home .sk-mkt-hero2-copy>p b{color:var(--sk-ink);font-weight:700}







/* ---- live category search ---- */



.sk-mkt-hsearch{display:flex;align-items:center;gap:10px;max-width:560px;height:58px;padding:0 18px;



  background:var(--sk-surface);border:1px solid var(--sk-line-strong);border-radius:999px;



  box-shadow:0 18px 44px rgba(20,24,33,.08);transition:.2s var(--sk-ease)}



.sk-mkt-hsearch:focus-within{border-color:var(--sk-amber);box-shadow:0 18px 44px rgba(20,24,33,.08),0 0 0 4px var(--sk-amber-soft)}



.sk-mkt-hsearch .mag{width:20px;height:20px;color:var(--sk-ink-faint);flex-shrink:0}



.sk-mkt-hsearch:focus-within .mag{color:var(--sk-amber-deep)}



.sk-mkt-hsearch input{flex:1;min-width:0;border:none;background:none;outline:none;height:100%;



  font-family:inherit;font-size:14.5px;font-weight:500;color:var(--sk-ink)}



.sk-mkt-hsearch input::placeholder{color:var(--sk-ink-faint)}



.sk-mkt-hsearch input::-webkit-search-cancel-button{display:none}



.sk-mkt-hsearch .clear{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;



  color:var(--sk-ink-faint);background:var(--sk-surface-2);transition:.15s}



.sk-mkt-hsearch .clear:hover{color:var(--sk-ink);background:var(--sk-surface-3)}



.sk-mkt-hsearch .clear svg{width:13px;height:13px}



.sk-mkt-hsearch .cnt{flex-shrink:0;font-size:12px;font-weight:800;color:var(--sk-ink);



  background:var(--sk-amber);border-radius:999px;padding:6px 13px;white-space:nowrap}







/* ---- structure mini-map ---- */



.sk-mkt-structure{position:relative;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:20px;



  padding:20px;box-shadow:0 22px 55px rgba(20,24,33,.07)}



.sk-mkt-structure .tt{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:var(--sk-ink);margin-bottom:14px}



.sk-mkt-structure .tt::before{content:"";width:18px;height:2px;background:var(--sk-amber);border-radius:2px}



.sk-mkt-structure .node{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--sk-ink);



  background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:12px;padding:9px 12px}



.sk-mkt-structure .node .ic{width:28px;height:28px;border-radius:9px;background:var(--sk-amber-soft);



  display:grid;place-items:center;color:var(--sk-amber-deep);flex-shrink:0}



.sk-mkt-structure .node .ic svg{width:15px;height:15px}



.sk-mkt-structure .node.root{background:var(--sk-charcoal);color:#fff;border-color:transparent}



.sk-mkt-structure .node.root .ic{background:rgba(255,194,24,.18);color:var(--sk-amber)}



.sk-mkt-structure .branches{position:relative;margin:10px 0 0;padding-inline-start:22px;display:flex;flex-direction:column;gap:8px}



.sk-mkt-structure .branches::before{content:"";position:absolute;inset-inline-start:10px;top:-6px;bottom:16px;



  width:2px;border-inline-start:2px dashed var(--sk-line-strong)}



.sk-mkt-structure .branches .node{position:relative}



.sk-mkt-structure .branches .node::before{content:"";position:absolute;inset-inline-start:-12px;top:50%;



  width:12px;height:2px;border-top:2px dashed var(--sk-line-strong)}



.sk-mkt-structure small{display:block;font-size:11.5px;font-weight:500;color:var(--sk-ink-faint);margin-top:12px;line-height:1.8}







/* ---- taxonomy card polish ---- */



.sk-mkt-tax-card{padding:12px 12px 14px;gap:11px}



.sk-mkt-tax-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(20,24,33,.12);border-color:var(--sk-amber-line)}



.sk-mkt-tax-visual{aspect-ratio:16/9;border-radius:14px;isolation:isolate}



.sk-mkt-tax-visual img{transition:transform .55s var(--sk-ease),filter .55s var(--sk-ease)}



.sk-mkt-tax-card:hover .sk-mkt-tax-visual img{transform:scale(1.07);filter:saturate(1.12) brightness(1.03)}



/* light sweep */



.sk-mkt-tax-visual .sheen{position:absolute;top:-8%;bottom:-8%;width:36%;inset-inline-start:-55%;z-index:1;



  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.38) 50%,transparent 100%);



  transform:skewX(-16deg);pointer-events:none;transition:inset-inline-start .05s}



.sk-mkt-tax-card:hover .sk-mkt-tax-visual .sheen{inset-inline-start:135%;transition:inset-inline-start .75s var(--sk-ease) .05s}



/* bottom overlay + enter chip */



.sk-mkt-tax-visual .ov{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;gap:10px;padding:14px;



  background:linear-gradient(to top,rgba(16,18,21,.72) 0%,rgba(16,18,21,.28) 38%,transparent 62%);



  opacity:0;transition:opacity .3s var(--sk-ease)}



.sk-mkt-tax-visual .ov .go{width:34px;height:34px;border-radius:11px;background:var(--sk-amber);color:#181a1d;



  display:grid;place-items:center;flex-shrink:0;transform:translateY(10px);transition:transform .32s var(--sk-ease) .04s}



.sk-mkt-tax-visual .ov .go svg{width:17px;height:17px}



.sk-mkt-tax-visual .ov b{font-size:13px;font-weight:800;color:#fff;transform:translateY(10px);



  transition:transform .32s var(--sk-ease) .09s;text-shadow:0 2px 10px rgba(0,0,0,.35)}



.sk-mkt-tax-card:hover .sk-mkt-tax-visual .ov{opacity:1}



.sk-mkt-tax-card:hover .sk-mkt-tax-visual .ov .go,



.sk-mkt-tax-card:hover .sk-mkt-tax-visual .ov b{transform:translateY(0)}



.sk-mkt-tax-visual-fallback .txt{font-size:44px}



.sk-mkt-tax-visual-fallback svg{width:52px;height:52px}







/* stats strip replaces old counts/chips */



.sk-mkt-tax-counts,.sk-mkt-tax-chips{display:none}



.sk-mkt-tax-stats{display:flex;align-items:center;gap:14px;padding-top:2px}



.sk-mkt-tax-stats span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--sk-ink-soft)}



.sk-mkt-tax-stats span svg{width:16px;height:16px;color:var(--sk-amber-deep)}



.sk-mkt-tax-stats span b{font-size:15px;font-weight:900;color:var(--sk-ink);font-variant-numeric:tabular-nums}



.sk-mkt-tax-stats .dv{width:1px;height:16px;background:var(--sk-line-strong)}



.sk-mkt-tax-cta:hover{background:var(--sk-amber);border-color:var(--sk-amber);color:#181a1d}



.sk-mkt-tax-cta svg{transition:transform .2s var(--sk-ease)}



.sk-mkt-tax-cta:hover svg{transform:translateX(-3px)}







/* no-result state for live search */



.sk-mkt-tax-nores{margin-top:18px;text-align:center;padding:44px 20px;border:1px dashed var(--sk-line-strong);



  border-radius:18px;color:var(--sk-ink-soft)}



.sk-mkt-tax-nores svg{width:34px;height:34px;margin:0 auto 12px;color:var(--sk-ink-faint)}



.sk-mkt-tax-nores b{display:block;font-size:15px;font-weight:800;color:var(--sk-ink);margin-bottom:4px}



.sk-mkt-tax-nores span{font-size:13px;font-weight:500}







/* ---- responsive ---- */



@media(max-width:1080px){.sk-mkt-hero2{grid-template-columns:minmax(0,1fr) 300px;gap:30px}}



@media(max-width:900px){



  .sk-mkt-hero2{grid-template-columns:1fr;gap:22px;padding-bottom:30px}



  .sk-mkt-structure{max-width:560px}



  .sk-mkt-hsearch{max-width:none}



}



@media(max-width:520px){



  .sk-mkt-hsearch{height:52px;padding:0 14px}



  .sk-mkt-hsearch .cnt{display:none}



  .sk-mkt-intro--home h1{font-size:24px}



}



@media(prefers-reduced-motion:reduce){



  .sk-mkt-tax-visual .sheen{display:none}



  .sk-mkt-tax-visual img{transition:none}



  .sk-mkt-eyebrow2 i{animation:none}



}







/* ============================================================================



   2026-07 — CATEGORY PAGE & PRODUCT CARD REDESIGN v6



   (breathing room above footer · glass cover tags · card hover · chips2 rail ·



    node intro polish — same height)



   ============================================================================ */







/* content never touches the shared footer */



.sk-mkt-body #tk-main{padding-bottom:64px}







/* ---- product card: cover ---- */



.sk-mkt-cover{isolation:isolate}



.sk-mkt-cover .img img{transition:transform .55s var(--sk-ease),filter .55s var(--sk-ease)}



.sk-mkt-card:hover .sk-mkt-cover .img img{transform:scale(1.06);filter:saturate(1.1) brightness(1.03)}



.sk-mkt-cover .scrim{background:linear-gradient(to top,rgba(10,11,13,.38),transparent 38%)}



/* light sweep on hover */



.sk-mkt-cover::before{content:"";position:absolute;top:-8%;bottom:-8%;width:34%;inset-inline-start:-52%;z-index:3;



  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.32) 50%,transparent 100%);



  transform:skewX(-16deg);pointer-events:none;transition:inset-inline-start .05s}



.sk-mkt-card:hover .sk-mkt-cover::before{inset-inline-start:130%;transition:inset-inline-start .8s var(--sk-ease) .05s}







/* glass tags — smaller & lighter so the artwork stays visible */



.sk-mkt-cover .tags{top:8px;inset-inline-end:8px;gap:5px}



.sk-mkt-cover .tag{font-size:10px;font-weight:600;padding:3px 9px;letter-spacing:.1px;



  backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);



  border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 10px rgba(0,0,0,.14)}



.sk-mkt-cover .tag-exam{background:rgba(255,194,24,.78);color:#181a1d}



.sk-mkt-cover .tag-course{background:rgba(16,18,21,.5);color:#fff}



.sk-mkt-cover .tag-free{background:rgba(31,157,87,.72);color:#fff}



.sk-mkt-cover .fav{top:8px;inset-inline-start:8px;width:30px;height:30px;border-radius:10px;



  background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);



  border:1px solid rgba(255,255,255,.35)}



.sk-mkt-cover .fav svg{width:15px;height:15px}



.sk-mkt-cover .fav:hover{background:#fff;transform:scale(1.08)}







/* ---- product card: frame & body ---- */



.sk-mkt-card{border-radius:18px}



.sk-mkt-card:hover{transform:translateY(-4px);border-color:var(--sk-amber-line);box-shadow:0 24px 55px rgba(20,24,33,.12)}



.sk-mkt-card-body h3{font-size:15px;font-weight:800}



.sk-mkt-card-body h3 a{transition:color .2s var(--sk-ease)}



.sk-mkt-card:hover .sk-mkt-card-body h3 a{color:var(--sk-amber-deep)}







/* ---- chips2 → taxonomy rail (echoes the structure mini-map) ---- */



.sk-mkt-chips2{position:relative;gap:8px;margin-bottom:13px;padding-inline-start:9px}



.sk-mkt-chips2::before{content:"";position:absolute;inset-inline-start:9px;top:10px;bottom:10px;



  border-inline-start:2px dashed var(--sk-line-strong)}



.sk-mkt-chips2 .chip2-group{gap:7px}



.sk-mkt-chips2 .chip2-icon{position:relative;z-index:1;width:20px;height:20px;border-radius:7px;



  background:var(--sk-surface-2);border:1px solid var(--sk-line);color:var(--sk-ink-faint);



  margin-inline-start:-10px}



.sk-mkt-chips2 .chip2-icon svg{width:12px;height:12px}



.sk-mkt-chips2 .chip2-label{width:auto;font-size:10px;font-weight:700;color:var(--sk-ink-faint)}



.sk-mkt-chips2 .chip2-label::after{content:":"}



.sk-mkt-chips2 .chip2-list{gap:0 2px}



.sk-mkt-chips2 .chip2-list span{background:none;border-radius:0;padding:0;font-size:11px;font-weight:500;color:var(--sk-ink-soft)}



.sk-mkt-chips2 .chip2-list i{display:inline;font-style:normal;font-size:11px;color:var(--sk-ink-faint);margin-inline-end:2px}



.sk-mkt-chips2 .chip2-group.cat .chip2-icon{background:var(--sk-amber-soft);border-color:var(--sk-amber-line);color:var(--sk-amber-deep)}



.sk-mkt-chips2 .chip2-group.cat .chip2-list span{background:none;color:var(--sk-amber-deep);font-weight:700}







/* "همه مشخصات" → quiet text action (scoped above .sk-body button) */



.sk-mkt-card-body .sk-mkt-chips-more{display:inline-flex;align-items:center;gap:4px;margin:-6px 0 12px;padding:0;width:fit-content;



  background:none;border:none;border-radius:0;font-size:11px;font-weight:700;color:var(--sk-amber-deep);cursor:pointer;font-family:inherit}



.sk-mkt-card-body .sk-mkt-chips-more:hover{background:none;color:var(--sk-amber-press,#cf9a00)}



.sk-mkt-card-body .sk-mkt-chips-more svg{width:13px;height:13px;transition:transform .18s var(--sk-ease)}



.sk-mkt-card-body .sk-mkt-chips-more:hover svg{transform:translateX(-3px)}







/* level bars: a touch more presence */



.sk-mkt-level .bars i{width:16px;height:5px}







/* ---- node intro polish (same height) ---- */



.sk-mkt-intro-grid{align-items:center}



.sk-mkt-intro p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



.sk-mkt-search{padding:6px;border-width:1px;box-shadow:0 16px 40px rgba(20,24,33,.07);transition:.2s var(--sk-ease)}



.sk-mkt-search:focus-within{border-color:var(--sk-amber);box-shadow:0 16px 40px rgba(20,24,33,.07),0 0 0 4px var(--sk-amber-soft)}



.sk-mkt-search:focus-within .ic{color:var(--sk-amber-deep)}



.sk-mkt-search .sk-btn{border-radius:var(--sk-r-pill)}







@media(prefers-reduced-motion:reduce){



  .sk-mkt-cover::before{display:none}



  .sk-mkt-cover .img img{transition:none}



}







/* qbar on narrow screens: stacked, sort pills swipeable (fixes 390px overflow) */



@media(max-width:640px){



  .sk-mkt-qbar{flex-direction:column;align-items:stretch;gap:10px}



  .sk-mkt-qfilters{max-width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;



    scrollbar-width:none;-webkit-overflow-scrolling:touch}



  .sk-mkt-qfilters::-webkit-scrollbar{display:none}



  .sk-mkt-qbtn{flex-shrink:0}



  .sk-mkt-rtools{justify-content:space-between}



}







/* ============================================================================



   2026-07 — PRODUCT CARD "SELL" PASS v7



   Calm hierarchy: category eyebrow → title → one soft taxline → level →



   social proof → price/CTA. Replaces the chips2 rail (markup removed).



   ============================================================================ */







/* category eyebrow above the title */



.sk-mkt-card-body .sk-mkt-cat-eyebrow{



  display:inline-flex;



  align-items:center;



  gap:6px;



  width:fit-content;



  margin-bottom:7px;



  font-size:11px;



  font-weight:700;



  color: var(--sk-ink);



  letter-spacing:.1px;



  transition:.15s;



  font-weight: 500;



  }



.sk-mkt-card-body .sk-mkt-cat-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--sk-amber)}



.sk-mkt-card-body .sk-mkt-cat-eyebrow:hover{color:var(--sk-ink)}







.sk-mkt-card-body{padding:16px}



.sk-mkt-card-body h3{font-size:15.5px;margin-bottom:11px}







/* one calm line of feather-weight pills — icon tells the axis, no labels */



.sk-mkt-taxline{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}



.sk-mkt-taxline .t{display:inline-flex;align-items:center;gap:5px;max-width:100%;



  font-size:10.5px;font-weight:400;color:var(--sk-ink-soft);



  background:var(--sk-surface-2);border-radius:8px;padding:4px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.sk-mkt-taxline .t svg{width:11px;height:11px;color:var(--sk-ink-faint);flex-shrink:0}



.sk-mkt-taxline button.t{border:none;cursor:pointer;font-family:inherit}



.sk-mkt-card-body .sk-mkt-taxline .t-more{background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-weight:600;border:none;



  border-radius:8px;padding:4px 9px;font-size:10.5px;gap:4px}



.sk-mkt-card-body .sk-mkt-taxline .t-more svg{color:var(--sk-amber-deep);transition:transform .18s var(--sk-ease)}



.sk-mkt-card-body .sk-mkt-taxline .t-more:hover{background:var(--sk-amber);color:#181a1d}



.sk-mkt-card-body .sk-mkt-taxline .t-more:hover svg{color:#181a1d;transform:translateX(-2px)}







/* taxline inside the specs modal: roomier */



.sk-mkt-cmodal-body .sk-mkt-taxline{gap:8px;margin:0}



.sk-mkt-cmodal-body .sk-mkt-taxline .t{font-size:12.5px;padding:7px 12px;border-radius:10px}



.sk-mkt-cmodal-body .sk-mkt-taxline .t svg{width:14px;height:14px}



.sk-mkt-cmodal-body .sk-mkt-taxline .t-more{display:none}







/* tighter trust block: level + proof read as one unit */



.sk-mkt-level{margin-bottom:0;padding-bottom:12px}



.sk-mkt-level .name{font-size:11.5px}



.sk-mkt-meta{gap:14px}



.sk-mkt-meta .rate{font-size:13px}



.sk-mkt-meta .rate svg{width:15px;height:15px}







/* price & CTA sell the click */



.sk-mkt-price{font-size:19px;font-weight:900}



.sk-mkt-card:hover .sk-mkt-card-foot .sk-btn--primary{box-shadow:0 10px 22px rgba(255,194,24,.38);transform:translateY(-1px)}



.sk-mkt-card-foot .sk-btn--primary{transition:.2s var(--sk-ease)}







/* ---- specs modal: the real taxonomy tree (root category → branches) ---- */



.sk-mkt-specs-view .spec-root{display:flex;align-items:center;gap:10px;background:var(--sk-charcoal);color:#fff;



  border-radius:14px;padding:12px 14px}



.sk-mkt-specs-view .spec-root .ic{width:32px;height:32px;border-radius:10px;background:rgba(255,194,24,.18);



  display:grid;place-items:center;color:var(--sk-amber);flex-shrink:0}



.sk-mkt-specs-view .spec-root .ic svg{width:17px;height:17px}



.sk-mkt-specs-view .spec-root small{font-size:11px;font-weight:500;color:rgba(255,255,255,.55)}



.sk-mkt-specs-view .spec-root b{font-size:14.5px;font-weight:800;margin-inline-start:auto}



.sk-mkt-specs-view .spec-branches{position:relative;margin-top:12px;padding-inline-start:24px;



  display:flex;flex-direction:column;gap:14px}



.sk-mkt-specs-view .spec-branches::before{content:"";position:absolute;inset-inline-start:11px;top:-10px;bottom:14px;



  border-inline-start:2px dashed var(--sk-line-strong)}



.sk-mkt-specs-view .spec-group{position:relative}



.sk-mkt-specs-view .spec-group::before{content:"";position:absolute;inset-inline-start:-13px;top:13px;



  width:13px;border-top:2px dashed var(--sk-line-strong)}



.sk-mkt-specs-view .g-head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--sk-ink);margin-bottom:8px}



.sk-mkt-specs-view .g-head .ic{width:26px;height:26px;border-radius:9px;background:var(--sk-amber-soft);



  border:1px solid var(--sk-amber-line);display:grid;place-items:center;color:var(--sk-amber-deep);flex-shrink:0}



.sk-mkt-specs-view .g-head .ic svg{width:14px;height:14px}



.sk-mkt-specs-view .g-items{display:flex;flex-wrap:wrap;gap:7px}



.sk-mkt-specs-view .g-items span{font-size:12.5px;font-weight:500;color:var(--sk-ink-soft);



  background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:9px;padding:6px 12px}







/* ============================================================================



   2026-07 — PRODUCT DETAIL v9 · EDITORIAL LUXE



   White canvas · oversized type · hairlines · a single amber accent ·



   zero boxes, zero effects — craft over decoration. Scoped to .pd-v8.



   ============================================================================ */







/* ---------- page & grid ---------- */







.pd-v8 .dlayout{display:grid;grid-template-columns:minmax(0,1fr) 344px;grid-template-areas:"lead buy" "body buy";



  column-gap:64px;align-items:start;padding:0 0 88px}



.pd-v8 .lead-col{grid-area:lead;position:relative;padding:36px 0 8px;min-width:0}



.pd-v8 .body-col{grid-area:body;padding-top:8px;min-width:0}



.pd-v8 .buy{grid-area:buy;margin-top:56px;z-index:30}



.pd-v8 .pd-fx{display:none}



.pd-v8 .sec{scroll-margin-top:118px}







/* ---------- editorial head ---------- */



.pd-v8 .lead-col .skill-breadcrumbs{margin:0 0 26px;font-size:12px;letter-spacing:.2px}



.pd-v8 .badges{gap:0 10px;margin-bottom:16px;align-items:baseline}



.pd-v8 .bdg{background:none;border:none;box-shadow:none;padding:0;border-radius:0;



  font-size:12.5px;font-weight:600;letter-spacing:.4px;color:var(--sk-ink-faint)}



.pd-v8 .bdg+.bdg::before{content:"·";margin-inline-end:10px;color:var(--sk-line-strong)}



.pd-v8 .bdg-exam,.pd-v8 .bdg-course{color:var(--sk-amber-deep);font-weight:800}



.pd-v8 .bdg-free{color:var(--sk-ok);font-weight:600}



.pd-v8 .bdg-count{color:var(--sk-ink);font-weight:700}







.pd-v8 h1.title{font-size:clamp(25px,2.9vw,34px);font-weight:900;letter-spacing:-.5px;line-height:1.42;



  color:var(--sk-ink);margin-bottom:16px}







/* byline: designer · institute — plain, tiny avatars */



.pd-v8 .provider--rich,.pd-v8 .provider--stack{



  display:flex;



  flex-direction:row;



  align-items:center;



  gap:10px 26px;



  flex-wrap:wrap;



  padding: 12px 0 26px;



  }



.pd-v8 .provider-card,.pd-v8 .provider-line{display:flex;align-items:center;gap:9px;padding:0;



  border:none;background:none;box-shadow:none;color:inherit;text-decoration:none}



.pd-v8 .provider-card .av,.pd-v8 .provider-line .av{width:26px;height:26px;border-radius:50%;overflow:hidden;



  display:grid;place-items:center;background:var(--sk-charcoal);color:#fff;font-weight:800;font-size:10px;flex-shrink:0}



.pd-v8 .provider-card .av img,.pd-v8 .provider-line .av img{width:100%;height:100%;object-fit:cover}



.pd-v8 .provider-card--institute .av,.pd-v8 .provider-line .av{border-radius:8px}



.pd-v8 .provider-card--designer .av{border-radius:50%}



.pd-v8 .provider-card .nm,.pd-v8 .provider-line .nm{display:flex;align-items:baseline;gap:6px}



.pd-v8 .provider-label,.pd-v8 .provider-card .nm span,.pd-v8 .provider-line .nm span{font-size:12.5px;font-weight:500;color:var(--sk-ink-faint)}



.pd-v8 .provider-card .nm span,.pd-v8 .provider-line .nm span{display:none}



.pd-v8 .provider-card .nm b,.pd-v8 .provider-line .nm b,.pd-v8 .provider-line .nm b a{font-size:13.5px;font-weight:700;color:var(--sk-ink)}



.pd-v8 a.provider-card:hover .nm b,.pd-v8 .provider-line .nm b a:hover{color:var(--sk-amber-deep)}



.pd-v8 .provider-line .go{display:none}







/* meta: one airy hairline-separated row */



.pd-v8 .meta{gap:14px 0;padding:26px 0;border-block:1px solid var(--sk-line-2);border-bottom:1px solid var(--sk-line-2);font-weight:400}



.pd-v8 .meta .m{background:none;box-shadow:none;border-radius:0;padding:0 22px;gap:8px;font-size:13.5px;color:var(--sk-ink-faint)}



.pd-v8 .meta .m:first-child{padding-inline-start:0}



.pd-v8 .meta .m+.m{border-inline-start:1px solid var(--sk-line-2)}



.pd-v8 .meta .m svg{width:17px;height:17px;color:var(--sk-ink-faint)}



.pd-v8 .meta .m b{font-size:14.5px;font-weight:800;color:var(--sk-ink)}



.pd-v8 .meta .m.rate svg{color:var(--sk-amber)}







/* the single accent: measured skill with a bold amber underline */



.pd-v8 .measures{background:none;border:none;box-shadow:none;border-radius:0;width:fit-content;max-width:100%;



  padding:26px 0 2px;margin:0;gap:12px}



.pd-v8 .measures .lv{margin-inline-start:14px}



.pd-v8 .measures .ic{width:24px;height:24px;background:none;border-radius:0;box-shadow:none}



.pd-v8 .measures .ic svg{width:24px;height:24px}



.pd-v8 .measures .ic svg *{stroke:var(--sk-amber-deep)!important}



.pd-v8 .measures .tx{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}



.pd-v8 .measures .tx span{color:var(--sk-ink-faint);font-weight:500;font-size:14px;margin:0}



.pd-v8 .measures .tx b{color:var(--sk-ink);font-weight:900;font-size:21px;letter-spacing:-.3px;



  border-bottom:3px solid var(--sk-amber);padding-bottom:2px}



.pd-v8 .measures .lv .name{font-weight:700}



.pd-v8 .measures .bars i{background:var(--sk-surface-3)}



.pd-v8 .measures .bars.beg i:nth-child(-n+1),.pd-v8 .measures .bars.inter i:nth-child(-n+2),



.pd-v8 .measures .bars.adv i:nth-child(-n+3){background:var(--sk-amber)}



.pd-v8 .measures .bars.exp i{background:var(--sk-charcoal)}







.pd-v8 .lead{font-size:16px;line-height:2.15;color:var(--sk-ink-soft);max-width:62ch;margin:22px 0 20px}







/* skills/tools: text, not chips */



.pd-v8 .also{gap:6px 8px;margin-bottom:6px}



.pd-v8 .also .lbl{font-size:13.5px;font-weight:700;color:var(--sk-ink)}



.pd-v8 .also .lbl svg{width:15px;height:15px;/* color:var(--sk-amber-deep); */}



.pd-v8 .also .tag{background:none;border:none;box-shadow:none;padding:0;border-radius:0;



  font-size:13.5px;font-weight:500;color:var(--sk-ink-soft)}



.pd-v8 .also .tag:hover{color:var(--sk-amber-deep)}



.pd-v8 .also .tag+.tag::before{content:"،";margin-inline-end:6px;color:var(--sk-ink-faint)}







/* ---------- buy: one quiet luxurious card ---------- */



.pd-v8 .buy{position:sticky;top:84px}



.pd-v8 .buy-card{border:none;border-radius:24px;background:var(--sk-surface);



  box-shadow:0 2px 6px rgba(24,26,29,.04),0 44px 90px -24px rgba(24,26,29,.16)}



.pd-v8 .buy .cover{position:relative;aspect-ratio:16/9;overflow:hidden;



  border-radius:24px 24px 0 0}



.pd-v8 .buy .cover::after{content:"";position:absolute;inset:0;



  background:linear-gradient(to top,rgba(12,13,16,.28),transparent 42%)}



.pd-v8 .buy .cover .badge{top:12px;inset-inline-end:12px;font-size:11px;padding:5px 12px;



  background:rgba(12,13,16,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);



  border:1px solid rgba(255,255,255,.18)}



.pd-v8 .buy-body{padding:22px 24px 24px}



.pd-v8 .price-row{margin-bottom:6px}



.pd-v8 .price-row .p{font-size:30px;font-weight:900;letter-spacing:-.6px}



.pd-v8 .price-row .p small{font-weight:500}



.pd-v8 .price-row .u{font-size:13px;font-weight:500}



.pd-v8 .buy-note{font-size:12px;margin-bottom:20px}



.pd-v8 .buy .sk-btn--primary{height:54px;font-size:15.5px;font-weight:800;border-radius:999px;box-shadow:none;



  transition:.2s var(--sk-ease)}



.pd-v8 .buy .sk-btn--primary:hover{background:var(--sk-amber-deep);transform:none}



.pd-v8 .buy .sk-btn--ghost{height:48px;border-radius:999px;gap:8px;border-color:var(--sk-line-strong)}



.pd-v8 .facts{margin-top:16px;border-top:1px solid var(--sk-line-2);padding-top:8px}



.pd-v8 .fact{border-bottom:1px solid var(--sk-line-2);padding:13px 0;font-size:13.5px}



.pd-v8 .fact svg{color:var(--sk-ink-faint)}



.pd-v8 .fact .k{font-weight:400;color:var(--sk-ink-faint)}



.pd-v8 .fact .v{font-weight:700}



.pd-v8 .trust{background:none;border-radius:0;padding:0;margin-top:18px;gap:7px;font-size:12px}



.pd-v8 .trust svg{color:var(--sk-ok)}







/* ---------- section nav: refined underline tabs ---------- */



.pd-secnav{position:sticky;top:61px;z-index:40;margin-bottom:34px;background:var(--sk-surface);



  border-bottom:1px solid var(--sk-line-2)}



.pd-v8 .pd-secnav + .sec{margin-top:0;padding-top:0;border-top:none}



.pd-secnav-in{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;



  background:none;box-shadow:none;border-radius:0;padding:0;width:auto;max-width:none}



.pd-secnav-in::-webkit-scrollbar{display:none}



.pd-secnav-in a{position:relative;padding:15px 0;border-radius:0;font-size:14px;font-weight:500;



  color:var(--sk-ink-faint);white-space:nowrap;transition:color .18s;background:none;box-shadow:none}



.pd-secnav-in a:hover{color:var(--sk-ink);background:none}



.pd-secnav-in a.on{color:var(--sk-ink);font-weight:800;background:none;box-shadow:none}



.pd-secnav-in a::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2.5px;background:var(--sk-amber);



  transform:scaleX(0);transition:transform .22s var(--sk-ease)}



.pd-secnav-in a.on::after{transform:scaleX(1)}







/* ---------- sections: editorial rhythm ---------- */



.pd-v8 .sec{padding-top:52px;margin-top:52px;border-top:1px solid var(--sk-line-2)}



.pd-v8 .body-col .sec:first-child{margin-top:0;padding-top:0;border-top:none}



.pd-v8 .sec-h{margin-bottom:8px}



.pd-v8 .sec-h h2{font-size:24px;font-weight:900;letter-spacing:-.4px}



.pd-v8 .sec-h .acc{width:22px;height:3px;background:var(--sk-amber);border-radius:2px;align-self:center}



.pd-v8 .sec-sub{margin-bottom:26px;padding-inline-start:0;font-size:14px}



.pd-v8 .sk-mkt-dt-prose{font-size: 14px;line-height:2.15;color:var(--sk-ink-soft);max-width:66ch;font-weight: 400;}







/* syllabus: quiet gauges */



.pd-v8 .topics{border:none;border-radius:0;background:none}



.pd-v8 .topic{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--sk-line-2)}



.pd-v8 .topic:last-child{border-bottom:none}



.pd-v8 .topic .pn{width:auto;height:auto;border:none;background:none;box-shadow:none;border-radius:0;



  font-size:14px;font-weight:800;color:var(--sk-ink-faint);flex-shrink:0;min-width:22px;text-align:center}



.pd-v8 .topic .tx{flex:1;min-width:0}



.pd-v8 .topic .tx b{display:block;font-size:15.5px;font-weight:800;margin-bottom:3px}



.pd-v8 .topic .tx span{display:block;font-size:13px;font-weight:400;color:var(--sk-ink-faint);line-height:1.9}



.pd-v8 .topic .wt{display:flex;align-items:center;gap:14px;width:230px;flex-shrink:0}



.pd-v8 .topic .wt .bar{flex:1;height:5px;border-radius:999px;background:var(--sk-surface-3);overflow:hidden}



.pd-v8 .topic .wt .bar i{display:block;height:100%;border-radius:999px;background:var(--sk-amber)}



.pd-v8 .topic .wt .pct{min-width:40px;text-align:start;font-size:13.5px;font-weight:800;color:var(--sk-ink);



  background:none;border-radius:0;padding:0}







/* audience: dotted editorial list */



.pd-v8 .audience{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px 40px;margin-top:10px}



.pd-v8 .aud{border:none;border-radius:0;padding:2px 0;gap:12px;font-size:15px;font-weight:600;



  background:none;box-shadow:none}



.pd-v8 .aud svg{width:20px;height:20px;padding:0;border-radius:0;background:none;box-shadow:none;color:var(--sk-amber-deep);flex-shrink:0}



.pd-v8 .aud:hover{transform:none;box-shadow:none}







/* rules: definition rows */



.pd-v8 .rules{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin-top:6px}



.pd-v8 .rule{display:flex;align-items:center;gap:14px;border:none;border-radius:0;box-shadow:none;



  padding:16px 0;background:none;border-bottom:1px solid var(--sk-line-2)}



.pd-v8 .rule:hover{transform:none;box-shadow:none}



.pd-v8 .rule .ic{width:22px;height:22px;border-radius:0;background:none;color:var(--sk-ink-faint);flex-shrink:0}



.pd-v8 .rule .ic svg{width:20px;height:20px}



.pd-v8 .rule .tx{display:flex;align-items:baseline;gap:10px;flex:1;justify-content:space-between}



.pd-v8 .rule .tx b{font-size:15.5px;font-weight:800;order:2}



.pd-v8 .rule .tx span{font-size:13.5px;font-weight:400;color:var(--sk-ink-faint);order:1}







/* certificate: framed quote */



.pd-v8 .cert{background:none;border:none;border-inline-start:3px solid var(--sk-amber);border-radius:0;



  padding:4px 22px 4px 0;margin-top:10px;gap:16px}



.pd-v8 .cert::before{display:none}



.pd-v8 .cert .ic{width:44px;height:44px;border-radius:0;background:none;box-shadow:none}



.pd-v8 .cert .ic svg *{stroke:var(--sk-amber-deep)!important}



.pd-v8 .cert b{color:var(--sk-ink);font-size:16px;font-weight:800}



.pd-v8 .cert p{color:var(--sk-ink-faint)}







/* course path & related: quiet */



.pd-v8 .path{border:none;border-radius:0;background:none}



.pd-v8 .prow{padding:18px 0;border-bottom:1px solid var(--sk-line-2)}



.pd-v8 .pn{border-radius:50%}



.pd-v8 .card{border-radius:18px;border-color:var(--sk-line)}



.pd-v8 .card .cv{overflow:hidden}



.pd-v8 .card .cv img{transition:transform .45s var(--sk-ease)}



.pd-v8 .card:hover{border-color:var(--sk-line-strong);box-shadow:0 24px 50px -18px rgba(24,26,29,.14)}



.pd-v8 .card:hover .cv img{transform:scale(1.04)}







.pd-v8 .mobuy{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);



  background:color-mix(in srgb,var(--sk-surface) 90%,transparent);box-shadow:0 -8px 26px rgba(15,18,25,.07)}







/* ---------- responsive ---------- */



@media(max-width:1180px){.pd-v8 .dlayout{column-gap:44px}}



@media(max-width:960px){



  .pd-v8 .dlayout{grid-template-columns:1fr;grid-template-areas:"lead" "buy" "body";column-gap:0}



  .pd-v8 .lead-col{padding-top:26px}



  .pd-v8 .buy{margin-top:18px;position:static}



  .pd-v8 .rules{grid-template-columns:1fr;gap:0}



  .pd-v8 .sec{scroll-margin-top:112px}



}



@media(max-width:720px){



  .pd-v8 h1.title{font-size:28px}



  .pd-v8 .meta .m{padding:0 14px}



  .pd-v8 .topic{flex-wrap:wrap}



  .pd-v8 .topic .wt{width:100%;padding-inline-start:42px}



  .pd-secnav-in{gap:18px}



  .pd-v8 .measures .lv{display:none}



}







/* ============================================================================



   2026-07 — PD v9.1 · MOTION & INFOGRAPHIC PASS



   Counters, level ring, animated weight bars, icon chips everywhere,



   lighter type scale, tuned rhythm. (Homepage DNA on the product page.)



   ============================================================================ */







/* type scale: heavy → confident */



.pd-v8 h1.title{font-weight:800}



.pd-v8 .sec-h h2{font-weight:800;font-size:22px}



.pd-v8 .price-row .p{font-weight:800}



.pd-v8 .measures .tx b{font-weight:800}



.pd-v8 .meta .m b{font-weight:700}



.pd-v8 .fact .v{font-weight:700}



.pd-v8 .topic .tx b{font-weight:700}



.pd-v8 .rule .tx b{font-weight:800}



.pd-v8 .bdg-exam,.pd-v8 .bdg-course{font-weight:700}







/* meta → animated stat blocks */



.pd-v8 .meta{gap:10px 34px;padding:24px 0;border-block:none;border-bottom:1px solid var(--sk-line-2)}



.pd-v8 .meta .m{padding:0;border:none!important;flex-direction:row;align-items:center;gap:11px;font-size:11.5px;color:var(--sk-ink-faint)}



.pd-v8 .meta .m svg{width:36px;height:36px;padding:9px;border-radius:12px;background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.pd-v8 .meta .m b{font-size:19px;letter-spacing:-.3px;margin-inline-end:2px}



.pd-v8 .meta .m.rate svg{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}







/* level ring (scoped size + colors) */



.pd-v8 .measures{padding:28px 0 6px;gap:16px}



.pd-v8 .measures .tk-ring{width:64px;height:64px;flex-shrink:0;display: none;}



.pd-v8 .measures .tk-ring svg{width:64px;height:64px}



.pd-v8 .measures .tk-ring circle{fill:none;stroke-width:6;stroke-linecap:round}



.pd-v8 .measures .tk-ring .track{stroke:var(--sk-surface-3)}



.pd-v8 .measures .tk-ring .ring-fill{stroke:var(--sk-amber)}



.pd-v8 .measures .tk-ring .c b{font-size:15px;font-weight:800;color:var(--sk-ink)}



.pd-v8 .measures .tk-ring .c b::after{content:"٪";font-size:10px;font-weight:600;color:var(--sk-ink-faint);margin-inline-start:1px}



.pd-v8 .measures .lv .bars{display:none}



.pd-v8 .measures .lv .name{font-size:13px;font-weight:600;color:var(--sk-ink-faint);background:var(--sk-surface-2);



  padding:6px 12px;border-radius:999px}



.pd-v8 .measures .tx b{font-size:20px}







/* skills/tools rows with icon chips */



.pd-v8 .also{gap:8px 10px;margin-bottom:9px;align-items:center}



.pd-v8 .also .lbl{gap:8px}



.pd-v8 .also .lbl svg{width:26px;height:26px;padding:6px;border-radius:8px;/* background:var(--sk-amber-soft); *//* color:var(--sk-amber-deep); */}







/* syllabus: bars animate from zero */



.pd-v8 .topic .wt .bar i{width:0;transition:width .9s var(--sk-ease)}



.pd-v8 .topic .pn{background:var(--sk-amber-soft);color:var(--sk-amber-deep);width:30px;height:30px;



  border-radius:50%;min-width:0;font-size:13px;display:grid;place-items:center}







/* audience & rules: icon-chip tiles, soft & alive */



.pd-v8 .aud{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:11px 14px;



  font-size:13.5px;font-weight:600;gap:11px;transition:.2s var(--sk-ease)}



.pd-v8 .aud svg{width:34px;height:34px;padding:8px;border-radius:10px;background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.pd-v8 .aud:hover{transform:translateY(-2px);border-color:var(--sk-amber-line);box-shadow:0 12px 28px rgba(20,24,33,.07)}



.pd-v8 .rules{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}



.pd-v8 .rule{border:1px solid var(--sk-line);border-radius:15px;background:var(--sk-surface);padding:14px 16px;border-bottom:1px solid var(--sk-line)}



.pd-v8 .rule:hover{transform:translateY(-2px);border-color:var(--sk-amber-line);box-shadow:0 12px 28px rgba(20,24,33,.07)}



.pd-v8 .rule .ic{width:40px;height:40px;border-radius:12px;background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.pd-v8 .rule .ic svg{width:19px;height:19px}



.pd-v8 .rule .tx{display:block}



.pd-v8 .rule .tx b{display:block;font-size:15.5px;order:0}



.pd-v8 .rule .tx span{font-size:11.5px;order:0}







/* rhythm */



.pd-v8 .lead-col{padding:34px 0 10px}



.pd-v8 .sec{padding-top:28px;margin-top:56px;border-top:none}



.pd-v8 .sec-h{margin-bottom:6px}



.pd-v8 .lead{margin:20px 0 18px}







/* ---- v9.2 · designed text + lighter weights (everything but the title) ---- */



/* overline badges: icon + text, no boxes */



.pd-v8 .bdg{display:inline-flex;align-items:center;gap:6px;font-weight:500}



.pd-v8 .bdg svg{width:14px;height:14px;flex-shrink:0}



.pd-v8 .bdg-exam,.pd-v8 .bdg-course{font-weight:700}



.pd-v8 .bdg-free{font-weight:500}



.pd-v8 .bdg-count{font-weight:600}







/* skill/tool items: light designed chips */



.pd-v8 .also .tag{background:var(--sk-surface-2);border:none;box-shadow:none;padding:5px 12px;border-radius:9px;



  font-size:12.5px;font-weight:400;color:var(--sk-ink-soft);transition:.18s var(--sk-ease)}



.pd-v8 .also .tag+.tag::before{content:none;margin:0}



.pd-v8 .also .tag:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep);transform:translateY(-1px)}







/* secnav tabs with icons */



.pd-secnav-in a{display:inline-flex;align-items:center;gap:7px;font-weight:500}



.pd-secnav-in a svg{width:15px;height:15px;color:var(--sk-ink-faint);transition:color .18s}



.pd-secnav-in a.on{font-weight:700}



.pd-secnav-in a.on svg,.pd-secnav-in a:hover svg{color:var(--sk-amber-deep)}







/* weight pass: title stays 800, everything else steps down */



.pd-v8 .sec-h h2{font-weight:700}



.pd-v8 .price-row .p{font-weight:700}



.pd-v8 .measures .tx b{font-weight:700}



.pd-v8 .meta .m b{font-weight:700}



.pd-v8 .provider-card .nm b,.pd-v8 .provider-line .nm b,.pd-v8 .provider-line .nm b a{font-weight:600}



.pd-v8 .fact .v{font-weight:600}



.pd-v8 .topic .tx b{font-weight:600}



.pd-v8 .topic .wt .pct{font-weight:700}



.pd-v8 .rule .tx b{font-weight:700}



.pd-v8 .aud{font-weight:500}



.pd-v8 .measures .tk-ring .c b{font-weight:700}



.pd-v8 .measures .lv .name{font-weight:500}



.pd-v8 .buy .sk-btn--primary{font-weight:700}



.pd-v8 .cert b{font-weight:700}



.pd-v8 .sk-mkt-chips-more,.pd-v8 .pd-secnav-in a.on{font-weight:700}







/* gentle hover on stat blocks */



.pd-v8 .meta .m{transition:transform .2s var(--sk-ease)}



.pd-v8 .meta .m:hover{transform:translateY(-2px)}



.pd-v8 .meta .m:hover svg{background:var(--sk-amber);color:#181a1d}



.pd-v8 .meta .m svg{transition:.2s var(--sk-ease)}



.pd-v8 .provider-card .av,.pd-v8 .provider-line .av{font-weight:700}



.pd-v8 .topic .pn{font-weight:700}







/* ---- v9.3 · reference-language pass (orbit hero object, engage row,



        banded stat strip, pill+line overline, title swash, gradient CTA) ---- */







/* overline: first badge = soft pill with dot, then a thin runway line */



.pd-v8 .badges{align-items:center}



.pd-v8 .badges .bdg:first-child{background:var(--sk-amber-soft);color:var(--sk-amber-deep);



  padding:7px 14px;border-radius:999px;font-weight:700}



.pd-v8 .badges .bdg:first-child svg{width:13px;height:13px}



.pd-v8 .badges::after{content:"";flex:1;min-width:40px;height:1px;background:var(--sk-line-strong);opacity:.6;margin-inline-start:6px}







/* title swash (the marker stroke under the title start) */



.pd-v8 h1.title{position:relative;padding-bottom:14px}



.pd-v8 h1.title::after{content:"";position:absolute;inset-inline-start:2px;bottom:0;width:132px;height:6px;



  border-radius:999px;background:linear-gradient(90deg,var(--sk-amber),rgba(255,194,24,.25))}







/* engage row: rating + verified purchases */



.pd-v8 .pd-engage{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 0 22px}



.pd-v8 .eg{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 15px;font-size:12.5px}



.pd-v8 .eg-rate{background:var(--sk-surface);box-shadow:0 6px 18px rgba(20,24,33,.07);color:var(--sk-ink-faint)}



.pd-v8 .eg-rate i{color:var(--sk-amber);font-size:13px;letter-spacing:2px;font-style:normal}



.pd-v8 .eg-rate b{font-size:15px;font-weight:700;color:var(--sk-ink)}



.pd-v8 .eg-buys{background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-weight:500}



.pd-v8 .eg-buys svg{width:17px;height:17px}



.pd-v8 .eg-buys b{font-weight:700}







/* stat strip: banded four-up (big number / label) */



.pd-v8 .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;



  padding:0;border:1px solid var(--sk-line);border-radius:18px;background:var(--sk-surface);overflow:hidden}



.pd-v8 .meta .m{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;



  padding:18px 10px 15px;border-inline-start:1px solid var(--sk-line-2)}



.pd-v8 .meta .m:first-child{border-inline-start:none}



.pd-v8 .meta .m:hover{transform:none}



.pd-v8 .meta .m svg{width:34px;height:34px;padding:8px}



.pd-v8 .meta .m b{font-size:21px;margin:0}



.pd-v8 .meta .m.rate b{font-size:19px}







/* gradient CTA with icon */



.pd-v8 .buy .sk-btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;



  background:linear-gradient(105deg,var(--sk-amber),#f2a91c 85%);



  box-shadow:0 14px 30px rgba(255,178,24,.35)}



.pd-v8 .buy .sk-btn--primary:hover{background:linear-gradient(105deg,var(--sk-amber-deep),var(--sk-amber));transform:translateY(-1px)}







/* the hero object: orbit + floating seals around the buy card */



.pd-v8 .buy{position:sticky;top:84px}



.pd-v8 .buy::before{content:"";position:absolute;inset:-46px -52px auto auto;width:250px;height:250px;



  border:1.5px dashed var(--sk-amber-line);border-radius:50%;z-index:-1;



  -webkit-mask-image:linear-gradient(200deg,#000 45%,transparent 78%);mask-image:linear-gradient(200deg,#000 45%,transparent 78%)}



.pd-v8 .buy::after{content:"✓";position:absolute;top:-16px;inset-inline-start:-14px;width:44px;height:44px;



  border-radius:50%;background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep));color:#181a1d;



  font-size:19px;font-weight:700;display:grid;place-items:center;box-shadow:0 12px 26px rgba(255,178,24,.4);z-index:2}



.pd-v8 .buy-card::before{content:"★";position:absolute;bottom:118px;inset-inline-end:-15px;width:34px;height:34px;



  border-radius:50%;background:var(--sk-surface);color:var(--sk-amber-deep);font-size:15px;



  display:grid;place-items:center;box-shadow:0 8px 22px rgba(20,24,33,.14);z-index:2}



.pd-v8 .buy-card{position:relative;overflow:visible}



.pd-v8 .buy-card .cover{border-radius:24px 24px 0 0}



.pd-v8 .buy-card .buy-body{background:var(--sk-surface);border-radius:0 0 24px 24px}







/* description start bar */



.pd-v8 .lead{position:relative;padding-inline-start:16px;display: none;}



.pd-v8 .lead::before{content:"";position:absolute;inset-inline-start:0;top:7px;bottom:7px;width:3px;



  border-radius:3px;background:var(--sk-amber)}







@media(max-width:960px){



  .pd-v8 .buy::before,.pd-v8 .buy::after,.pd-v8 .buy-card::before{display:none}



  .pd-v8 .meta{grid-template-columns:1fr 1fr}



  .pd-v8 .meta .m:nth-child(odd){border-inline-start:none}



}



.pd-v8 .meta .m+.m{border-inline-start:1px solid var(--sk-line-2)!important}



@media(max-width:960px){.pd-v8 .meta .m:nth-child(odd){border-inline-start:none!important}}







/* ---- v9.4 · lighting, compact stats, clear ring, tidy price, perks, nav polish ---- */







/* ambient lighting: warm washes behind head and card */



.pd-v8{position:relative;isolation:isolate}



.pd-v8::before{content:"";position:absolute;inset:0 0 auto 0;height:620px;pointer-events:none;z-index:-1;



  background:radial-gradient(720px 340px at 88% -60px,rgba(255,194,24,.12),transparent 62%),



             radial-gradient(560px 320px at 6% 30px,rgba(255,170,40,.08),transparent 60%)}



[data-theme="dark"] .pd-v8::before{opacity:.5}







/* stat strip: compact horizontal cells (icon beside number/label) */



.pd-v8 .meta .m{flex-direction:row;align-items:center;justify-content:flex-start;text-align:start;



  gap:12px;padding:15px 18px}



.pd-v8 .meta .m>*{margin:0}



.pd-v8 .meta .m svg{width:38px;height:38px;padding:9px;border-radius:12px;flex-shrink:0}



.pd-v8 .meta .m b{font-size:18px;display:block;line-height:1.25}



.pd-v8 .meta .m{font-size:11.5px;line-height:1.6}







/* star float: sits on the cover/body seam, never mid-card */



.pd-v8 .buy-card::before{content:none}



.pd-v8 .buy-body{position:relative}



.pd-v8 .buy-body::before{content:"★";position:absolute;top:-17px;inset-inline-end:18px;width:34px;height:34px;



  border-radius:50%;background:var(--sk-surface);color:var(--sk-amber-deep);font-size:15px;



  display:grid;place-items:center;box-shadow:0 8px 22px rgba(20,24,33,.16);z-index:2}







/* ring: labelled difficulty + explicit level */



.pd-v8 .measures .tk-ring .c{gap:0}



.pd-v8 .measures .tk-ring .c b{font-size:13.5px}



.pd-v8 .measures .tk-ring .c span{font-size:8.5px;font-weight:500;color:var(--sk-ink-faint);margin-top:1px}



.pd-v8 .measures .lv .name::before{content:"سطح "}







/* tidy price + trust perks */



.pd-v8 .price-box{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:8px}



.pd-v8 .price-box .old{font-size:12.5px;font-weight:500;color:var(--sk-ink-faint);



  text-decoration:line-through;text-decoration-color:rgba(214,69,69,.6);text-decoration-thickness:1.5px}



.pd-v8 .price-box .now{display:flex;align-items:baseline;gap:7px}



.pd-v8 .price-box .now b{font-size:31px;font-weight: 950;letter-spacing:-.6px;}



.pd-v8 .price-box .now span{font-size:13px;font-weight:500;color:var(--sk-ink-faint)}



.pd-v8 .price-box .now.free b{color:var(--sk-ok)}



.pd-v8 .buy-note{margin-bottom:10px}



.pd-v8 .buy-perks{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;list-style:none;



  margin:0 0 18px;padding:12px 14px;background:var(--sk-surface-2);border-radius:13px}



.pd-v8 .buy-perks li{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:var(--sk-ink-soft)}



.pd-v8 .buy-perks li svg{width:14px;height:14px;color:var(--sk-ok);flex-shrink:0}







/* secnav: tidier icon rhythm */



.pd-secnav-in{gap:20px}



.pd-secnav-in a{padding:14px 2px;gap:6px;font-size:13.5px}



.pd-secnav-in a svg{width:14px;height:14px;opacity:.75}



.pd-secnav-in a.on svg,.pd-secnav-in a:hover svg{opacity:1}







/* ---- v9.5 · stable numbers, centered stat cells, crafted icon chips ---- */







/* counters reserve width → no micro reflow while counting */



.pd-v8 b[data-count]{display:inline-block;min-width:1.9ch;text-align:center;font-feature-settings:"tnum"}







.pd-v8 .meta .m:hover svg{background:none;color:var(--sk-amber-deep)}







/* crafted icon-chip recipe (skills/tools labels, rules, audience, seals) */



.pd-v8 .also .lbl svg,.pd-v8 .rule .ic,.pd-v8 .aud svg{



  /* background:linear-gradient(145deg,#fff 8%,var(--sk-amber-soft) 92%); */



  /* border:1px solid rgba(233,173,0,.3); */



  /* box-shadow:0 3px 10px rgba(255,194,24,.16); */



  }



[data-theme="dark"] .pd-v8 .also .lbl svg,[data-theme="dark"] .pd-v8 .rule .ic,[data-theme="dark"] .pd-v8 .aud svg{



  background:linear-gradient(145deg,var(--sk-surface-2),rgba(255,194,24,.14))}



.pd-v8 .also .lbl svg{width:28px;height:28px;padding:6.5px;border-radius:9px}



.pd-v8 .rule .ic{border-radius:13px}



.pd-v8 .rule .ic svg{width:18px;height:18px;stroke-width:1.8}



.pd-v8 .aud svg{border-radius:11px}



.pd-v8 .eg-buys svg{width:18px;height:18px}







/* ---- v9.5 · stat cells centered & breathable · richer icon chips everywhere ---- */



.pd-v8 .meta .m{justify-content:center;gap:13px;padding:17px 12px;min-height:78px}



.pd-v8 .meta .m svg{width:42px;height:42px;padding:10px;border-radius:13px}







/* the icon recipe: warm gradient chip + inner ring + thicker strokes */



.pd-v8 :is(.meta .m, .also .lbl) > svg,



.pd-v8 :is(.rule, .aud) .ic ~ *, /* noop guard */



.pd-v8 .rule .ic, .pd-v8 .aud > svg{}



.pd-v8 .meta .m svg,



.pd-v8 .rule .ic,



.pd-v8 .aud > svg,



.pd-v8 .also .lbl svg{



  /* background:linear-gradient(150deg,#fff5d6 0%,var(--sk-amber-soft) 70%); */



  /* box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85),0 5px 14px rgba(233,173,0,.16); */



  /* color:var(--sk-amber-deep); */



  }



[data-theme="dark"] .pd-v8 .meta .m svg,



[data-theme="dark"] .pd-v8 .rule .ic,



[data-theme="dark"] .pd-v8 .aud > svg,



[data-theme="dark"] .pd-v8 .also .lbl svg{



  background:linear-gradient(150deg,rgba(255,194,24,.22),rgba(255,194,24,.1));



  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.08),0 5px 14px rgba(0,0,0,.25);color:var(--sk-amber)}



.pd-v8 .meta .m svg [stroke],



.pd-v8 .rule .ic svg [stroke],



.pd-v8 .aud > svg [stroke],



.pd-v8 .also .lbl svg [stroke],



.pd-v8 .badges .bdg svg [stroke]{stroke-width:2.2}



.pd-v8 .rule .ic{border-radius:13px}



.pd-v8 .aud > svg{border-radius:11px}



/* stat strip: 4 roomy cells (rating lives in the engage pill above) */



.pd-v8 .meta .m.rate{display:none}



.pd-v8 .meta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}



.pd-v8 .meta .m{gap:12px;padding:16px 14px}



.pd-v8 .meta .m svg{width:40px;height:40px;padding:9px}







/* ============================================================================



   v9.6 · MOBILE PASS — content first, buy card as closing summary,



   sticky purchase bar across all mobile, tuned spacing rhythm.



   ============================================================================ */



@media(max-width:960px){



  /* reading order: head → body → buy summary; sticky bar carries the CTA */



  .pd-v8 .dlayout{grid-template-areas:"lead" "body" "buy";padding-bottom:96px}



  .pd-v8 .buy{margin-top:34px}



  .pd-v8 .buy .cover{aspect-ratio:16/8}



  .pd-v8 .mobuy{display:flex;position:sticky;bottom:0;z-index:50;gap:12px;align-items:center;padding:11px 14px;



    border-top:1px solid var(--sk-line)}



  .pd-v8 .mobuy .p{font-weight:800;font-size:17px}



  .pd-v8 .mobuy .sk-btn{flex:1;height:46px;border-radius:999px;font-weight:700}



}



@media(max-width:720px){



  .pd-v8 .lead-col{padding:20px 0 4px}



  .pd-v8 .lead-col .skill-breadcrumbs{margin:0 0 16px}



  .pd-v8 .badges{margin-bottom:14px;gap:6px}



  .pd-v8 h1.title{font-size:23px;line-height:1.5;margin-bottom:12px;padding-bottom:12px}



  .pd-v8 h1.title::after{width:96px;height:5px}



  .pd-v8 .provider--rich,.pd-v8 .provider--stack{padding:14px 0 4px;gap:8px 18px}



  .pd-v8 .pd-engage{padding:2px 0 16px;gap:8px}



  .pd-v8 .eg{padding:7px 12px;font-size:11.5px}



  .pd-v8 .meta{grid-template-columns:1fr 1fr;border-radius:16px}



  .pd-v8 .meta .m{gap:10px;padding:13px 10px;min-height:64px;font-size:11px}



  .pd-v8 .meta .m svg{width:36px;height:36px;padding:8px}



  .pd-v8 .meta .m b{font-size:16px}



  .pd-v8 .measures{padding:22px 0 0;gap:12px}



  .pd-v8 .measures .tk-ring,.pd-v8 .measures .tk-ring svg{width:56px;height:56px}



  .pd-v8 .measures .tx b{font-size:17px}



  .pd-v8 .lead{margin:16px 0 14px;padding-inline-start:13px;font-size:14.5px;line-height:2}



  .pd-v8 .also{gap:6px 8px}



  .pd-v8 .also .lbl svg{width:24px;height:24px;padding:5px}



  .pd-secnav{margin-bottom:20px}



  .pd-v8 .sec{margin-top:40px;padding-top:20px}



  .pd-v8 .sec-h h2{font-size:19px}



  .pd-v8 .buy-body{padding:18px 16px 18px}



  .pd-v8 .price-box .now b{font-size:27px}



  .pd-v8 .buy-perks li{font-size:11px}



}







/* ---- v9.7 · honest level display, clean discount, refined measures/also, alive effects ---- */







/* all-levels variant: icon chip instead of a percentage */



.pd-v8 .measures .msr-ic{



  width: 30px;



  height: 30px;



  border-radius:16px;



  flex-shrink:0;



  display:grid;



  place-items:center;



  /* background:linear-gradient(150deg,#fff5d6 0%,var(--sk-amber-soft) 70%); */



  /* box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85),0 5px 14px rgba(233,173,0,.16); */



  color: var(--tk-ink);



  display: none;



  }



.pd-v8 .measures .msr-ic svg{width:26px;height:26px}



.pd-v8 .measures .msr-ic svg [stroke]{stroke-width:2.2}







/* measures: label over skill, hairline divider before the level pill */



.pd-v8 .measures{gap:16px;padding:26px 0 4px}



.pd-v8 .measures .tx{display:flex;flex-direction:column;align-items:flex-start;gap:3px}



.pd-v8 .measures .tx span{font-size:12px}



.pd-v8 .measures .tx b{font-size:21px}



.pd-v8 .measures .lv{position:relative;padding-inline-start:18px;margin-inline-start:4px}



.pd-v8 .measures:hover .tx b{border-bottom-color:var(--sk-amber-deep)}



.pd-v8 .measures .tx b{transition:border-color .2s var(--sk-ease)}







/* skills/tools: dotted chips, calmer label */



.pd-v8 .also .lbl{font-weight:600}



.pd-v8 .also .tag{display:inline-flex;align-items:center;gap:7px}



.pd-v8 .also .tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sk-amber);flex-shrink:0}



.pd-v8 .also+.also{margin-top:2px}







/* discount: old price + computed %off chip on one tidy line */



.pd-v8 .price-box{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;row-gap:5px}



.pd-v8 .price-box .old{font-size:12.5px}



.pd-v8 .price-box .off{font-size:11px;font-weight:700;color:#c94f4f;background:rgba(214,69,69,.1);



  padding:4px 10px;border-radius:999px}



.pd-v8 .price-box .now{width:100%;justify-content:center}







/* effects: slow orbit, CTA shine, cover zoom, seal pop, swash draw-in */



@keyframes pd-orbit{to{transform:rotate(360deg)}}



.pd-v8 .buy::before{animation:pd-orbit 48s linear infinite}



.pd-v8 .buy .sk-btn--primary{position:relative;overflow:hidden}



.pd-v8 .buy .sk-btn--primary::after{content:"";position:absolute;top:-40%;bottom:-40%;width:34%;inset-inline-start:-60%;



  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg)}



.pd-v8 .buy .sk-btn--primary:hover::after{inset-inline-start:140%;transition:inset-inline-start .7s ease .05s}



.pd-v8 .buy .cover img{transition:transform .6s var(--sk-ease)}



.pd-v8 .buy-card:hover .cover img{transform:scale(1.05)}



.pd-v8 .buy::after{transition:transform .25s var(--sk-ease)}



.pd-v8 .buy:hover::after{transform:scale(1.1) rotate(10deg)}



@keyframes pd-swash{from{transform:scaleX(0)}to{transform:scaleX(1)}}



.pd-v8 h1.title::after{transform-origin:100% 50%;animation:pd-swash .8s .25s var(--sk-ease) both}



@media(prefers-reduced-motion:reduce){



  .pd-v8 .buy::before,.pd-v8 h1.title::after{animation:none}



  .pd-v8 .buy .sk-btn--primary::after{display:none}



}







/* ============================================================================



   v9.8 · MEASUREMENT PASSPORT — the whole zone recomposed:



   floating stat cards · one warm panel (skill + level spectrum + skills/tools)



   ============================================================================ */







/* engage pill: crafted */



.pd-v8 .eg-buys{background:var(--sk-surface);box-shadow:0 6px 18px rgba(20,24,33,.07);



  color:var(--sk-ink-soft);font-weight:500;padding:7px 15px 7px 8px;gap:9px}



.pd-v8 .eg-buys svg{width:26px;height:26px;padding:5px;border-radius:8px;



  background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.pd-v8 .eg-buys b{color:var(--sk-ink)}







/* stat strip → four floating cards */



.pd-v8 .meta{border:none;background:none;overflow:visible;border-radius:0;gap:12px}



.pd-v8 .meta .m{background:var(--sk-surface);border:none!important;border-radius:16px;



  box-shadow:0 8px 26px rgba(20,24,33,.07);padding:15px 12px;min-height:74px;



  transition:transform .2s var(--sk-ease),box-shadow .2s var(--sk-ease)}



.pd-v8 .meta .m:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(20,24,33,.1)}



.pd-v8 .meta .m:last-child b{font-size:14px;line-height:1.5}







/* the passport panel */



.pd-v8 .msr-panel{margin:24px 0 6px;padding:20px 22px 16px;border-radius:20px;



  background:linear-gradient(170deg,#fffdf4 0%,var(--sk-surface) 60%);



  border:1px solid rgba(233,173,0,.16);box-shadow:0 16px 46px rgba(233,173,0,.09);



  display:flex;flex-direction:column;gap:13px}



[data-theme="dark"] .pd-v8 .msr-panel{background:linear-gradient(170deg,rgba(255,194,24,.07),var(--sk-surface) 60%);



  border-color:rgba(255,194,24,.2);box-shadow:0 16px 46px rgba(0,0,0,.25)}



.pd-v8 .msr-panel .measures{padding:0 0 15px;margin:0;border-bottom:1px dashed rgba(233,173,0,.3)}



.pd-v8 .msr-panel .also{margin-bottom:0}



.pd-v8 .msr-panel .also .lbl svg{width: 30px;height: 30px;padding:5px;border-radius: 6px;}



.pd-v8 .msr-panel .also .tag{background:var(--sk-surface);box-shadow:0 4px 12px rgba(20,24,33,.06);}



[data-theme="dark"] .pd-v8 .msr-panel .also .tag{background:var(--sk-surface-2);box-shadow:none}







/* level display: name over a 4-segment bar; «همه سطوح» = spectrum */



.pd-v8 .measures .lv{display:flex;flex-direction:column;align-items:flex-start;gap:7px;



  padding-inline-start:18px;margin-inline-start:2px}



.pd-v8 .measures .lv .name{font-size:12.5px;font-weight:700;color:var(--sk-ink);



  background:none;padding:0;border-radius:0}



.pd-v8 .measures .lv .name::before{content:"سطح ";font-weight:500;color:var(--sk-ink-faint)}



.pd-v8 .measures .lv .bars{display:flex!important;gap:3px}



.pd-v8 .measures .lv .bars i{width:17px;height:6px;border-radius:999px;background:var(--sk-surface-3)}



.pd-v8 .measures .lv .bars.beg i:nth-child(-n+1),



.pd-v8 .measures .lv .bars.inter i:nth-child(-n+2),



.pd-v8 .measures .lv .bars.adv i:nth-child(-n+3){background:var(--sk-amber)}



.pd-v8 .measures .lv .bars.exp i{background:var(--sk-amber-deep)}



.pd-v8 .measures .lv .bars.all i:nth-child(1){background:var(--sk-beg)}



.pd-v8 .measures .lv .bars.all i:nth-child(2){background:var(--sk-inter)}



.pd-v8 .measures .lv .bars.all i:nth-child(3){background:var(--sk-adv)}



.pd-v8 .measures .lv .bars.all i:nth-child(4){background:var(--sk-amber-deep)}



.pd-v8 .measures .lv.all .name::before{content:"مناسب "}







@media(max-width:720px){



  .pd-v8 .msr-panel{padding:16px 15px 12px}



  .pd-v8 .measures .lv{padding-inline-start:14px}



}



/* spectrum: four distinct golden steps (light → deep) */



.pd-v8 .measures .lv .bars.all i:nth-child(1){background:#ffdf8f}



.pd-v8 .measures .lv .bars.all i:nth-child(2){background:var(--sk-amber)}



.pd-v8 .measures .lv .bars.all i:nth-child(3){background:#f0a400}



.pd-v8 .measures .lv .bars.all i:nth-child(4){background:#c97e00}







/* ---- v9.9 · one minimal engage line (rating + plain stats), encoding-proof symbols ---- */



/* symbols as escapes → immune to server charset issues */



.pd-v8 .buy::after{content:"\2713"}



.pd-v8 .buy-body::before{content:"\2605"}



.pd-v8 .bdg+.bdg::before{content:"\00B7"}







/* «خرید موفق» retired — participants already tell the story */



.pd-v8 .eg-buys{display:none!important}







/* meta joins the engage line: text-only, hairline-separated */



.pd-v8 .pd-engage{padding: 4px 0 14px;gap: 12px;align-items:center}



.pd-v8 .pd-engage .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0;padding:0;



  border:none;background:none;box-shadow:none;border-radius:0;overflow:visible}



.pd-v8 .pd-engage .meta .m{background:none!important;box-shadow:none!important;border:none!important;



  border-radius:0;padding:2px 18px;min-height:0;flex-direction:row;gap:7px;font-size:13px;



  color:var(--sk-ink-faint);transition:none}



.pd-v8 .pd-engage .meta .m:hover{transform:none;box-shadow:none!important}



.pd-v8 .pd-engage .meta .m svg{display:none}



.pd-v8 .pd-engage .meta .m b{font-size:14.5px;font-weight:700;color:var(--sk-ink);margin:0}



.pd-v8 .pd-engage .meta .m:last-child b{font-size:13.5px}



.pd-v8 .pd-engage .meta .m:first-child{padding-inline-start:0}



.pd-v8 .pd-engage .meta .m:last-child{padding-inline-end:0}



.pd-v8 .pd-engage .meta .m+.m{border-inline-start:1px solid var(--sk-line-strong)!important}



.pd-v8 .eg-rate{flex-shrink:0}



@media(max-width:720px){



  .pd-v8 .pd-engage{padding:2px 0 18px;gap:10px}



  .pd-v8 .pd-engage .meta .m{padding:2px 12px;font-size:12px}



  .pd-v8 .pd-engage .meta .m b{font-size:13.5px}



}



/* items flow beside the rating pill on one wrapping line */



.pd-v8 .pd-engage .meta{display:contents}



.pd-v8 .pd-engage .meta .m{padding:2px 16px}







/* ============================================================================



   v10 · TABBED SECTIONS — click shows the panel in place, no scrolling.



   Reviews always live below the tabs. Passport panel flattens inside its tab.



   ============================================================================ */



.pd-v8 .pd-tabpanel{display:none}



.pd-v8 .pd-tabpanel.act{display:block;margin-top:14px;padding-top:10px;border-top:none;



  animation:pd-tab-in .28s var(--sk-ease)}



@keyframes pd-tab-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}



@media(prefers-reduced-motion:reduce){.pd-v8 .pd-tabpanel.act{animation:none}}







/* the passport, flattened inside its tab: no chrome, just content */



.pd-v8 .sec .msr-panel{background:none;border:none;box-shadow:none;border-radius:0;



  padding:6px 0 0;margin:0;gap:14px}



[data-theme="dark"] .pd-v8 .sec .msr-panel{background:none;border:none;box-shadow:none}



.pd-v8 .sec .msr-panel .measures{padding-top:4px}







/* reviews keep their home below the tab area */



.pd-v8 #sec-reviews{margin-top:56px;padding-top:34px;border-top:1px solid var(--sk-line-2)}







/* engage stats: simple bare icons — no chip, no shadow, no border */



.pd-v8 .pd-engage .meta .m svg{



  display:inline-block;



  width: 20px;



  height: 20px;



  padding:0;



  border-radius:0;



  background:none!important;



  box-shadow:none!important;



  color: #363636;



  opacity:.9;



  flex-shrink:0



  }



.pd-v8 .pd-engage .meta .m svg [stroke]{stroke-width:2}







@media(max-width:720px){



  .pd-v8 .pd-tabpanel.act{margin-top:10px}



  .pd-v8 #sec-reviews{margin-top:44px;padding-top:26px}



}







/* ---- v10.1 · passport merged into the prose tab (flat), reviews/related below via scroll ---- */



/* panel flattened inside توضیحات/دربارهٔ دوره */



.pd-v8 .sec .msr-panel{background:none;border:none;box-shadow:none;border-radius:0;



  padding:22px 0 0;margin:22px 0 0;gap:14px;border-top:1px dashed var(--sk-line-strong)}



[data-theme="dark"] .pd-v8 .sec .msr-panel{background:none;border:none;box-shadow:none;border-top:1px dashed var(--sk-line-strong)}



.pd-v8 .sec .msr-panel .measures{padding-top:2px}



/* reviews & related always sit below the tab strip */



.pd-v8 #sec-reviews,.pd-v8 #sec-related{display:block;margin-top:56px;padding-top:34px;border-top:1px solid var(--sk-line-2)}



@media(max-width:720px){



  .pd-v8 .sec .msr-panel{padding-top:18px;margin-top:18px}



  .pd-v8 #sec-reviews,.pd-v8 #sec-related{margin-top:44px;padding-top:26px}



}







/* ---- user sync · measured skill name in brand green ---- */



.pd-v8 .measures .tx b{color:#22C55E}



[data-theme="dark"] .pd-v8 .measures .tx b{color:#4ade80}







/* ============================================================================



   v11 · DESIGNER / INSTITUTE PROFILE — redesigned to match the detail page.



   Clean card-based hero, no heavy dark banner, gradient icon chips, warm light.



   ============================================================================ */



.sk-mkt-pd--profile{position:relative;isolation:isolate}



.sk-mkt-pd--profile::before{content:"";position:absolute;inset:0 0 auto 0;height:520px;pointer-events:none;z-index:-1;



  background:radial-gradient(720px 320px at 88% -40px,rgba(255,194,24,.12),transparent 62%),



            radial-gradient(560px 300px at 6% 20px,rgba(255,170,40,.07),transparent 60%)}



[data-theme="dark"] .sk-mkt-pd--profile::before{opacity:.5}







/* HERO as one clean rounded card (banner becomes a soft cover strip, not full-bleed dark) */



.sk-mkt-pd--profile .prof-hero{margin:26px 0 30px}



.sk-mkt-pd--profile .prof-head{position:relative;display:grid;grid-template-columns:auto 1fr auto;



  align-items:center;gap:22px;padding:24px 26px;border-radius:22px;background:var(--sk-surface);



  border:none;box-shadow:0 18px 50px rgba(20,24,33,.08);overflow:hidden}



/* subtle amber cover wash inside the card instead of a giant photo */



.sk-mkt-pd--profile .prof-head::before{content:"";position:absolute;inset:0;z-index:0;



  background:linear-gradient(120deg,var(--sk-amber-soft),transparent 55%);opacity:.6}



.sk-mkt-pd--profile .prof-head>*{position:relative;z-index:1}



/* if a banner image exists, show it as a thin textured header band above the card */



.sk-mkt-pd--profile .prof-banner{position:relative;height:120px;border-radius:22px 22px 0 0;overflow:hidden;



  margin:0 0 -22px;box-shadow:none}



.sk-mkt-pd--profile .prof-banner img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}



.sk-mkt-pd--profile .prof-banner-scrim{position:absolute;inset:0;



  background:linear-gradient(180deg,rgba(15,18,25,.05),rgba(15,18,25,.35))}



.sk-mkt-pd--profile .prof-head.has-banner{border-radius:0 0 22px 22px;padding-top:30px}







.sk-mkt-pd--profile .prof-av{width:104px;height:104px;border-radius:26px;flex-shrink:0;display:grid;place-items:center;



  font-weight:800;font-size:34px;color:#fff;overflow:hidden;



  background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep));



  box-shadow:0 14px 34px rgba(233,173,0,.34)}



.sk-mkt-pd--profile .prof-head.has-banner .prof-av{border:4px solid var(--sk-surface)}



.sk-mkt-pd--profile .prof-av img{width:100%;height:100%;object-fit:cover}



.sk-mkt-pd--profile .prof-av svg{width:46px;height:46px}







.sk-mkt-pd--profile .prof-id{min-width:0}



.sk-mkt-pd--profile .prof-role{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;



  color:var(--sk-amber-deep);background:var(--sk-amber-soft);padding:5px 13px;border-radius:999px;margin-bottom:11px}



.sk-mkt-pd--profile .prof-role svg{width:14px;height:14px}



.sk-mkt-pd--profile .prof-id h1.title{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.5px;margin-bottom:8px}



.sk-mkt-pd--profile .prof-headline{font-size:14.5px;color:var(--sk-ink-soft);line-height:1.7;margin-bottom:14px;max-width:56ch}



.sk-mkt-pd--profile .prof-stats{display:flex;flex-wrap:wrap;gap:10px}



.sk-mkt-pd--profile .prof-stats .m{display:inline-flex;align-items:center;gap:9px;font-size:12px;



  color:var(--sk-ink-faint);background:var(--sk-surface);box-shadow:0 6px 18px rgba(20,24,33,.07);



  padding:8px 14px 8px 15px;border-radius:13px}



.sk-mkt-pd--profile .prof-stats .m svg{width:34px;height:34px;padding:8px;border-radius:10px;



  background:linear-gradient(150deg,#fff5d6,var(--sk-amber-soft));color:var(--sk-amber-deep);



  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}



.sk-mkt-pd--profile .prof-stats .m svg [stroke]{stroke-width:2.2}



.sk-mkt-pd--profile .prof-stats .m b{color:var(--sk-ink);font-weight:800;font-size:16px}



.sk-mkt-pd--profile .prof-stats .m.rate svg{color:var(--sk-amber-deep)}







.sk-mkt-pd--profile .prof-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}



.sk-mkt-pd--profile .prof-actions .sk-btn--ghost{border-radius:999px;border-color:var(--sk-line-strong)}



.sk-mkt-pd--profile .prof-social{display:flex;gap:8px}



.sk-mkt-pd--profile .prof-social a{width:40px;height:40px;border-radius:12px;border:none;



  background:var(--sk-surface);box-shadow:0 5px 14px rgba(20,24,33,.08);



  display:grid;place-items:center;color:var(--sk-ink-soft);transition:.18s var(--sk-ease)}



.sk-mkt-pd--profile .prof-social a:hover{color:var(--sk-amber-deep);transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,24,33,.12)}



.sk-mkt-pd--profile .prof-social a svg{width:18px;height:18px}







/* section headers to match detail page */



.sk-mkt-pd--profile .sec{padding-top:30px;margin-top:34px}



.sk-mkt-pd--profile .sec-h h2{font-size:21px;font-weight:800;letter-spacing:-.3px}



.sk-mkt-pd--profile .sk-mkt-dt-prose{font-size:15px;line-height:2.05;color:var(--sk-ink-soft);max-width:68ch}







/* feature cards: gradient check chip + text (kills the bare "۱ ۱ ۱") */



.sk-mkt-pd--profile .prof-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}



.sk-mkt-pd--profile .prof-feature-card{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border-radius:15px;



  background:var(--sk-surface);box-shadow:0 8px 24px rgba(20,24,33,.06);transition:.2s var(--sk-ease)}



.sk-mkt-pd--profile .prof-feature-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,24,33,.1)}



.sk-mkt-pd--profile .feat-ic{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;



  background:linear-gradient(150deg,#fff5d6,var(--sk-amber-soft));color:var(--sk-amber-deep);



  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}



.sk-mkt-pd--profile .feat-ic svg{width:19px;height:19px}



.sk-mkt-pd--profile .feat-ic svg [stroke]{stroke-width:2.4}



.sk-mkt-pd--profile .prof-feature-card b{display:block;font-size:14px;font-weight:700;color:var(--sk-ink);margin-bottom:3px}



.sk-mkt-pd--profile .prof-feature-card p{font-size:12.5px;color:var(--sk-ink-soft);line-height:1.7}







/* achievement / feature chips with gradient icon */



.sk-mkt-pd--profile .ach{border:none;border-radius:14px;background:var(--sk-surface);box-shadow:0 8px 24px rgba(20,24,33,.06);



  padding:14px 15px;transition:.2s var(--sk-ease)}



.sk-mkt-pd--profile .ach:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,24,33,.1)}



.sk-mkt-pd--profile .ach-ic{width:38px;height:38px;border-radius:11px;



  background:linear-gradient(150deg,#fff5d6,var(--sk-amber-soft));



  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}



.sk-mkt-pd--profile .ach-ic svg [stroke]{stroke:var(--sk-amber-deep)!important;stroke-width:2.2}



.sk-mkt-pd--profile .ach-ic b{color:var(--sk-amber-deep);font-weight:800}







/* two-col info & timeline polish */



.sk-mkt-pd--profile .prof-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}



.sk-mkt-pd--profile .prof-info-box{border:none;border-radius:15px;background:var(--sk-surface);



  box-shadow:0 8px 24px rgba(20,24,33,.06);padding:16px 18px}



.sk-mkt-pd--profile .prof-info-box b{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:var(--sk-ink)}



.sk-mkt-pd--profile .prof-info-box p{font-size:13px;color:var(--sk-ink-soft);line-height:1.85}



.sk-mkt-pd--profile .tl-dot{background:linear-gradient(135deg,var(--sk-amber),var(--sk-amber-deep));



  box-shadow:0 0 0 3px var(--sk-amber-soft)}







/* ASIDE card → warm passport-style panel */



.sk-mkt-pd--profile .prof-aside{position:sticky;top:80px}



.sk-mkt-pd--profile .prof-card{border:1px solid rgba(233,173,0,.16);border-radius:20px;



  background:linear-gradient(170deg,#fffdf4 0%,var(--sk-surface) 55%);



  box-shadow:0 16px 46px rgba(233,173,0,.09);padding:20px;gap:18px}



[data-theme="dark"] .sk-mkt-pd--profile .prof-card{background:linear-gradient(170deg,rgba(255,194,24,.07),var(--sk-surface) 55%);



  border-color:rgba(255,194,24,.2);box-shadow:0 16px 46px rgba(0,0,0,.25)}



.sk-mkt-pd--profile .pb+.pb{border-top:1px dashed rgba(233,173,0,.3)}



.sk-mkt-pd--profile .pb-h{font-size:11.5px;font-weight:800;color:var(--sk-amber-deep);letter-spacing:.3px}



.sk-mkt-pd--profile .pb-tag{border:none;background:var(--sk-surface);box-shadow:0 4px 12px rgba(20,24,33,.06);



  border-radius:10px;font-weight:600}



[data-theme="dark"] .sk-mkt-pd--profile .pb-tag{background:var(--sk-surface-2);box-shadow:none}



.sk-mkt-pd--profile .pb-tag--soft{background:var(--sk-amber-soft);color:var(--sk-amber-deep);box-shadow:none}



.sk-mkt-pd--profile .prof-doc-item{border:none;background:var(--sk-surface);box-shadow:0 6px 18px rgba(20,24,33,.06);



  border-radius:13px;padding:14px}



[data-theme="dark"] .sk-mkt-pd--profile .prof-doc-item{background:var(--sk-surface-2);box-shadow:none}



.sk-mkt-pd--profile .prof-doc-item b{font-size:14px;font-weight:800}



.sk-mkt-pd--profile .prof-doc-actions a{color:var(--sk-amber-deep);font-weight:700}







@media(max-width:860px){



  .sk-mkt-pd--profile .prof-head{grid-template-columns:1fr;text-align:center;justify-items:center;gap:16px;padding:22px 18px}



  .sk-mkt-pd--profile .prof-head::before{background:linear-gradient(180deg,var(--sk-amber-soft),transparent 45%)}



  .sk-mkt-pd--profile .prof-headline{margin-inline:auto}



  .sk-mkt-pd--profile .prof-stats{justify-content:center}



  .sk-mkt-pd--profile .prof-actions{align-items:center}



  .sk-mkt-pd--profile .prof-banner{height:100px;margin-bottom:-22px}



  .sk-mkt-pd--profile .prof-two-col{grid-template-columns:1fr}



}







/* ============================================================================



   v11.1 · PROFILE HERO — compact identity bar, sparse-data-proof.



   Banner killed for good; one tight row that never collapses into whitespace.



   ============================================================================ */



.sk-mkt-pd--profile .prof-banner{display:none!important}



.sk-mkt-pd--profile .prof-head,



.sk-mkt-pd--profile .prof-head.has-banner{



  display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;



  padding:18px 22px;border-radius:18px;margin:0}



.sk-mkt-pd--profile .prof-hero{margin:20px 0 28px}



.sk-mkt-pd--profile .prof-head::before{background:linear-gradient(115deg,var(--sk-amber-soft),transparent 45%);opacity:.55}







.sk-mkt-pd--profile .prof-av,



.sk-mkt-pd--profile .prof-head.has-banner .prof-av{



  width:80px;height:80px;border-radius:20px;border:none;font-size:26px;



  box-shadow:0 10px 26px rgba(233,173,0,.3)}



.sk-mkt-pd--profile .prof-av svg{width:36px;height:36px}







.sk-mkt-pd--profile .prof-id{flex:1;min-width:240px;padding:0}



.sk-mkt-pd--profile .prof-role{margin-bottom:8px;padding:4px 12px}



.sk-mkt-pd--profile .prof-id h1.title{font-size:clamp(21px,2.2vw,26px);margin-bottom:5px;padding-bottom:0}



.sk-mkt-pd--profile .prof-id h1.title::after{display:none}



.sk-mkt-pd--profile .prof-headline{font-size:13px;margin-bottom:10px;max-width:52ch}



.sk-mkt-pd--profile .prof-stats{gap:8px}



.sk-mkt-pd--profile .prof-stats .m{padding:6px 12px 6px 13px;border-radius:11px;font-size:11.5px}



.sk-mkt-pd--profile .prof-stats .m svg{width:28px;height:28px;padding:6px;border-radius:8px}



.sk-mkt-pd--profile .prof-stats .m b{font-size:14px}







/* actions: one inline row, hugging the end — never a stretched column */



.sk-mkt-pd--profile .prof-actions{flex-direction:row;align-items:center;gap:10px;



  margin-inline-start:auto;padding:0;align-self:center}



.sk-mkt-pd--profile .prof-social{gap:7px}



.sk-mkt-pd--profile .prof-social a{width:36px;height:36px;border-radius:11px}



.sk-mkt-pd--profile .prof-social a svg{width:16px;height:16px}







@media(max-width:860px){



  .sk-mkt-pd--profile .prof-head,



  .sk-mkt-pd--profile .prof-head.has-banner{flex-direction:column;text-align:center;gap:12px;padding:20px 16px}



  .sk-mkt-pd--profile .prof-id{min-width:0}



  .sk-mkt-pd--profile .prof-headline{margin-inline:auto}



  .sk-mkt-pd--profile .prof-actions{margin-inline-start:0;flex-wrap:wrap;justify-content:center}



}







/* ============================================================================



   v11.2 · PROFILE — FLAT. No ambient light, no shadows, no gradients.



   Depth only via 1px hairlines. Per explicit request.



   ============================================================================ */



/* kill the ambient wash */



.sk-mkt-pd--profile::before{content:none!important}







/* hero: flat card */



.sk-mkt-pd--profile .prof-head,



.sk-mkt-pd--profile .prof-head.has-banner{



  background:var(--sk-surface);border:1px solid var(--sk-line);box-shadow:none;padding:16px 20px}



.sk-mkt-pd--profile .prof-head::before{content:none!important}



.sk-mkt-pd--profile .prof-av{background:var(--sk-amber);box-shadow:none;color:#181a1d}



.sk-mkt-pd--profile .prof-stats .m{background:var(--sk-surface);border:1px solid var(--sk-line);box-shadow:none}



.sk-mkt-pd--profile .prof-stats .m svg{background:var(--sk-amber-soft);box-shadow:none}



.sk-mkt-pd--profile .prof-social a{border:1px solid var(--sk-line);box-shadow:none;background:var(--sk-surface)}



.sk-mkt-pd--profile .prof-social a:hover{transform:none;box-shadow:none;border-color:var(--sk-amber-line);color:var(--sk-amber-deep)}







/* body cards: flat */



.sk-mkt-pd--profile .prof-feature-card{border:1px solid var(--sk-line);box-shadow:none}



.sk-mkt-pd--profile .prof-feature-card:hover{transform:none;box-shadow:none;border-color:var(--sk-amber-line)}



.sk-mkt-pd--profile .feat-ic{background:var(--sk-amber-soft);box-shadow:none}



.sk-mkt-pd--profile .ach{border:1px solid var(--sk-line);box-shadow:none}



.sk-mkt-pd--profile .ach:hover{transform:none;box-shadow:none;border-color:var(--sk-amber-line)}



.sk-mkt-pd--profile .ach-ic{background:var(--sk-amber-soft);box-shadow:none}



.sk-mkt-pd--profile .prof-info-box{border:1px solid var(--sk-line);box-shadow:none}



.sk-mkt-pd--profile .tl-dot{background:var(--sk-amber);box-shadow:0 0 0 3px var(--sk-amber-soft)}







/* aside: flat panel */



.sk-mkt-pd--profile .prof-card{background:var(--sk-surface);border:1px solid var(--sk-line);box-shadow:none}



[data-theme="dark"] .sk-mkt-pd--profile .prof-card{background:var(--sk-surface);border:1px solid var(--sk-line);box-shadow:none}



.sk-mkt-pd--profile .pb+.pb{border-top:1px solid var(--sk-line)}



.sk-mkt-pd--profile .pb-tag{border:1px solid var(--sk-line);box-shadow:none;background:var(--sk-surface)}



[data-theme="dark"] .sk-mkt-pd--profile .pb-tag{background:var(--sk-surface-2)}



.sk-mkt-pd--profile .prof-doc-item{border:1px solid var(--sk-line);box-shadow:none;background:var(--sk-surface)}







/* ============================================================================



   v11.3 · PROFILE — premium-flat: SemiBold type scale, 18px headings,



   round avatar, proper flat buttons, satisfaction ring + counters (infographic).



   ============================================================================ */



/* type: 600 everywhere except the name */



.sk-mkt-pd--profile .sec-h h2{font-size:18px;font-weight:600;letter-spacing:-.2px}



.sk-mkt-pd--profile .prof-stats .m b{font-weight:600;font-size:15px}



.sk-mkt-pd--profile .prof-feature-card b{font-weight:600;font-size:13.5px}



.sk-mkt-pd--profile .prof-feature-card p{font-size:12px}



.sk-mkt-pd--profile .ach-tx b{font-weight:600;font-size:13.5px}



.sk-mkt-pd--profile .tl-body b{font-weight:600;font-size:14px}



.sk-mkt-pd--profile .prof-doc-item b{font-weight:600}



.sk-mkt-pd--profile .pb-h{font-weight:600}



.sk-mkt-pd--profile .pb-tag{font-weight:500}



.sk-mkt-pd--profile .prof-role{font-weight:600}



.sk-mkt-pd--profile .prof-info-box b{font-weight:600}



.sk-mkt-pd--profile .sk-mkt-dt-prose{font-size:14px;line-height:2.05}







/* round profile photo */



.sk-mkt-pd--profile .prof-av,



.sk-mkt-pd--profile .prof-head.has-banner .prof-av{border-radius:50%}







/* buttons: proper flat */



.sk-mkt-pd--profile .prof-actions .sk-btn--ghost{border-radius:11px;height:38px;font-weight:600;



  border:1px solid var(--sk-line-strong);background:var(--sk-surface)}



.sk-mkt-pd--profile .prof-actions .sk-btn--ghost:hover{border-color:var(--sk-amber);



  background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.sk-mkt-pd--profile .prof-doc-actions{display:flex;gap:8px;margin-top:10px}



.sk-mkt-pd--profile .prof-doc-actions a{display:inline-flex;align-items:center;padding:7px 14px;



  border-radius:9px;border:none;background:var(--sk-amber-soft);color:var(--sk-amber-deep);



  font-weight:600;font-size:12px;transition:.15s var(--sk-ease)}



.sk-mkt-pd--profile .prof-doc-actions a:hover{background:var(--sk-amber);color:#181a1d}







/* satisfaction ring: flat infographic */



.sk-mkt-pd--profile .m-ring{padding:6px 12px 6px 14px;gap:11px}



.sk-mkt-pd--profile .m-ring .tk-ring{position:relative;width:50px;height:50px;flex-shrink:0}



.sk-mkt-pd--profile .m-ring .tk-ring svg{width:50px;height:50px;display:block}



.sk-mkt-pd--profile .m-ring circle{fill:none;stroke-width:6;stroke-linecap:round}



.sk-mkt-pd--profile .m-ring .track{stroke:var(--sk-surface-3)}



.sk-mkt-pd--profile .m-ring .ring-fill{stroke:var(--sk-amber)}



.sk-mkt-pd--profile .m-ring .c{position:absolute;inset:0;display:flex;flex-direction:column;



  align-items:center;justify-content:center;line-height:1.1}



.sk-mkt-pd--profile .m-ring .c b{font-size:12px;font-weight:600;color:var(--sk-ink)}



.sk-mkt-pd--profile .m-ring .c b::after{content:"٪";font-size:8px;font-weight:500;color:var(--sk-ink-faint)}



.sk-mkt-pd--profile .m-ring .c span{font-size:7.5px;font-weight:500;color:var(--sk-ink-faint);margin-top:1px}



.sk-mkt-pd--profile .rlab{display:flex;flex-direction:column;line-height:1.55}



.sk-mkt-pd--profile .rlab b{font-size:13.5px;font-weight:600;color:var(--sk-ink)}



.sk-mkt-pd--profile .rlab small{font-size:10.5px;color:var(--sk-ink-faint)}







/* ============================================================================



   v11.4 · PROFILE — structural redesign (flat): split hero with vertical



   divider, sections as flat cards (mass, not floaty hairlines),



   breathing sec-h, neutral doc buttons.



   ============================================================================ */



/* hero: identity | divider | stats-board + actions */



.sk-mkt-pd--profile .prof-head,



.sk-mkt-pd--profile .prof-head.has-banner{



  display:flex;align-items:stretch;gap:0;padding:0;overflow:hidden}



.sk-mkt-pd--profile .prof-idwrap{flex:1;min-width:0;display:flex;align-items:center;gap:18px;



  padding:20px 22px}



.sk-mkt-pd--profile .prof-id{flex:1;min-width:0}



.sk-mkt-pd--profile .prof-headline{margin-bottom:0}



.sk-mkt-pd--profile .prof-side{display:flex;flex-direction:column;justify-content:center;gap:14px;



  padding:18px 22px;border-inline-start:1px solid var(--sk-line);background:var(--sk-surface-2);



  flex-shrink:0;min-width:300px}



[data-theme="dark"] .sk-mkt-pd--profile .prof-side{background:var(--sk-surface-2)}



.sk-mkt-pd--profile .prof-side .prof-stats{gap:8px;justify-content:flex-start}



.sk-mkt-pd--profile .prof-side .prof-actions{margin:0;justify-content:flex-start;gap:8px;flex-wrap:wrap}



.sk-mkt-pd--profile .prof-side .prof-social{gap:6px}



.sk-mkt-pd--profile .prof-side .prof-social a{width:32px;height:32px;border-radius:9px}



.sk-mkt-pd--profile .prof-side .prof-social a svg{width:14px;height:14px}



.sk-mkt-pd--profile .prof-side .sk-btn--ghost{height:34px;font-size:12px;padding-inline:13px}







/* sections → flat cards with mass */



.sk-mkt-pd--profile .prof-main .sec{border:1px solid var(--sk-line);border-radius:16px;



  background:var(--sk-surface);padding:18px 20px;margin-top:16px}



.sk-mkt-pd--profile .prof-main .sec:first-child{margin-top:0}



.sk-mkt-pd--profile .sec-h{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--sk-line)}



.sk-mkt-pd--profile .sk-mkt-dt-prose{max-width:none}



.sk-mkt-pd--profile .prof-feature-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}



.sk-mkt-pd--profile .prof-ach{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}



.sk-mkt-pd--profile .prof-layout{gap:22px}



.sk-mkt-pd--profile .prof-hero{margin:18px 0 22px}







/* doc buttons: neutral, not yellow */



.sk-mkt-pd--profile .prof-doc-actions a{background:var(--sk-surface);border:1px solid var(--sk-line-strong);



  color:var(--sk-ink-soft)}



.sk-mkt-pd--profile .prof-doc-actions a:hover{background:var(--sk-surface-2);border-color:var(--sk-ink-faint);



  color:var(--sk-ink)}







@media(max-width:860px){



  .sk-mkt-pd--profile .prof-head,



  .sk-mkt-pd--profile .prof-head.has-banner{flex-direction:column}



  .sk-mkt-pd--profile .prof-idwrap{flex-direction:column;text-align:center;padding:20px 16px 16px}



  .sk-mkt-pd--profile .prof-side{border-inline-start:none;border-top:1px solid var(--sk-line);



    min-width:0;align-items:center}



  .sk-mkt-pd--profile .prof-side .prof-stats,



  .sk-mkt-pd--profile .prof-side .prof-actions{justify-content:center}



}







/* ============================================================================



   v11.5 · PROFILE — de-nesting redesign: one card layer only.



   Inner boxes → clean checklist rows; side panel unboxed & sparse-proof;



   icon chips can never wrap text (svg-only).



   ============================================================================ */



/* side: no gray box — just the vertical hairline; survives empty data */



.sk-mkt-pd--profile .prof-side{background:none;min-width:270px;gap:16px}



[data-theme="dark"] .sk-mkt-pd--profile .prof-side{background:none}



.sk-mkt-pd--profile .prof-side .prof-stats{flex-wrap:wrap}







/* features → borderless checklist (no card-in-card) */



.sk-mkt-pd--profile .prof-feature-grid{grid-template-columns:1fr 1fr;gap:4px 30px}



.sk-mkt-pd--profile .prof-feature-card{border:none;border-radius:0;padding:10px 0;background:none;align-items:flex-start}



.sk-mkt-pd--profile .prof-feature-card:hover{border:none;background:none}



.sk-mkt-pd--profile .feat-ic{width:30px;height:30px;border-radius:9px;margin-top:2px}



.sk-mkt-pd--profile .feat-ic svg{width:15px;height:15px}



.sk-mkt-pd--profile .prof-feature-card b{font-size:13.5px;line-height:1.7}



.sk-mkt-pd--profile .prof-feature-card p{line-height:1.85}







/* specialised features (ach) → same checklist language; labels can never render */



.sk-mkt-pd--profile .prof-ach{grid-template-columns:1fr 1fr;gap:4px 30px}



.sk-mkt-pd--profile .ach{border:none;border-radius:0;padding:10px 0;background:none;align-items:flex-start}



.sk-mkt-pd--profile .ach:hover{border:none;background:none}



.sk-mkt-pd--profile .ach-ic{width:30px;height:30px;border-radius:9px;margin-top:2px;color:var(--sk-amber-deep)}



.sk-mkt-pd--profile .ach-ic svg{width:15px;height:15px}



.sk-mkt-pd--profile .ach-ic b{display:none}



.sk-mkt-pd--profile .ach-tx b{line-height:1.7}



.sk-mkt-pd--profile .ach-tx span{line-height:1.85}







/* services/methodology → two borderless columns with a vertical divider */



.sk-mkt-pd--profile .prof-two-col{gap:0 34px}



.sk-mkt-pd--profile .prof-info-box{border:none;border-radius:0;padding:2px 0;background:none}



.sk-mkt-pd--profile .prof-info-box+.prof-info-box{border-inline-start:1px solid var(--sk-line);padding-inline-start:34px}



.sk-mkt-pd--profile .prof-info-box b{color:var(--sk-amber-deep);font-size:12.5px;font-weight:600}



.sk-mkt-pd--profile .prof-info-box p{font-size:13.5px}







/* aside doc card: one soft layer, no border-in-border */



.sk-mkt-pd--profile .prof-doc-item{border:none;background:var(--sk-surface-2)}



[data-theme="dark"] .sk-mkt-pd--profile .prof-doc-item{background:var(--sk-surface-2)}







@media(max-width:860px){



  .sk-mkt-pd--profile .prof-feature-grid,.sk-mkt-pd--profile .prof-ach{grid-template-columns:1fr;gap:2px}



  .sk-mkt-pd--profile .prof-two-col{grid-template-columns:1fr;gap:16px}



  .sk-mkt-pd--profile .prof-info-box+.prof-info-box{border-inline-start:none;padding-inline-start:0;



    border-top:1px solid var(--sk-line);padding-top:16px}



  .sk-mkt-pd--profile .prof-side{background:none}



}







/* ============================================================================



   v12 · DESIGNER LANDING — one striking opening act, then story sections.



   Light theme, flat, amber. Scoped to .prof-land (single column, no sidebar).



   ============================================================================ */



/* ---- ACT 1 · full-stage hero ---- */



.prof-land .land-hero{min-height:min(74vh,620px);display:flex;flex-direction:column;align-items:center;



  justify-content:center;text-align:center;gap:14px;padding:34px 0 10px;position:relative}



.prof-land .land-av{position:relative;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;



  background:var(--sk-amber);color:#181a1d;overflow:visible;margin-bottom:4px}



.prof-land .land-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1}



.prof-land .land-av svg{width:52px;height:52px;position:relative;z-index:1}



.prof-land .land-av::before{content:"";position:absolute;inset:-26px;border:1.5px dashed var(--sk-amber-line);



  border-radius:50%;animation:pd-orbit 46s linear infinite}



.prof-land .land-av::after{content:"";position:absolute;top:-8px;inset-inline-end:-2px;width:11px;height:11px;



  border-radius:50%;background:var(--sk-amber)}



.prof-land .prof-role{margin:2px 0 0}



.prof-land .land-name{font-size:clamp(32px,4.6vw,50px);font-weight:800;letter-spacing:-1px;line-height:1.35;



  color:var(--sk-ink);margin:0}



.prof-land .land-headline{font-size:15px;color:var(--sk-ink-soft);line-height:1.9;max-width:58ch;margin:0}



.prof-land .land-actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap;justify-content:center}



.prof-land .prof-social{display:flex;gap:7px}



.prof-land .prof-social a{width:36px;height:36px;border-radius:11px;border:1px solid var(--sk-line);



  background:var(--sk-surface);display:grid;place-items:center;color:var(--sk-ink-soft);transition:.15s}



.prof-land .prof-social a:hover{border-color:var(--sk-amber-line);color:var(--sk-amber-deep)}



.prof-land .prof-social a svg{width:16px;height:16px}







/* the numbers band — like the reference footer strip, light version */



.prof-land .land-band{display:flex;flex-wrap:wrap;justify-content:center;margin-top:26px;



  border-block:1px solid var(--sk-line)}



.prof-land .land-band .cell{display:flex;flex-direction:column;align-items:center;gap:5px;



  padding:20px 44px;min-width:150px}



.prof-land .land-band .cell+.cell{border-inline-start:1px solid var(--sk-line)}



.prof-land .land-band b{font-size:30px;font-weight:700;letter-spacing:-.5px;color:var(--sk-ink);



  font-feature-settings:"tnum";line-height:1}



.prof-land .land-band span{font-size:12px;font-weight:500;color:var(--sk-ink-faint)}







.prof-land .land-scroll{margin-top:26px;width:38px;height:38px;border-radius:50%;border:1px solid var(--sk-line-strong);



  display:grid;place-items:center;color:var(--sk-ink-faint);animation:land-bounce 2.2s var(--sk-ease) infinite}



.prof-land .land-scroll svg{width:17px;height:17px}



.prof-land .land-scroll:hover{color:var(--sk-amber-deep);border-color:var(--sk-amber-line)}



@keyframes land-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}







/* ---- wave dividers (the golden thread) ---- */



.wavecut{position:relative;height:64px;margin:8px 0}



.wavecut svg{position:absolute;inset:0;width:100%;height:100%}



.wavecut svg path{stroke:var(--sk-amber-line);stroke-width:1.6;fill:none}



.wavecut i{position:absolute;top:50%;inset-inline-start:50%;transform:translate(50%,-50%);width:10px;height:10px;



  border-radius:50%;background:var(--sk-amber);box-shadow:0 0 0 7px var(--sk-amber-soft)}







/* ---- story sections ---- */



.prof-land .land-sec{padding:44px 0 40px}



.prof-land .land-sec-h{text-align:center;margin-bottom:28px}



.prof-land .land-eyebrow{display:inline-flex;font-size:12px;font-weight:600;color:var(--sk-amber-deep);



  background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);padding:5px 14px;border-radius:999px;margin-bottom:12px}



.prof-land .land-sec-h h2{font-size:clamp(21px,2.4vw,26px);font-weight:600;letter-spacing:-.3px;color:var(--sk-ink);margin:0}



.prof-land .land-prose{max-width:72ch;margin-inline:auto;text-align:center;font-size:14.5px}



.prof-land .land-history{margin-top:22px;padding-top:20px;border-top:1px dashed var(--sk-line-strong);text-align:start}



.prof-land .land-meta{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:20px}



.prof-land .land-meta span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--sk-ink-soft)}



.prof-land .land-meta svg{width:16px;height:16px;color:var(--sk-amber-deep)}



.prof-land .land-checklist{max-width:940px;margin-inline:auto}



.prof-land .land-narrow{max-width:760px;margin-inline:auto}



.prof-land .land-tags{justify-content:center;max-width:860px;margin-inline:auto}



.prof-land .land-note{font-size:13px;color:var(--sk-ink-soft);line-height:1.9;text-align:center;max-width:70ch;



  margin:16px auto 0}



.prof-land .land-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;



  max-width:940px;margin:20px auto 0}



.prof-land .sk-mkt-cards{margin-top:6px}







@media(prefers-reduced-motion:reduce){



  .prof-land .land-av::before{animation:none}



  .prof-land .land-scroll{animation:none}



}



@media(max-width:860px){



  .prof-land .land-hero{min-height:0;padding:26px 0 6px}



  .prof-land .land-name{font-size:30px}



  .prof-land .land-band{border-block:none;border-top:1px solid var(--sk-line);width:100%}



  .prof-land .land-band .cell{flex:1 1 45%;min-width:0;padding:16px 8px;border-top:1px solid var(--sk-line)}



  .prof-land .land-band .cell+.cell{border-inline-start:none}



  .prof-land .land-band .cell:nth-child(-n+2){border-top:none}



  .prof-land .land-band .cell:nth-child(even){border-inline-start:1px solid var(--sk-line)}



  .prof-land .land-band b{font-size:24px}



  .prof-land .land-sec{padding:34px 0 30px}



  .wavecut{height:48px}



}







/* ============================================================================



   v12.1 · LANDING polish — exam-themed hero texture w/ low light, heavier



   section titles, luxe gold eyebrows, doc visuals, condensed 4-up works grid.



   ============================================================================ */



/* ---- hero: answer-sheet texture + a low, warm light ---- */



.prof-land .land-hero::before{content:"";position:absolute;inset:-30px -60px 0;z-index:-1;pointer-events:none;



  background:



    radial-gradient(640px 300px at 50% 4%, var(--sk-amber-soft), transparent 72%),



    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Crect x='20' y='24' width='22' height='22' rx='6' fill='none' stroke='rgba(24,26,29,.055)' stroke-width='2'/%3E%3Cpath d='m25 35 5 5 9-11' fill='none' stroke='rgba(233,173,0,.16)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='118' cy='54' r='10' fill='none' stroke='rgba(24,26,29,.05)' stroke-width='2'/%3E%3Ccircle cx='118' cy='54' r='3.5' fill='rgba(233,173,0,.12)'/%3E%3Ccircle cx='58' cy='126' r='4' fill='rgba(24,26,29,.045)'/%3E%3Cpath d='M138 118h16M138 126h11' stroke='rgba(24,26,29,.05)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat;



  background-size:auto,170px 170px;



  -webkit-mask-image:linear-gradient(#000 55%,transparent 96%);mask-image:linear-gradient(#000 55%,transparent 96%)}



[data-theme="dark"] .prof-land .land-hero::before{opacity:.5}







/* section titles: heavier */



.prof-land .land-sec-h h2{font-weight:800}







/* eyebrow: luxe gold — solid amber, ink text */



.prof-land .land-eyebrow{background:var(--sk-amber);border:none;color:#181a1d;font-weight:700}







/* ---- doc cards: credential image, or a large gray certificate icon ---- */



.prof-land .land-docs .prof-doc-item{padding:12px 12px 14px}



.prof-land .doc-visual{position:relative;height:124px;border-radius:10px;overflow:hidden;



  background:var(--sk-surface);display:grid;place-items:center;margin-bottom:11px}



.prof-land .doc-visual img{width:100%;height:100%;object-fit:cover;display:block}



.prof-land .doc-visual svg{width:46px;height:46px;color:var(--sk-ink-faint)}



[data-theme="dark"] .prof-land .doc-visual{background:var(--sk-surface-3)}







/* ---- works: 4 per row, condensed cards ---- */



.prof-land .sk-mkt-cards{grid-template-columns:repeat(4,1fr);gap:14px}



.prof-land .sk-mkt-card-body{padding:13px}



.prof-land .sk-mkt-card-body h3{font-size:13.5px;margin-bottom:9px}



.prof-land .sk-mkt-taxline,.prof-land .sk-mkt-chips-more,.prof-land .sk-mkt-measures,



.prof-land .sk-mkt-chips2{display:none!important}



.prof-land .sk-mkt-level{padding-bottom:9px}



.prof-land .sk-mkt-meta{padding-top:9px;gap:10px;font-size:11.5px}



.prof-land .sk-mkt-meta .m svg{width:12px;height:12px}



.prof-land .sk-mkt-card-foot{margin-top:9px}



.prof-land .sk-mkt-price{font-size:16px}



.prof-land .sk-mkt-card-foot .sk-btn{height:34px;font-size:12px;padding-inline:12px}



@media(max-width:1180px){.prof-land .sk-mkt-cards{grid-template-columns:repeat(3,1fr)}}



@media(max-width:900px){.prof-land .sk-mkt-cards{grid-template-columns:repeat(2,1fr)}}



@media(max-width:560px){.prof-land .sk-mkt-cards{grid-template-columns:1fr}}



/* clip decorative bleed (hero texture) */



.sk-mkt-pd--profile.prof-land{overflow:clip}







/* ============================================================================



   v12.2 · LANDING refinements — texture starts at the very top (no white gap),



   visible socials, ink role pill, larger prose, big bare black check icons.



   ============================================================================ */



/* texture belongs to the SECTION now: begins right under the site header */



.prof-land .land-hero::before{content:none}



.sk-mkt-pd--profile.prof-land{position:relative}



.sk-mkt-pd--profile.prof-land::before{content:"";position:absolute;inset:0 0 auto;height:min(92vh,780px);



  z-index:0;pointer-events:none;



  background:



    radial-gradient(640px 300px at 50% 60px, var(--sk-amber-soft), transparent 72%),



    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Crect x='20' y='24' width='22' height='22' rx='6' fill='none' stroke='rgba(24,26,29,.055)' stroke-width='2'/%3E%3Cpath d='m25 35 5 5 9-11' fill='none' stroke='rgba(233,173,0,.16)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='118' cy='54' r='10' fill='none' stroke='rgba(24,26,29,.05)' stroke-width='2'/%3E%3Ccircle cx='118' cy='54' r='3.5' fill='rgba(233,173,0,.12)'/%3E%3Ccircle cx='58' cy='126' r='4' fill='rgba(24,26,29,.045)'/%3E%3Cpath d='M138 118h16M138 126h11' stroke='rgba(24,26,29,.05)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat;



  background-size:auto,170px 170px;



  -webkit-mask-image:linear-gradient(#000 58%,transparent 97%);mask-image:linear-gradient(#000 58%,transparent 97%)}



[data-theme="dark"] .sk-mkt-pd--profile.prof-land::before{opacity:.5}



.prof-land>.sk-mkt-wrap,.prof-land>.wavecut{position:relative;z-index:1}







/* socials: clearly visible, luxe hover */



.prof-land .prof-social a{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--sk-line-strong);



  color:var(--sk-ink)}



.prof-land .prof-social a svg{width:17px;height:17px}



.prof-land .prof-social a:hover{background:var(--sk-amber);border-color:var(--sk-amber);color:#181a1d}







/* «طراح آزمون» pill: ink text, not faint */



.prof-land .prof-role{color:var(--sk-ink);font-weight:700;border-color:var(--sk-amber-line)}



.prof-land .prof-role svg{color:var(--sk-amber-deep)}







/* درباره: larger, comfortable reading */



.prof-land .land-prose{font-size:16px;line-height:2.15}



.prof-land .land-headline{font-size:16px}



.prof-land .prof-feature-card b{font-size:14.5px}



.prof-land .prof-feature-card p{font-size:13px}



.prof-land .ach-tx b{font-size:14.5px}



.prof-land .ach-tx span{font-size:13px}



.prof-land .prof-info-box p{font-size:14.5px}



.prof-land .land-note{font-size:14px}







/* check icons: bigger, bare, black */



.prof-land .ach-ic,.prof-land .feat-ic{width:40px;height:40px;background:none;border:none;box-shadow:none;



  border-radius:0;margin-top:0;color:var(--sk-ink)}



.prof-land .ach-ic svg,.prof-land .feat-ic svg{width:26px;height:26px}



.prof-land .ach-ic svg [stroke],.prof-land .feat-ic svg [stroke]{stroke-width:2.2}



[data-theme="dark"] .prof-land .ach-ic,[data-theme="dark"] .prof-land .feat-ic{color:var(--sk-ink)}







/* ============================================================================



   v12.3 · HERO effects that actually show — layered texture (diagonal lines +



   exam pattern + warm light), orbit satellites, satisfaction-ring infographic.



   ============================================================================ */



/* texture v2: visible-but-gentle, three layers, painted under everything */



.sk-mkt-pd--profile.prof-land::before{z-index:-1;



  background:



    radial-gradient(660px 320px at 50% 56px, rgba(255,194,24,.16), transparent 70%),



    repeating-linear-gradient(135deg, rgba(21,23,26,.05) 0 1.5px, transparent 1.5px 18px),



    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Crect x='18' y='20' width='22' height='22' rx='6' fill='none' stroke='rgba(21,23,26,.10)' stroke-width='2'/%3E%3Cpath d='m23 31 5 5 9-11' fill='none' stroke='rgba(233,173,0,.26)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='106' cy='48' r='10' fill='none' stroke='rgba(21,23,26,.09)' stroke-width='2'/%3E%3Ccircle cx='106' cy='48' r='3.5' fill='rgba(233,173,0,.2)'/%3E%3Ccircle cx='50' cy='112' r='4' fill='rgba(21,23,26,.08)'/%3E%3Cpath d='M120 104h16M120 112h11' stroke='rgba(21,23,26,.09)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat;



  background-size:auto,auto,150px 150px;



  -webkit-mask-image:linear-gradient(#000 55%,transparent 96%);mask-image:linear-gradient(#000 55%,transparent 96%)}







/* orbit satellites: little icon moons riding the dashed ring */



.prof-land .land-av .sat{position:absolute;width:36px;height:36px;border-radius:50%;



  background:var(--sk-surface);border:1.5px solid var(--sk-amber-line);display:grid;place-items:center;



  color:var(--sk-ink);z-index:2}



.prof-land .land-av .sat svg{width:16px;height:16px}



.prof-land .land-av .sat1{top:-34px;inset-inline-start:-26px}



.prof-land .land-av .sat2{bottom:-30px;inset-inline-end:-32px}







/* satisfaction ring cell in the numbers band */



.prof-land .land-band .cell-ring{gap:9px}



.prof-land .cell-ring .tk-ring{position:relative;width:72px;height:72px}



.prof-land .cell-ring .tk-ring svg{width:72px;height:72px;display:block}



.prof-land .cell-ring circle{fill:none;stroke-width:6.5;stroke-linecap:round}



.prof-land .cell-ring .track{stroke:var(--sk-surface-3)}



.prof-land .cell-ring .ring-fill{stroke:var(--sk-amber)}



.prof-land .cell-ring .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;



  justify-content:center;line-height:1.05}



.prof-land .cell-ring .c b{font-size:16px;font-weight:700;color:var(--sk-ink)}



.prof-land .cell-ring .c b::after{content:"٪";font-size:9px;font-weight:500;color:var(--sk-ink-faint)}



.prof-land .cell-ring .c span{font-size:8px;font-weight:500;color:var(--sk-ink-faint);margin-top:2px}



@media(max-width:860px){



  .prof-land .land-av .sat1{top:-28px;inset-inline-start:-20px}



  .prof-land .land-av .sat2{bottom:-24px;inset-inline-end:-24px}



}







/* ============================================================================



   v12.4 · texture on a REAL element (site-proof) + band back to big numbers.



   Light, clearly visible, never fights the reading.



   ============================================================================ */



.sk-mkt-pd--profile.prof-land::before{content:none!important}



.prof-land .land-tex{position:absolute;inset:0 0 auto;height:min(92vh,780px);z-index:0;pointer-events:none;



  background:



    radial-gradient(680px 330px at 50% 56px, rgba(255,194,24,.15), transparent 70%),



    repeating-linear-gradient(135deg, rgba(21,23,26,.045) 0 1.5px, transparent 1.5px 20px),



    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Crect x='26' y='30' width='34' height='34' rx='9' fill='none' stroke='rgba(21,23,26,.10)' stroke-width='2.4'/%3E%3Cpath d='m34 47 8 8 14-17' fill='none' stroke='rgba(233,173,0,.30)' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='158' cy='70' r='15' fill='none' stroke='rgba(21,23,26,.09)' stroke-width='2.4'/%3E%3Ccircle cx='158' cy='70' r='5' fill='rgba(233,173,0,.22)'/%3E%3Ccircle cx='72' cy='168' r='6' fill='rgba(21,23,26,.08)'/%3E%3Cpath d='M170 152h26M170 164h17' stroke='rgba(21,23,26,.09)' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") repeat;



  background-size:auto,auto,220px 220px;



  -webkit-mask-image:linear-gradient(#000 55%,transparent 97%);mask-image:linear-gradient(#000 55%,transparent 97%)}



[data-theme="dark"] .prof-land .land-tex{opacity:.45}







/* ---- v12.5 · texture calmed: soft light, no diagonals, sparse quiet motifs ---- */



.prof-land .land-tex{



  background:



    radial-gradient(560px 260px at 50% 48px, rgba(255,194,24,.07), transparent 68%),



    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Crect x='30' y='36' width='30' height='30' rx='8' fill='none' stroke='rgba(21,23,26,.055)' stroke-width='2.2'/%3E%3Cpath d='m37 51 7 7 12-15' fill='none' stroke='rgba(233,173,0,.14)' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='186' cy='84' r='13' fill='none' stroke='rgba(21,23,26,.05)' stroke-width='2.2'/%3E%3Ccircle cx='88' cy='198' r='5' fill='rgba(21,23,26,.045)'/%3E%3Cpath d='M198 178h24M198 189h15' stroke='rgba(21,23,26,.05)' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") repeat;



  background-size:auto,260px 260px}







/* ---- v12.6 · texture reaches the header no matter what outer spacing exists ---- */



.sk-mkt-pd--profile.prof-land{overflow:visible}



.prof-land .land-tex{top:-160px;height:calc(min(92vh,780px) + 160px)}







/* ---- v12.7 · no texture. clean hero on plain canvas. ---- */



.prof-land .land-tex{display:none!important}







/* ============================================================================



   v12.8 · BREADCRUMBS standardized — one look everywhere.



   Typography & rhythm of the approved detail page, applied site-wide.



   ============================================================================ */



.skill-breadcrumbs{font-size:12px;letter-spacing:.2px;margin:22px 0 26px}



.sk-mkt-pd .skill-breadcrumbs{margin:22px 0 26px}



@media(max-width:720px){



  .skill-breadcrumbs,.sk-mkt-pd .skill-breadcrumbs{margin:16px 0 18px}



}







/* ---- v12.9 · bigger avatar, role pill breathes below the orbit, students cell fits ---- */



.prof-land .land-av{width:148px;height:148px}



.prof-land .land-av svg{width:58px;height:58px}



.prof-land .land-av::before{inset:-28px}



.prof-land .prof-role{margin-top:20px}



.prof-land .land-band .cell{padding:20px 34px;min-width:132px}







/* ============================================================================



   v13 · STORY SECTIONS DRESSED — shapes, ornaments, iconed cards, hover life.



   Flat language, single card layer, amber accents.



   ============================================================================ */



.sk-mkt-pd--profile.prof-land{overflow:clip}



.prof-land .land-sec{position:relative}



/* corner shapes: dashed ring + soft glow blob, alternating sides */



.prof-land .land-sec::before{content:"";position:absolute;top:4px;inset-inline-end:-80px;width:210px;height:210px;



  border:1.6px dashed var(--sk-amber-line);border-radius:50%;z-index:-1}



.prof-land .land-sec::after{content:"";position:absolute;bottom:12px;inset-inline-start:-70px;width:200px;height:200px;



  border-radius:50%;background:radial-gradient(closest-side,var(--sk-amber-soft),transparent 72%);z-index:-1}



.prof-land .land-sec:nth-of-type(even)::before{inset-inline-end:auto;inset-inline-start:-80px}



.prof-land .land-sec:nth-of-type(even)::after{inset-inline-start:auto;inset-inline-end:-70px}







/* golden underline ornament for section titles */



.prof-land .land-sec-h h2{position:relative;padding-bottom:16px}



.prof-land .land-sec-h h2::after{content:"";position:absolute;bottom:0;inset-inline-start:50%;



  transform:translateX(50%);width:52px;height:4px;border-radius:99px;background:var(--sk-amber)}







/* checklists → single-layer flat cards, framed black check, hover lift */



.prof-land .prof-feature-grid,.prof-land .prof-ach{gap:12px}



.prof-land .prof-feature-card,.prof-land .ach{background:var(--sk-surface);border:1px solid var(--sk-line);



  border-radius:14px;padding:15px 16px;transition:border-color .2s var(--sk-ease),transform .2s var(--sk-ease)}



.prof-land .prof-feature-card:hover,.prof-land .ach:hover{border-color:var(--sk-amber);transform:translateY(-3px);background:var(--sk-surface)}



.prof-land .feat-ic,.prof-land .ach-ic{width:40px;height:40px;border:1.6px solid var(--sk-line-strong);



  border-radius:12px;background:none;color:var(--sk-ink)}



.prof-land .feat-ic svg,.prof-land .ach-ic svg{width:20px;height:20px}







/* service columns → iconed flat cards */



.prof-land .prof-two-col{gap:14px}



.prof-land .prof-info-box,.prof-land .prof-info-box+.prof-info-box{background:var(--sk-surface);



  border:1px solid var(--sk-line);border-radius:14px;padding:18px 20px}



.prof-land .ib-ic{width:38px;height:38px;border:1.6px solid var(--sk-line-strong);border-radius:11px;



  display:grid;place-items:center;color:var(--sk-amber-deep);margin-bottom:11px}



.prof-land .ib-ic svg{width:19px;height:19px}







/* timeline: golden org pill */



.prof-land .tl-org{display:inline-block;background:var(--sk-amber-soft);color:var(--sk-amber-deep);



  padding:3px 11px;border-radius:99px;font-weight:600;font-size:12px;margin-top:5px}



/* tags: pill silhouette */



.prof-land .land-tags .pb-tag{border-radius:99px;padding:7px 15px}







@media(max-width:860px){



  .prof-land .land-sec::before,.prof-land .land-sec::after{width:130px;height:130px;



    inset-inline-end:-60px;inset-inline-start:auto}



  .prof-land .land-sec::after{inset-inline-start:-60px;inset-inline-end:auto}



}







/* ============================================================================



   v13.1 · INSTITUTE landing — same architecture, violet identity + contact rows.



   ============================================================================ */



.sk-mkt-pd--institute.prof-land{--in:#6b46c1;--in-soft:rgba(107,70,193,.1);--in-line:rgba(107,70,193,.38)}



.sk-mkt-pd--institute.prof-land .land-av{background:var(--in);color:#fff}



.sk-mkt-pd--institute.prof-land .land-av::before{border-color:var(--in-line)}



.sk-mkt-pd--institute.prof-land .land-av::after{background:var(--in)}



.sk-mkt-pd--institute.prof-land .land-av .sat{border-color:var(--in-line)}



.sk-mkt-pd--institute.prof-land .prof-role{background:var(--in-soft);border-color:var(--in-line)}



.sk-mkt-pd--institute.prof-land .prof-role svg{color:var(--in)}



.sk-mkt-pd--institute.prof-land .land-eyebrow{background:var(--in);color:#fff}



.sk-mkt-pd--institute.prof-land .land-sec-h h2::after{background:var(--in)}



.sk-mkt-pd--institute.prof-land .land-sec::before{border-color:var(--in-line)}



.sk-mkt-pd--institute.prof-land .land-sec::after{background:radial-gradient(closest-side,var(--in-soft),transparent 72%)}



.sk-mkt-pd--institute.prof-land .tl-org{background:var(--in-soft);color:var(--in)}



.sk-mkt-pd--institute.prof-land .ib-ic{color:var(--in)}



.sk-mkt-pd--institute.prof-land .prof-social a:hover{background:var(--in);border-color:var(--in);color:#fff}



.sk-mkt-pd--institute.prof-land .land-meta svg{color:var(--in)}







/* contact rows */



.prof-land .land-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;



  max-width:940px;margin-inline:auto}



.prof-land .lc{display:flex;gap:13px;align-items:flex-start;background:var(--sk-surface);



  border:1px solid var(--sk-line);border-radius:14px;padding:15px 16px}



.prof-land .lc-ic{width:40px;height:40px;flex-shrink:0;border:1.6px solid var(--sk-line-strong);border-radius:12px;



  display:grid;place-items:center;color:var(--sk-ink)}



.prof-land .lc-ic svg{width:19px;height:19px}



.prof-land .lc b{display:block;font-size:12px;font-weight:600;color:var(--sk-ink-faint);margin-bottom:4px}



.prof-land .lc p{font-size:13.5px;font-weight:500;color:var(--sk-ink);line-height:1.9}



.sk-mkt-pd--institute.prof-land .lc-ic{color:var(--in)}







/* ---- v13.2 · institute team grid ---- */



.prof-land .land-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;



  max-width:940px;margin-inline:auto}



.prof-land .tm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;



  background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:20px 14px 16px;



  transition:border-color .2s var(--sk-ease),transform .2s var(--sk-ease)}



.prof-land .tm:hover{transform:translateY(-3px)}



.sk-mkt-pd--institute.prof-land .tm:hover{border-color:var(--in)}



.prof-land .tm-av{width:74px;height:74px;border-radius:50%;overflow:hidden;display:grid;place-items:center;



  background:var(--sk-amber);color:#181a1d}



.sk-mkt-pd--institute.prof-land .tm-av{background:var(--in-soft);color:var(--in)}



.prof-land .tm-av img{width:100%;height:100%;object-fit:cover}



.prof-land .tm-av svg{width:30px;height:30px}



.prof-land .tm>b{font-size:14.5px;font-weight:600;color:var(--sk-ink)}



.prof-land .tm-role{font-size:11.5px;font-weight:500;color:var(--sk-ink-faint)}



.sk-mkt-pd--institute.prof-land .tm-role{color:var(--in)}



.prof-land .tm-rate{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--sk-ink-soft)}



.prof-land .tm-rate svg{width:14px;height:14px;color:var(--sk-amber-deep)}



.prof-land .tm-rate b{font-weight:600;color:var(--sk-ink)}



.prof-land .tm-rate small{font-size:10.5px;color:var(--sk-ink-faint)}







/* ============================================================================



   v13.3 · providers list — exam-style filter panel, 3-per-row grid, dark CTA fix.



   ============================================================================ */



/* 3 designers per row */



.sk-mkt-provgrid{grid-template-columns:repeat(3,1fr)}



@media(max-width:1100px){.sk-mkt-provgrid{grid-template-columns:repeat(2,1fr)}}



@media(max-width:560px){.sk-mkt-provgrid{grid-template-columns:1fr}}







/* provider CTA in dark theme: no light slab */



[data-theme="dark"] .provider-cta{background:linear-gradient(135deg,var(--sk-amber-soft),var(--sk-surface-2));



  border-color:var(--sk-amber-line);box-shadow:none}



[data-theme="dark"] .provider-cta b{color:var(--sk-ink)}



[data-theme="dark"] .provider-cta span{color:var(--sk-ink-soft)}







/* ---- v13.4 · dashed corner rings removed from story sections (glow blobs stay) ---- */



.prof-land .land-sec::before{content:none!important}







/* ============================================================================



   v14 · EXAM PAGE — trust row: rating + participants boxed side by side,



   remaining metas boxed on the row below; bigger round provider avatars;



   Black-weight title. User manual edits untouched.



   ============================================================================ */



/* title: heaviest Pinar face */



.pd-v8 h1.title{font-weight:900}







/* participants box: same silhouette as the rating box */



.pd-v8 .eg-part{background:var(--sk-surface);box-shadow:0 6px 18px rgba(20,24,33,.07);color:var(--sk-ink-faint)}



.pd-v8 .eg-part svg{width:20px;height:20px;color:#363636}



[data-theme="dark"] .pd-v8 .eg-part svg{color:var(--sk-ink-soft)}



.pd-v8 .eg-part b{font-size:15px;font-weight:700;color:var(--sk-ink)}



[data-theme="dark"] .pd-v8 .eg-rate,[data-theme="dark"] .pd-v8 .eg-part{background:var(--sk-surface-2);box-shadow:none}







/* metas drop to their own row, each in the same boxed design */



.pd-v8 .pd-engage{flex-wrap:wrap}



.pd-v8 .pd-engage .meta{flex-basis:100%;gap:10px;flex-wrap:wrap}



.pd-v8 .pd-engage .meta .m{background:var(--sk-surface);border-radius:999px;padding:8px 15px;



  box-shadow:0 6px 18px rgba(20,24,33,.07)}



[data-theme="dark"] .pd-v8 .pd-engage .meta .m{background:var(--sk-surface-2);box-shadow:none}



.pd-v8 .pd-engage .meta .m b{font-size:14px}







/* provider avatars: bigger + fully round (designer & institute) */



.pd-v8 .provider .av,



.pd-v8 .provider-card--institute .av,



.pd-v8 .provider-line .av{width:58px;height:58px;border-radius:50%}



.pd-v8 .provider .av img{width:100%;height:100%;border-radius:50%;object-fit:cover}



.pd-v8 .provider-card .nm b{font-size:15px}



/* v14.1 · metas boxed: outranks the earlier bare-meta !important rule (new explicit request) */



.pd-v8 .pd-engage .meta .m{background:var(--sk-surface)!important;box-shadow:0 6px 18px rgba(20,24,33,.07)!important}



[data-theme="dark"] .pd-v8 .pd-engage .meta .m{background:var(--sk-surface-2)!important;box-shadow:none!important}







/* ---- v14.2 · row 2 metas: simple & bare, hairline separators (per request) ---- */



.pd-v8 .pd-engage .meta .m{background:none!important;box-shadow:none!important;border-radius:0!important;



  padding:2px 18px!important}



.pd-v8 .pd-engage .meta .m:first-of-type{padding-inline-start:0!important}



.pd-v8 .pd-engage .meta .m+.m{border-inline-start:1px solid var(--sk-line)}



.pd-v8 .pd-engage .meta .m.rate{display:none!important}



[data-theme="dark"] .pd-v8 .pd-engage .meta .m{background:none!important}



.pd-v8 .pd-engage .meta .m+.m{border-inline-start:1px solid var(--sk-line)!important}



/* v14.3 · the real fix: legacy display:contents dissolved the meta box — restore it so row-2 works */



.pd-v8 .pd-engage .meta{display:flex!important;flex-basis:100%!important;flex-wrap:wrap;align-items:center;gap:6px 0}







/* ---- v14.4 · provider avatars a touch smaller ---- */



.pd-v8 .provider .av,



.pd-v8 .provider-card--institute .av,



.pd-v8 .provider-line .av{width:50px;height:50px}







/* ============================================================================



   v15 · FREE TEST — take & result, in the site's standard design language.



   Flat, Pinar type scale, amber accents, standard buttons & breadcrumbs.



   ============================================================================ */



.ft-page{padding-bottom:56px}



.ft-hero{max-width:820px;margin:6px auto 30px;text-align:center;display:flex;flex-direction:column;



  align-items:center;gap:12px}



.ft-eyebrow{display:inline-flex;font-size:12px;font-weight:700;color:#181a1d;background:var(--sk-amber);



  padding:5px 14px;border-radius:999px}



.ft-hero h1{font-size:clamp(24px,3vw,32px);font-weight:900;letter-spacing:-.5px;line-height:1.5;



  color:var(--sk-ink);margin:0}



.ft-lead{font-size:15px;line-height:2.05;color:var(--sk-ink-soft);margin:0;max-width:64ch}



.ft-count{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--sk-ink);



  border:1px solid var(--sk-line-strong);border-radius:999px;padding:8px 16px;background:var(--sk-surface)}



.ft-count svg{width:16px;height:16px;color:var(--sk-amber-deep)}







.ft-form{max-width:820px;margin-inline:auto;display:flex;flex-direction:column;gap:16px}



.ft-q{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:16px;padding:18px 20px}



.ft-q-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}



.ft-qnum{display:inline-flex;font-size:12px;font-weight:700;color:var(--sk-amber-deep);



  background:var(--sk-amber-soft);border:1px solid var(--sk-amber-line);padding:4px 12px;border-radius:999px}



.ft-qtype{font-size:11.5px;font-weight:600;color:var(--sk-ink-faint);border:1px solid var(--sk-line);



  padding:4px 11px;border-radius:999px;background:var(--sk-surface)}



.ft-q-body{font-size:15px;font-weight:600;line-height:2;color:var(--sk-ink);margin-bottom:14px}



.ft-q-body p{margin:0}







.ft-opts{display:flex;flex-direction:column;gap:9px}



.ft-opt{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--sk-line);



  border-radius:12px;background:var(--sk-surface);cursor:pointer;transition:border-color .16s var(--sk-ease),background .16s var(--sk-ease)}



.ft-opt:hover{border-color:var(--sk-amber-line)}



.ft-opt input{position:absolute;opacity:0;pointer-events:none}



.ft-opt .mark{width:20px;height:20px;flex-shrink:0;margin-top:3px;border:2px solid var(--sk-line-strong);



  border-radius:50%;display:grid;place-items:center;transition:.16s}



.ft-opt input[type="checkbox"]+.mark{border-radius:6px}



.ft-opt .mark::after{content:"";width:9px;height:9px;border-radius:50%;background:#181a1d;transform:scale(0);transition:.16s}



.ft-opt input[type="checkbox"]+.mark::after{border-radius:2.5px}



.ft-opt input:checked+.mark{background:var(--sk-amber);border-color:var(--sk-amber)}



.ft-opt input:checked+.mark::after{transform:scale(1)}



.ft-opt:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.ft-opt .tx{font-size:14px;font-weight:500;line-height:1.95;color:var(--sk-ink)}



.ft-opt .tx p{margin:0}







.ft-textarea{width:100%;border:1px solid var(--sk-line-strong);border-radius:12px;background:var(--sk-surface);



  padding:12px 14px;font-family:inherit;font-size:14px;line-height:2;color:var(--sk-ink);resize:vertical;min-height:130px}



.ft-textarea:focus{outline:none;border-color:var(--sk-amber)}







.ft-actions{display:flex;justify-content:center;margin-top:8px}



.ft-actions--split{justify-content:center;gap:12px;flex-wrap:wrap}



.ft-submit{height:48px;padding-inline:26px;font-size:14.5px;font-weight:700;gap:9px}







/* ---- result ---- */



.ft-hero--result{flex-direction:row;text-align:start;align-items:center;justify-content:space-between;



  gap:22px;max-width:960px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:18px;



  padding:22px 24px}



.ft-hero--result .ft-hero-tx{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}



.ft-score{flex-shrink:0;width:118px;height:118px;border-radius:50%;border:5px solid var(--sk-amber);



  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--sk-surface)}



.ft-score b{font-size:26px;font-weight:900;color:var(--sk-ink);font-feature-settings:"tnum"}



.ft-score span{font-size:10.5px;font-weight:600;color:var(--sk-ink-faint)}







.ft-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:960px;margin:0 auto 30px}



.ft-metric{background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:14px;padding:16px;



  display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}



.ft-metric span{font-size:12px;font-weight:600;color:var(--sk-ink-faint)}



.ft-metric b{font-size:24px;font-weight:800;color:var(--sk-ink);font-feature-settings:"tnum"}



.ft-metric small{font-size:11px;color:var(--sk-ink-faint)}







.ft-review{max-width:960px;margin-inline:auto}



.ft-review-head{text-align:center;margin:34px 0 18px;display:flex;flex-direction:column;align-items:center;gap:10px}



.ft-review-head h2{font-size:21px;font-weight:800;color:var(--sk-ink);margin:0}



.ft-rev{background:var(--sk-surface);border:1px solid var(--sk-line);border-inline-start:4px solid var(--sk-line-strong);



  border-radius:14px;padding:16px 18px;margin-bottom:12px}



.ft-rev.ok{border-inline-start-color:#22C55E}



.ft-rev.bad{border-inline-start-color:#ef4444}



.ft-tag{font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:999px}



.ft-tag.ok{background:rgba(34,197,94,.12);color:#15803d}



.ft-tag.bad{background:rgba(239,68,68,.1);color:#dc2626}



.ft-tag.neutral{background:var(--sk-surface-2);color:var(--sk-ink-soft)}



.ft-answer{margin-top:12px;padding:12px 14px;background:var(--sk-surface-2);border-radius:11px;font-size:13.5px;line-height:1.95}



.ft-answer>span{display:block;font-size:11px;font-weight:700;color:var(--sk-ink-faint);margin-bottom:6px}



.ft-explain{margin-top:10px;font-size:13.5px;line-height:2;color:var(--sk-ink-soft)}



.ft-explain b{color:var(--sk-amber-deep)}



[data-theme="dark"] .ft-rev.ok{border-inline-start-color:#4ade80}



[data-theme="dark"] .ft-tag.ok{color:#4ade80}







@media(max-width:760px){



  .ft-hero--result{flex-direction:column;text-align:center}



  .ft-hero--result .ft-hero-tx{align-items:center}



  .ft-metrics{grid-template-columns:1fr}



}







/* ============================================================================



   v16 · PUBLIC ROLE REQUESTS — designer/institute request + done, standard flat.



   ============================================================================ */



.rq-page{padding-bottom:64px}



.rq-hero{max-width:760px;margin:6px auto 26px;text-align:center;display:flex;flex-direction:column;



  align-items:center;gap:12px}



.rq-eyebrow{display:inline-flex;font-size:12px;font-weight:700;color:#181a1d;background:var(--sk-amber);



  padding:5px 14px;border-radius:999px}



.rq-hero h1{font-size:clamp(24px,3vw,32px);font-weight:900;letter-spacing:-.5px;line-height:1.5;



  color:var(--sk-ink);margin:0}



.rq-lead{font-size:14.5px;line-height:2.05;color:var(--sk-ink-soft);margin:0;max-width:62ch}







.rq-card{max-width:720px;margin-inline:auto;background:var(--sk-surface);border:1px solid var(--sk-line);



  border-radius:18px;padding:26px 26px 22px}



.rq-form .sk-field{margin-bottom:16px}



.rq-form .sk-field label{display:block;font-size:13px;font-weight:600;color:var(--sk-ink);margin-bottom:8px}



.rq-form .sk-field input,.rq-form .sk-field select,.rq-form .sk-field textarea{width:100%;box-sizing:border-box;



  border:1px solid var(--sk-line-strong);border-radius:12px;background:var(--sk-surface);



  padding:11px 14px;font-family:inherit;font-size:14px;line-height:1.9;color:var(--sk-ink)}



.rq-form .sk-field textarea{min-height:120px;resize:vertical}



.rq-form .sk-field input:focus,.rq-form .sk-field select:focus,.rq-form .sk-field textarea:focus{



  outline:none;border-color:var(--sk-amber)}



.rq-form .sk-field small{display:block;margin-top:7px;font-size:11.5px;line-height:1.9;color:var(--sk-ink-faint)}



.rq-submit{width:100%;height:48px;font-size:14.5px;font-weight:700;margin-top:6px}



.rq-note{margin:14px 0 0;text-align:center;font-size:11.5px;color:var(--sk-ink-faint)}







.rq-messages{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}



.rq-message{font-size:13px;font-weight:600;line-height:1.9;border-radius:12px;padding:11px 14px;



  background:var(--sk-surface-2);color:var(--sk-ink)}



.rq-message.success{background:rgba(34,197,94,.1);color:#15803d}



.rq-message.error{background:rgba(239,68,68,.09);color:#dc2626}



[data-theme="dark"] .rq-message.success{color:#4ade80}







.rq-done .rq-done-box{max-width:560px;margin:8vh auto 0;text-align:center;display:flex;flex-direction:column;



  align-items:center;gap:14px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:20px;



  padding:44px 30px 38px}



.rq-done-ic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;



  background:rgba(34,197,94,.12);color:#16a34a}



.rq-done-ic svg{width:38px;height:38px}



.rq-done h1{font-size:clamp(22px,2.6vw,28px);font-weight:900;color:var(--sk-ink);margin:0}



.rq-done-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}



[data-theme="dark"] .rq-done-ic{color:#4ade80}







@media(max-width:560px){.rq-card{padding:20px 16px 18px}}



.rq-form .sk-field input:focus,.rq-form .sk-field select:focus,.rq-form .sk-field textarea:focus{



  border-color:var(--sk-amber)!important;box-shadow:none!important}







/* 2026-07 — split marketplace filters: specialized first, global/general second */



.sk-mkt-fgroup.is-searching .sk-mkt-fcheck.sk-mkt-filter-extra:not(.hide){display:flex}



.sk-mkt-axis-split{gap:10px;margin-inline:-16px;padding-inline:0;max-height:192px;overflow-y:auto;overflow-x:hidden}



.sk-mkt-axis-section{display:flex;flex-direction:column;gap:7px;padding:0 0 4px}



.sk-mkt-axis-section.is-general{display:none}



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section.is-general,



.sk-mkt-fgroup.is-searching .sk-mkt-axis-section.is-general{display:flex}



.sk-mkt-axis-section-title{position:sticky;top:0;z-index:1;margin:0 16px 2px;padding:7px 10px;border:1px solid var(--sk-line);border-radius:10px;background:var(--sk-surface);color:var(--sk-ink-soft);font-size:11.5px;font-weight:900;letter-spacing:-.01em}



.sk-mkt-axis-section-list{display:flex;flex-direction:column;gap:0;min-height:0}



.sk-mkt-fgroup.is-expanded .sk-mkt-cbset.sk-mkt-axis-split{max-height:none;overflow:visible;gap:14px}



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list{max-height:400px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sk-line) transparent;border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface)}



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list::-webkit-scrollbar{width:6px}



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list::-webkit-scrollbar-track{background:transparent}



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list::-webkit-scrollbar-thumb{background:var(--sk-line);border:2px solid transparent;background-clip:content-box;border-radius:999px}



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list:hover::-webkit-scrollbar-thumb{background:var(--sk-line-strong);border:2px solid transparent;background-clip:content-box}



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list .sk-mkt-fcheck{margin-inline:0}



@media(max-width:760px){



  .sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list{max-height:320px}



  .sk-mkt-axis-section-title{font-size:11px}



}







/* Main category logo used only inside the public exam detail header cover. */



.sk-mkt-pd .buy .cover .cat-logo-cover{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(95% 85% at 75% 8%,rgba(255,194,24,.34),transparent 58%),linear-gradient(135deg,#202329,#111317);overflow:hidden}



.sk-mkt-pd .buy .cover .cat-logo-cover::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035);backdrop-filter:blur(4px)}



.sk-mkt-pd .buy .cover .cat-logo-cover img{position:relative!important;inset:auto!important;width:min(58%,190px)!important;height:auto!important;max-height:64%!important;object-fit:contain!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.32));z-index:1}



@media(max-width:640px){.sk-mkt-pd .buy .cover .cat-logo-cover img{width:min(48%,170px)!important;max-height:58%!important}}







/* ============================================================================



   v17 · DETAIL TAG WEIGHTS + CRUMB STANDARD — general skills/tools get a



   lighter chip than specialized ones; last breadcrumb item is always heavy.



   ============================================================================ */



.sk-mkt-pd .also--lite .tag{background:transparent;border:1px solid transparent;



  color:var(--sk-ink-soft);font-weight:500;font-size:12px;padding:5px 10px}



.sk-mkt-pd .also--lite .tag:hover{border-color:var(--sk-line-strong);color:var(--sk-ink)}



.sk-mkt-pd .also--lite .lbl{color:var(--sk-ink-faint)}



.sk-mkt-pd .also:not(.also--lite) .tag{font-weight:600}







/* breadcrumbs: the last node is the current page — heavy, ink, everywhere */



.skill-breadcrumbs > a:last-child{color:var(--sk-ink);font-weight:700}



.skill-breadcrumbs > a:last-child:hover{color:var(--sk-amber-deep)}



.skill-breadcrumbs .cur{color:var(--sk-ink);font-weight:700}



.sk-mkt-crumb .cur{font-weight:700}







/* v17.1 — general tags: pure text with dot separators; crumbs unified with list */



.sk-mkt-pd .also--lite .tag{background:transparent!important;border:0!important;padding:0!important;



  border-radius:0;font-size:12.5px;font-weight:500;color:var(--sk-ink-soft);box-shadow:none!important}



.sk-mkt-pd .also--lite .tag:hover{color:var(--sk-ink)}



.sk-mkt-pd .also--lite .tag:not(:last-child)::after{content:"·";margin-inline-start:9px;



  color:var(--sk-ink-faint);font-weight:400}







.skill-breadcrumbs{font-size:13px}



.skill-breadcrumbs a{font-weight:600;color:var(--sk-ink-faint)}



.skill-breadcrumbs a:hover{color:var(--sk-amber-deep)}



.sk-mkt-pd .skill-breadcrumbs{margin:18px 0 2px}



.pd-v8 .lead-col .skill-breadcrumbs{font-size:13px;letter-spacing:0;margin:18px 0 26px}



.sk-mkt-pd .also--lite .tag+.tag::before{content:none}







/* ============================================================================



   v18 · DOMAIN PROFILE GRID — jobs/skills/tools rows become an aligned



   definition grid: fixed label column with icon tile, content column that



   stays aligned across wraps, hairline row separators. CSS-only.



   ============================================================================ */



.pd-v8 .msr-panel .also{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;



  gap:8px;margin:0;padding:13px 0 3px;padding-inline-start:196px;min-height:46px;



  border-top:1px solid var(--sk-line)}



.pd-v8 .msr-panel .also .lbl{position:absolute;inset-inline-start:0;top:15px;margin:0;



  display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--sk-ink)}



.pd-v8 .msr-panel .also .lbl svg{width:32px;height:32px;padding:8px;box-sizing:border-box;



  background:var(--sk-amber-soft);color:var(--sk-amber-deep);border-radius:10px}







/* specialized chips: flat, bordered, calm */



.pd-v8 .msr-panel .also:not(.also--lite) .tag{background:var(--sk-surface);



  border:1px solid var(--sk-line);box-shadow:none;border-radius:10px;



  padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--sk-ink);transition:border-color .15s,color .15s}



.pd-v8 .msr-panel .also:not(.also--lite) .tag:hover{border-color:var(--sk-amber);color:var(--sk-ink)}



[data-theme="dark"] .pd-v8 .msr-panel .also:not(.also--lite) .tag{background:var(--sk-surface-2)}







/* general rows: muted label tile, plain-text tokens sit on the same column */



.pd-v8 .msr-panel .also--lite{padding-top:11px;min-height:40px}



.pd-v8 .msr-panel .also--lite .lbl{color:var(--sk-ink-soft);top:13px}



.pd-v8 .msr-panel .also--lite .lbl svg{background:var(--sk-surface-2);color:var(--sk-ink-faint)}



.pd-v8 .msr-panel .also--lite .tag{line-height:1.9;align-self:center}







@media (max-width:700px){



  .pd-v8 .msr-panel .also{padding-inline-start:0;padding-top:52px}



  .pd-v8 .msr-panel .also .lbl{top:13px}



}







/* v18.1 — polish pass: flush lead-col, locked start-alignment, airier rows,



   group divider, bigger primary buttons */



.pd-v8 .lead-col{padding-top:0}



@media (max-width:1100px){.pd-v8 .lead-col{padding-top:0}}







.pd-v8 .msr-panel .also{justify-content:flex-start;padding:15px 0 5px;padding-inline-start:200px;min-height:50px}



.pd-v8 .msr-panel .also .lbl{font-size:13.5px;top:17px}



.pd-v8 .msr-panel .also .lbl svg{width:34px;height:34px;padding:8px;border-radius:11px}



.pd-v8 .msr-panel .also:not(.also--lite) .tag{font-size:13px;padding:7px 14px}



.pd-v8 .msr-panel .also--lite{padding-top:13px;min-height:44px}



.pd-v8 .msr-panel .also--lite .lbl{top:15px}



.pd-v8 .msr-panel .also--lite .tag{font-size:13px}



/* stronger breath between specialized and general groups */



.pd-v8 .msr-panel .also:not(.also--lite) + .also--lite{margin-top:8px;border-top-color:var(--sk-line-strong)}



@media (max-width:700px){



  .pd-v8 .msr-panel .also{padding-inline-start:0;padding-top:56px;justify-content:flex-start}



}







.sk-btn.sk-btn--primary{font-size:15px;font-weight:700;height:44px}







/* v18.2 — image icons for the profile rows: bare icons (no bg/border/shadow),



   dark-mode inversion; buy button font raised */



.pd-v8 .msr-panel .also .lbl img{width:28px;height:28px;object-fit:contain;flex-shrink:0;



  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}



.pd-v8 .msr-panel .also--lite .lbl img{opacity:.62}



[data-theme="dark"] .pd-v8 .msr-panel .also .lbl img{filter:invert(1) brightness(1.05)}







.pd-v8 .buy .sk-btn--primary{font-size:17px;font-weight:800}







/* v18.3 — chip identity per category: solid pills with an inline glyph that



   inherits text color (briefcase / badge / wrench); exact buy-button rule */



.pd-v8 .msr-panel .also:not(.also--lite) .tag {



    border: 0 !important;



    background: var(--sk-surface-2);



    border-radius: 999px;



    padding: 8px 16px;



    font-size: 12px;



    font-weight: 600;



    color: var(--sk-ink);



    display: inline-flex;



    align-items: center;



    gap: 8px;



    transition: background .16s, color .16s;



	}



.pd-v8 .msr-panel .also:not(.also--lite) .tag:hover{background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



[data-theme="dark"] .pd-v8 .msr-panel .also:not(.also--lite) .tag{background:rgba(255,255,255,.07)}



[data-theme="dark"] .pd-v8 .msr-panel .also:not(.also--lite) .tag:hover{background:var(--sk-amber-soft)}







.pd-v8 .msr-panel .also--jobs .tag::before,



.pd-v8 .msr-panel .also--skl .tag::before,



.pd-v8 .msr-panel .also--tools .tag::before{content:"";width:15px;height:15px;flex-shrink:0;



  background:currentColor;opacity:.75;



  -webkit-mask:var(--tag-glyph) center/contain no-repeat;mask:var(--tag-glyph) center/contain no-repeat}



.pd-v8 .msr-panel .also--jobs .tag{--tag-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%207V6a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v1M4%2012h16M6%207h12a2%202%200%200%201%202%202v8a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3V9a2%202%200%200%201%202-2Z%22/%3E%3C/svg%3E")}



.pd-v8 .msr-panel .also--skl .tag{--tag-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%202.4%202.1%203.2-.3%201%203%202.9%201.4-1%203%201%203-2.9%201.4-1%203-3.2-.3L12%2021l-2.4-2.1-3.2.3-1-3L2.5%2014.9l1-3-1-3%202.9-1.3%201-3%203.2.3Z%22/%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4.5%22/%3E%3C/svg%3E")}



.pd-v8 .msr-panel .also--tools .tag{--tag-glyph:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.7%206.3a4.5%204.5%200%200%200%205.6%205.6l-8.6%208.6a2.3%202.3%200%200%201-3.2%200l-2.4-2.4a2.3%202.3%200%200%201%200-3.2l8.6-8.6Z%22/%3E%3Cpath%20d%3D%22M17%203l4%204%22/%3E%3C/svg%3E")}







.pd-v8 .buy .sk-btn--primary {



  font-size: 14px !important;



  font-weight: 800;



}







/* v18.4 — measures header: full-width with a stretching measurement ruler



   bridging the domain to the level pill (fills the empty side) */



.pd-v8 .msr-panel .measures{width:100%;max-width:none;align-items:center}



.pd-v8 .msr-panel .measures .tx{flex:0 0 auto}



.pd-v8 .msr-panel .measures .tx span{font-size:12px;margin-bottom:3px}



.pd-v8 .msr-panel .measures .tx b{font-size:19px;font-weight:900;letter-spacing:-.3px}



.pd-v8 .msr-panel .measures .lv{order:3;margin-inline-start:0;flex-shrink:0;



  border:1px solid var(--sk-line);border-radius:999px;padding:9px 15px;background:var(--sk-surface)}



@media (max-width:700px){



  .pd-v8 .msr-panel .measures{flex-wrap:wrap}



  .pd-v8 .msr-panel .measures .lv{margin-inline-start:auto}



}







/* ============================================================================



   v19 · HERO POLISH — measures per spec (no ruler, no dashed border), meta



   breathing room in both detail pages, tighter provider gap, card-like



   provider lines on courses, ghost pills for general tags, airier sec-h.



   ============================================================================ */



.pd-v8 .msr-panel .measures {



    padding: 0 0 15px;



    margin: 0;



    border-bottom: 0;



}



.pd-v8 .msr-panel .measures .lv{margin-inline-start:auto}







.pd-v8 .pd-engage .meta{margin-top:16px;padding-top:18px}



.pd-v8 .provider--rich,.pd-v8 .provider--stack{padding-bottom:2px;margin-bottom:0}







.pd-v8 .provider--stack .provider-line .nm{display:flex;flex-direction:column;gap:2px}



.pd-v8 .provider--stack .provider-line .nm b{font-size:14px}



.pd-v8 .provider--stack .provider-line .nm>span{font-size:11px;color:var(--sk-ink-faint)}







/* general tags: quiet ghost pills — clearly secondary to the specialized ones */



.sk-mkt-pd .also--lite .tag{background:transparent!important;border:1px solid var(--sk-line)!important;



  border-radius:999px!important;padding:5px 12px!important;font-size:11.5px;font-weight:500;



  color:var(--sk-ink-soft)}



.sk-mkt-pd .also--lite .tag::after{content:none!important}



.sk-mkt-pd .also--lite .tag:hover{border-color:var(--sk-line-strong)!important;color:var(--sk-ink)}







.sk-mkt-pd .sec-h{margin-bottom:18px}



.pd-v8 .msr-panel .also--lite .tag{font-size:11.5px;font-weight:500}







/* v19.1 — engage breathing room; course provider = plain single-exam look;



   measures becomes a soft banner (no dead空 space) */



.pd-v8 .pd-engage{margin-top:16px}







.pd-v8 .provider--stack .provider-line{background:transparent;border:0;padding:2px 0;gap:12px}



.pd-v8 .provider--stack .provider-line .go{display:none}



.pd-v8 .provider--stack .provider-line .nm .provider-label{font-size:11px;color:var(--sk-ink-faint);font-weight:600}



.pd-v8 .provider--stack .provider-line .nm b,.pd-v8 .provider--stack .provider-line .nm b a{



  font-size:15px;font-weight:800;color:var(--sk-ink)}



.pd-v8 .provider--stack .provider-line .nm>span{font-size:11.5px;color:var(--sk-ink-faint)}











/* v19.2 — course provider = single-exam inline model (label + name on one



   line, no sub-caption); measures back to clean spec with a refined level



   meter unit that closes the row */



.pd-v8 .provider--stack .provider-line .nm{flex-direction:row;align-items:baseline;gap:8px}



.pd-v8 .provider--stack .provider-line .nm .provider-label{font-size:13px}



.pd-v8 .provider--stack .provider-line .nm b,



.pd-v8 .provider--stack .provider-line .nm b a{font-size:15px;font-weight:600}



.pd-v8 .provider--stack .provider-line .nm>span{display:none}







.pd-v8 .msr-panel .measures{background:transparent;border-radius:0;



  padding:0 0 15px;margin:0;border-bottom:0}



[data-theme="dark"] .pd-v8 .msr-panel .measures .lv{background:var(--sk-surface-2)}







/* v19.3 — level unit: borderless, docked at the start next to the domain */



.pd-v8 .msr-panel .measures{gap:16px 30px;justify-content:flex-start}







/* ============================================================================



   v20 · LEVEL LADDER — replaces the old level pill: a 4-rung progress ladder



   that fills up to the exam's level (all = every rung). Borderless, docked at



   the row start beside the domain. Semantic caption «سطح آزمون» (no "مناسب").



   ============================================================================ */



.pd-v8 .msr-panel .measures{gap:14px 34px;justify-content:flex-start;align-items:center}



.lvlad{display:inline-flex;flex-direction:column;gap:9px;margin-inline-start:auto}



.lvlad-head{display:flex;align-items:baseline;gap:7px}



.lvlad-k{font-size:11px;font-weight:600;color:var(--sk-ink-faint)}



.lvlad-name{font-size:14.5px;font-weight:800;color:var(--sk-ink)}



.lvlad-track{display:inline-flex;gap:7px}



.lvlad .rung{display:inline-flex;flex-direction:column;align-items:center;gap:5px}



.lvlad .rung i{width:34px;height:6px;border-radius:999px;background:var(--sk-line-strong);



  transition:background .3s var(--sk-ease)}



.lvlad .rung em{font-style:normal;font-size:9.5px;font-weight:600;color:var(--sk-ink-faint);



  white-space:nowrap;transition:color .3s}



/* fill rungs up to the level */



.lvlad--inter .r1 i,.lvlad--inter .r2 i,



.lvlad--adv .r1 i,.lvlad--adv .r2 i,.lvlad--adv .r3 i,



.lvlad--exp .r1 i,.lvlad--exp .r2 i,.lvlad--exp .r3 i,.lvlad--exp .r4 i,



.lvlad--beg .r1 i,



.lvlad--all .r1 i,.lvlad--all .r2 i,.lvlad--all .r3 i,.lvlad--all .r4 i{background:var(--sk-amber)}



.lvlad--inter .r1 em,.lvlad--inter .r2 em,



.lvlad--adv .r1 em,.lvlad--adv .r2 em,.lvlad--adv .r3 em,



.lvlad--exp .rung em,



.lvlad--beg .r1 em,



.lvlad--all .rung em{color:var(--sk-ink-soft)}



/* the current rung gets a subtle emphasis */



.lvlad--beg .r1 i,.lvlad--inter .r2 i,.lvlad--adv .r3 i,.lvlad--exp .r4 i{height:8px;box-shadow:0 3px 8px -3px var(--sk-amber-press)}



/* "all levels": show a single wide "همه سطوح" bar instead of graded rungs */



.lvlad--all .lvlad-track{position:relative}



[data-theme="dark"] .lvlad .rung i{background:var(--sk-line-2)}



[data-theme="dark"] .lvlad--inter .r1 i,[data-theme="dark"] .lvlad--inter .r2 i,



[data-theme="dark"] .lvlad--adv .r1 i,[data-theme="dark"] .lvlad--adv .r2 i,[data-theme="dark"] .lvlad--adv .r3 i,



[data-theme="dark"] .lvlad--exp .r1 i,[data-theme="dark"] .lvlad--exp .r2 i,[data-theme="dark"] .lvlad--exp .r3 i,[data-theme="dark"] .lvlad--exp .r4 i,



[data-theme="dark"] .lvlad--beg .r1 i,



[data-theme="dark"] .lvlad--all .r1 i,[data-theme="dark"] .lvlad--all .r2 i,[data-theme="dark"] .lvlad--all .r3 i,[data-theme="dark"] .lvlad--all .r4 i{background:var(--sk-amber)}



@media (max-width:600px){



  .lvlad{margin-inline-start:0}



  .lvlad .rung i{width:26px}



  .lvlad .rung em{font-size:8.5px}



}







/* v20.1 — dock level ladder beside the domain (no auto-push-left) with a



   vertical hairline divider between them */



.lvlad{margin-inline-start:0;position:relative;padding-inline-start:30px}



.lvlad::after{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);



  width:1px;height:42px;background:var(--sk-line-strong)}







/* =====================================================================



   PDP PREMIUM POLISH v1 — صفحه جزئیات آزمون (pd-v8)



   ۱) ستاره امتیاز کسری  ۲) حذف ستاره تزئینی کارت خرید (تیک برند می‌ماند)



   ۳) رنگ برند برای حوزه به جای سبز  ۴) نقطه یکدست روی همه چیپ‌ها



   ۵) ریتم عمودی جمع‌تر هیرو



   ===================================================================== */



.pd-v8 .eg-rate .stars{position:relative;display:inline-block;line-height:1}



.pd-v8 .eg-rate .stars i{font-style:normal;font-size:13px;letter-spacing:2px}



.pd-v8 .eg-rate .stars .base{color:var(--sk-line-strong)}



.pd-v8 .eg-rate .stars .fill{position:absolute;top:0;inset-inline-start:0;width:var(--rf,100%);overflow:hidden;white-space:nowrap;color:var(--sk-amber)}



.pd-v8 .buy-body::before{content:none}



.pd-v8 .measures .tx b{color:var(--sk-ink)}



[data-theme="dark"] .pd-v8 .measures .tx b{color:var(--sk-ink)}



.pd-v8 .also .tag+.tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sk-amber);margin-inline-end:0;flex-shrink:0}



.pd-v8 .lead-col .skill-breadcrumbs{margin-bottom:16px}



.pd-v8 .provider--rich,.pd-v8 .provider--stack{padding-top:10px}



.pd-v8 .pd-engage{padding:2px 0 8px}



.pd-v8 .pd-secnav{margin-bottom:26px}







/* =====================================================================



   PDP PREMIUM POLISH v2.1



   ۱) مهر تأیید برند (سپر کهربایی + تیک زغالی) روی آواتار طراح/لوگوی آموزشگاه



      — عمداً نه دایرهٔ سبز (الگوی اینستاگرام/X) و نه ستارهٔ اسکالوپ‌دار (نشان X)



   ۲) buy-perks: دوستونهٔ فشرده، هر آیتم تک‌خط (متن بلند در تمپلیت کوتاه شد)



   ===================================================================== */



.pd-v8 a.provider-card .av{overflow:visible;position:relative}



.pd-v8 a.provider-card .av img{border-radius:inherit}



.pd-v8 .provider-card .av .vrf{position:absolute;bottom:-5px;inset-inline-end:1px;width:20px;height:20px;



  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.6 4.2 4.8v6.4c0 4.9 3.3 8.6 7.8 10.6 4.5-2 7.8-5.7 7.8-10.6V4.8L12 1.6z' fill='%23ffc218'/%3E%3Cpath d='M8.4 12.2l2.4 2.4 4.8-5' fill='none' stroke='%23181a1d' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;



  filter:drop-shadow(0 1px 2px rgba(24,26,29,.30))}



.pd-v8 .buy-perks{grid-template-columns:1fr 1fr;gap:7px 10px}



.pd-v8 .buy-perks li{white-space:nowrap;min-width:0;font-size:11.5px}







/* =====================================================================



   FILTER PAGE-FLOW v1



   دسکتاپ: ساید فیلتر دیگر اسکرول داخلی ندارد و با اسکرول خود صفحه دیده می‌شود



   (درایور موبایل ≤1024px مثل قبل اسکرول خودش را دارد)



   گروه‌ها بلندتر شدند و اسکرول داخلی‌شان از قبل هم سبک‌تر/باریک‌تر (≈۲px) شد



   ===================================================================== */



@media(min-width:1025px){



  .sk-mkt-filter{position:static;max-height:none;overflow:visible}



}



.sk-mkt-cbset{max-height:264px}



.sk-mkt-cbset::-webkit-scrollbar,



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list::-webkit-scrollbar{width:5px}



.sk-mkt-cbset::-webkit-scrollbar-thumb,



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list::-webkit-scrollbar-thumb{background:var(--sk-line);border:1.5px solid transparent;background-clip:content-box;border-radius:999px}



.sk-mkt-cbset:hover::-webkit-scrollbar-thumb,.sk-mkt-cbset:focus-within::-webkit-scrollbar-thumb,



.sk-mkt-fgroup.is-expanded .sk-mkt-axis-section-list:hover::-webkit-scrollbar-thumb{background:var(--sk-line-strong);border:1.5px solid transparent;background-clip:content-box}







/* ===== CARD CHIP PNG + CTA POLISH — آیکون PNG هم‌خانوادهٔ PDP در چیپ‌ها + دکمهٔ مشاهدهٔ جمع‌وجور ===== */



.sk-mkt-taxline .t img{width:14px;height:14px;object-fit:contain;flex-shrink:0}



.sk-mkt-cmodal-body .sk-mkt-taxline .t img{width:16px;height:16px}



.sk-mkt-card-foot .sk-btn--sm{font-size:12.5px;padding:8px 18px;min-height:0;line-height:1.6;border-radius:11px}







/* ===== PDP AVATAR + CTA SPACING — لوگوی پیش‌فرض وسط دایره، تست رایگان یک‌خطی، فاصلهٔ دکمه‌ها ===== */



.provider-card .av,.provider .av{overflow:hidden}



.av img.av-ph{width:100%;height:100%;object-fit:contain;padding:9px;background:#f1f2f4;border-radius:inherit;box-sizing:border-box;display:block}



.pstatus{white-space:nowrap}



.buy-body>.sk-btn+.sk-btn,.buy-body>form+.sk-btn,.buy-body>.sk-btn+form,.buy-body>form+form{margin-top:10px}







/* ===== PDP VRF IMAGE + SIZES — نشان تأیید تصویری، آواتار ۴۳، دکمهٔ کوتاه‌تر ===== */



.pd-v8 .provider .av,.pd-v8 .provider-card--institute .av,.pd-v8 .provider-line .av{width:43px;height:43px}



.pd-v8 .provider-line .av{position:relative}



.pd-v8 .provider-card .av .vrf,.pd-v8 .provider-line .av .vrf{position:absolute;bottom:-5px;inset-inline-end:-2px;



  width:19px;height:19px;border:0;box-shadow:none;border-radius:0;



  background:url('../img/verified.png') center/contain no-repeat}



.pd-v8 .provider-card .av .vrf::before,.pd-v8 .provider-card .av .vrf::after,



.pd-v8 .provider-line .av .vrf::before,.pd-v8 .provider-line .av .vrf::after{content:none}



.sk-mkt-card-foot .sk-btn--sm{padding:6px 15px;font-size:12px;line-height:1.6;border-radius:10px}







/* ===== VRF BESIDE NAME + مقادیر کارفرما ===== */



.pd-v8 a.provider-card .av img{border-radius:inherit;opacity:.7}



.av img.av-ph{width:100%;height:100%;object-fit:contain;padding:9px;background:#ececec8a;border-radius:inherit;box-sizing:border-box;display:block}



.pd-v8 .provider-card .av,.pd-v8 .provider-line .av{width:26px;height:26px;border-radius:50%;overflow:hidden;



  display:grid;place-items:center;background:#ffffff;color:#fff;font-weight:800;font-size:10px;flex-shrink:0}



.sk-mkt-cover .tag-course{background:rgb(48 48 48 / 78%);color:#fff}



/* نشان تأیید: کنار نام، نه روی آواتار */



.pd-v8 .nm .vrf,.pd-v8 .provider-line .vrf{display:inline-block;width:16px;height:16px;vertical-align:-3.5px;



  margin-inline-start:5px;position:static;border:0;box-shadow:none;border-radius:0;



  background:url('../img/verified.png') center/contain no-repeat}



.pd-v8 .provider-card .av .vrf,.pd-v8 .provider-line .av .vrf{display:none}







/* ===== CTA/H3/AV v43 — مقادیر کارفرما + شفافیت مشروط آواتار ===== */



.sk-btn.sk-btn--primary{height:35px}



.sk-mkt-card-body h3{font-size:15.5px;margin-bottom:20px}



.pd-v8 .provider-card .av,.pd-v8 .provider-line .av{width:42px;height:42px;border-radius:50%;overflow:hidden;



  display:grid;place-items:center;background:#ffffff;color:#fff;font-weight:800;font-size:10px;flex-shrink:0}



/* عکس واقعی: کاملاً شفاف؛ فقط لوگوی پیش‌فرض کم‌رنگ */



.pd-v8 a.provider-card .av img{border-radius:inherit;opacity:1}



.pd-v8 .provider-line .av img{border-radius:inherit;opacity:1}



.pd-v8 a.provider-card .av img.av-ph,



.pd-v8 .provider-card .av img.av-ph,



.pd-v8 .provider-line .av img.av-ph{opacity:.7}







/* ===== CMODAL ICON PNG — آیکون پاپ‌آپ بدون پس‌زمینه، مشکی ===== */



.sk-mkt-specs-view .spec-root .ic,.sk-mkt-cmodal-box .spec-sec .ic{background:none;border:none;box-shadow:none;border-radius:0}



.sk-mkt-cmodal-box .ic img,.sk-mkt-specs-view .ic img{width:18px;height:18px;object-fit:contain;display:block}







/* ===== G-HEAD IC v46 — طبق طراحی کارفرما: بدون پس‌زمینه/قاب/رنگ ===== */



.sk-mkt-specs-view .g-head .ic{width:26px;height:26px;border-radius:9px;background:none;border:none;



  display:grid;place-items:center;color:inherit;flex-shrink:0}







/* ===== DARK ICON LEGIBILITY — در تم شب، آیکون‌های PNG معکوس می‌شوند تا دیده شوند ===== */



[data-theme="dark"] .sk-mkt-taxline .t img,



[data-theme="dark"] .sk-mkt-cmodal-box .ic img,



[data-theme="dark"] .sk-mkt-specs-view .ic img,



[data-theme="dark"] .pd-v8 .also .lbl img{filter:invert(1) brightness(1.4);opacity:.9}







/* ===== DARK LEVEL BARS — سطح آزمون در تم شب خوانا ===== */



[data-theme="dark"] .sk-mkt-level .bars i{background:rgba(255,255,255,.16)}



[data-theme="dark"] .sk-mkt-level.beg .bars i:nth-child(-n+1){background:var(--sk-beg)}



[data-theme="dark"] .sk-mkt-level.inter .bars i:nth-child(-n+2){background:var(--sk-inter)}



[data-theme="dark"] .sk-mkt-level.adv .bars i:nth-child(-n+3){background:var(--sk-adv)}



[data-theme="dark"] .sk-mkt-level.exp .bars i{background:var(--sk-amber)}



[data-theme="dark"] .sk-mkt-level.exp .name{color:var(--sk-ink)}



[data-theme="dark"] .sk-mkt-level.all .bars i{background:var(--sk-amber)}







/* ===== FREE TEST WIZARD — تک‌سوال، حس آزمون واقعی ===== */



.ft-form.ft-wizard .ft-q{display:none}



.ft-form.ft-wizard .ft-q.act{display:block;animation:ftqin .24s ease}



@keyframes ftqin{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}



.ft-prog{height:4px;background:var(--sk-surface-3);border-radius:999px;overflow:hidden;margin:2px 0 16px;direction:rtl}



.ft-prog i{display:block;height:100%;width:0;background:var(--sk-amber);transition:width .25s ease}



.ft-form:not(.ft-wizard) .ft-prev,.ft-form:not(.ft-wizard) .ft-next{display:none}



.ft-wiznav{display:flex;gap:10px;flex-wrap:wrap}



.ft-wiznav .ft-prev[disabled]{opacity:.45;pointer-events:none}



/* جهت متن: فارسی راست، انگلیسی چپ */



.ft-q-body,.ft-opt .tx{unicode-bidi:plaintext;text-align:start}



/* تصاویر داخل سوال: مهارشده، قاب‌دار، وسط‌چین */



.ft-q-body img{display:block;max-width:100%;max-height:340px;width:auto;margin:14px auto 6px;



  border-radius:12px;border:1px solid var(--sk-line);object-fit:contain;background:#fff;padding:4px}



[data-theme="dark"] .ft-q-body img{background:var(--sk-surface-2);border-color:var(--sk-line)}



/* نتیجه: فاصله از مسیر بردکرامب */



.ft-hero--result{margin-top:18px}







/* ===== FT REVIEW OPTS + تصاویر گزینه‌ها + هم‌قدی دکمه‌ها ===== */



/* تصویر داخل گزینه‌ها (صفحهٔ تست و مرور): قاب‌دار و مهارشده */



.ft-opt .tx img,.ft-rev-opt .tx img,.ft-answer img{display:block;max-width:min(440px,100%);max-height:220px;width:auto;



  margin:10px auto 4px;border-radius:10px;border:1px solid var(--sk-line);object-fit:contain;background:#fff;padding:4px}



[data-theme="dark"] .ft-opt .tx img,[data-theme="dark"] .ft-rev-opt .tx img{background:var(--sk-surface-2)}



/* دکمه‌های قبلی/بعدی/پایان: هم‌قد */



.ft-wiznav .sk-btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px}



/* مرور گزینه‌ها در نتیجه */



.ft-rev-opts{display:flex;flex-direction:column;gap:8px;margin-top:12px}



.ft-rev-opt{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--sk-line);



  border-radius:10px;font-size:13px;background:var(--sk-surface);unicode-bidi:plaintext;text-align:start}



.ft-rev-opt .tx{flex:1;min-width:0}



.ft-rev-opt em{font-style:normal;font-size:10.5px;font-weight:700;white-space:nowrap;padding:3px 10px;border-radius:999px}



.ft-rev-opt.is-right{border-color:#bfe3cd;background:#f2faf5}



.ft-rev-opt.is-right em.ok{background:rgb(31 157 87);color:#fff}



.ft-rev-opt.is-wrong{border-color:#f0c4c4;background:#fdf3f3}



.ft-rev-opt.is-wrong em.bad{background:#d64545;color:#fff}



[data-theme="dark"] .ft-rev-opt{background:var(--sk-surface)}



[data-theme="dark"] .ft-rev-opt.is-right{background:rgba(46,160,90,.12);border-color:rgba(46,160,90,.45)}



[data-theme="dark"] .ft-rev-opt.is-wrong{background:rgba(214,69,69,.12);border-color:rgba(214,69,69,.45)}







/* ===== FT UNIFORM IMAGES — همهٔ تصاویر سوال و گزینه: هم‌سایز، قاب ۱۶:۹، وسط‌چین ===== */



.ft-q-body img,.ft-opt .tx img,.ft-rev-opt .tx img,.ft-answer img{



  display:block;width:min(560px,100%);aspect-ratio:16/9;height:auto;object-fit:cover;



  margin:14px auto 6px;padding:0;border-radius:12px;border:1px solid var(--sk-line);background:var(--sk-surface-2)}







/* ===== FT IMAGES CATCH-ALL — هر تصویری در کارت سوال/مرور، هر جا که باشد: هم‌سایز و وسط ===== */



.ft-q img,.ft-rev img,.ft-answer img{



  display:block;width:min(560px,100%);aspect-ratio:16/9;height:auto;object-fit:cover;



  margin:14px auto 6px;padding:0;border-radius:12px;border:1px solid var(--sk-line);background:var(--sk-surface-2)}







/* ===== FT OPT FLEX FIX — tx کل عرض را بگیرد تا تصویر واقعاً وسط کارت بیفتد ===== */



.ft-opt{align-items:flex-start}



.ft-opt .tx{flex:1 1 auto;min-width:0;display:block}



.ft-rev-opt .tx{flex:1 1 auto;min-width:0;display:block}







/* ===== TAX SQUARE IMAGES — تصاویر ۵۰۰/۵۱۲ دسته‌بندی: کامل و وسط، بدون کراپ ===== */



.sk-mkt-tax-visual img{object-fit:contain;padding:12px}



.sk-mkt-tax-card:hover .sk-mkt-tax-visual img{transform:scale(1.03)}







/* ===== TAX HOVER NO SHADE — بدون سایهٔ مشکی؛ لیبل پیل مستقل می‌گیرد ===== */



.sk-mkt-tax-visual .ov{background:none}



.sk-mkt-tax-visual .ov b{background:rgba(255,255,255,.94);color:#1c1e22;padding:8px 14px;border-radius:999px;



  font-size:12px;box-shadow:0 10px 24px -12px rgba(0,0,0,.28)}



[data-theme="dark"] .sk-mkt-tax-visual .ov b{background:rgba(23,24,28,.92);color:#fff;border:1px solid rgba(255,255,255,.14)}







/* ===== TAX DARK NO GLOW — در تم شب هالهٔ زرد پس‌زمینهٔ تصویر حذف ===== */



[data-theme="dark"] .sk-mkt-tax-visual{background:var(--sk-surface-2)}



[data-theme="dark"] .sk-mkt-tax-visual-fallback{background:var(--sk-surface-2)}







/* ===== ENGV2 — تعاملات نسخه ۲: انتخاب کانال پرسش، سه‌تب پاسخ‌ها و نشان گفتگوی خصوصی ===== */



.engagement-channel-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}



.engagement-channel-opt{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--sk-line);border-radius:13px;padding:11px 13px;cursor:pointer;background:var(--sk-surface);transition:border-color .15s,background .15s}



.engagement-channel-opt input{margin-top:3px;accent-color:var(--sk-amber)}



.engagement-channel-opt span{display:flex;flex-direction:column;gap:2px}



.engagement-channel-opt b{font-size:13px;color:var(--sk-ink)}



.engagement-channel-opt small{font-size:11.5px;color:var(--sk-ink-faint);line-height:1.7}



.engagement-channel-opt:has(input:checked){border-color:var(--sk-amber);background:var(--sk-amber-soft)}



.engagement-pill-private{background:var(--sk-amber-soft);border-color:var(--sk-amber)!important;color:var(--sk-amber-deep)}



.engagement-question-card{border:1px solid var(--sk-line);border-inline-start:3px solid var(--sk-amber);border-radius:13px;padding:15px 17px;background:var(--sk-surface);margin-bottom:12px}



.engagement-answer-tabs{margin-top:4px}



.engagement-anstab-bar{display:flex;gap:4px;background:var(--sk-surface);border:1px solid var(--sk-line);border-radius:13px;padding:5px;overflow-x:auto}



.engagement-anstab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:700;color:var(--sk-ink-soft);border-radius:9px;padding:9px 12px;cursor:pointer;white-space:nowrap;transition:background .14s,color .14s}



.engagement-anstab i{font-style:normal;font-size:11px;font-weight:800;background:var(--sk-surface-3);border-radius:999px;padding:2px 8px;color:var(--sk-ink-soft)}



.engagement-anstab:hover{background:var(--sk-surface-2)}



.engagement-anstab.is-active{background:var(--sk-amber);color:#181a1d}



.engagement-anstab.is-active i{background:rgba(0,0,0,.14);color:#181a1d}



.engagement-anspanel{display:none;padding-top:12px}



.engagement-anspanel.is-active{display:flex;flex-direction:column;gap:10px}



.engagement-reply-blocked{border:1px dashed var(--sk-line-strong);border-radius:12px;padding:12px 15px;margin-top:14px}



@media(max-width:640px){.engagement-channel-pick{grid-template-columns:1fr}}







/* ===== EQA — پرسش‌وپاسخ مینیمال و درجا در صفحه محصول (بدون رفتن به صفحه دیگر) ===== */



.eqa__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}



.eqa__head h3{margin:0}



.eqa__count{font-size:12px;color:var(--sk-ink-faint);font-weight:600}



.eqa-ask{border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);margin-bottom:14px;overflow:hidden}



.eqa-ask__trigger{list-style:none;cursor:pointer;padding:12px 15px;font-size:13.5px;font-weight:700;color:var(--sk-ink);display:flex;align-items:center;gap:8px;user-select:none}



.eqa-ask__trigger::-webkit-details-marker{display:none}



.eqa-ask__plus{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--sk-amber-soft);color:var(--sk-amber-deep);font-size:15px;line-height:1}



.eqa-ask[open] .eqa-ask__trigger{border-bottom:1px solid var(--sk-line)}



.eqa-ask__form{padding:14px 15px;display:flex;flex-direction:column;gap:10px}



.eqa-ask__form input[type=text],.eqa-ask__form textarea{width:100%;box-sizing:border-box;border:1px solid var(--sk-line);border-radius:10px;padding:10px 12px;font:inherit;font-size:13px;background:var(--sk-surface-2);color:var(--sk-ink)}



.eqa-ask__form textarea{min-height:74px;resize:vertical;line-height:1.9}



.eqa-ask__form input:focus,.eqa-ask__form textarea:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface)}



.eqa-chan{display:flex;gap:8px}



.eqa-chan__opt{flex:1;position:relative;cursor:pointer}



.eqa-chan__opt input{position:absolute;opacity:0}



.eqa-chan__opt span{display:block;text-align:center;border:1px solid var(--sk-line);border-radius:9px;padding:7px 10px;font-size:12.5px;font-weight:600;color:var(--sk-ink-soft);transition:all .13s}



.eqa-chan__opt input:checked+span{border-color:var(--sk-amber);background:var(--sk-amber-soft);color:var(--sk-amber-deep)}



.eqa-ask__foot{display:flex;align-items:center;justify-content:flex-end;gap:12px}



.eqa-hint{font-size:11.5px;color:var(--sk-ink-faint);margin:0}



.eqa-hint--pad{padding:8px 2px}



.eqa-list{display:flex;flex-direction:column;gap:8px}



.eqa-item{border:1px solid var(--sk-line);border-radius:12px;background:var(--sk-surface);overflow:hidden;transition:border-color .13s}



.eqa-item[open]{border-color:var(--sk-line-strong)}



.eqa-item__row{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;user-select:none}



.eqa-item__row::-webkit-details-marker{display:none}



.eqa-item__row:hover{background:var(--sk-surface-2)}



.eqa-item__q{display:flex;flex-direction:column;gap:3px;min-width:0}



.eqa-item__q b{font-size:13.5px;color:var(--sk-ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}



.eqa-item__q small{font-size:11px;color:var(--sk-ink-faint)}



.eqa-item__meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}



.eqa-badge{font-size:11px;font-weight:700;color:var(--sk-ink-soft);background:var(--sk-surface-3);border-radius:999px;padding:3px 10px;white-space:nowrap}



.eqa-badge--ok{color:var(--sk-ok);background:color-mix(in srgb,var(--sk-ok) 12%,transparent)}



.eqa-item__ac{font-size:11px;font-weight:800;color:#fff;background:var(--sk-amber-deep);border-radius:999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}



.eqa-item__chev{color:var(--sk-ink-faint);font-size:12px;transition:transform .18s}



.eqa-item[open] .eqa-item__chev{transform:rotate(180deg)}



.eqa-item__body{padding:4px 15px 14px;border-top:1px solid var(--sk-line);display:flex;flex-direction:column;gap:9px}



.eqa-msg{background:var(--sk-surface-2);border:1px solid var(--sk-line);border-radius:10px;padding:9px 12px}



.eqa-msg--q{background:var(--sk-surface);border-inline-start:2px solid var(--sk-ink-faint)}



.eqa-msg--designer{background:var(--sk-amber-soft);border-color:var(--sk-amber)}



.eqa-msg__h{display:flex;align-items:center;gap:7px;margin-bottom:4px}



.eqa-msg__h b{font-size:12px;color:var(--sk-ink);font-weight:700}



.eqa-msg__tag{font-size:10px;font-weight:700;color:var(--sk-amber-deep);background:rgba(0,0,0,.05);border-radius:999px;padding:1px 7px}



.eqa-msg__h time{font-size:10.5px;color:var(--sk-ink-faint);margin-inline-start:auto}



.eqa-msg p{margin:0;font-size:12.5px;color:var(--sk-ink-soft);line-height:1.9;word-break:break-word}



.eqa-reply{display:flex;gap:8px;margin-top:2px}



.eqa-reply__input{flex:1;border:1px solid var(--sk-line);border-radius:9px;padding:8px 12px;font:inherit;font-size:12.5px;background:var(--sk-surface-2);color:var(--sk-ink)}



.eqa-reply__input:focus{outline:none;border-color:var(--sk-amber);background:var(--sk-surface)}



.eqa-reply__login{font-size:12px;color:var(--sk-amber-deep);font-weight:600;text-decoration:none;padding:6px 2px}



.eqa-reply__login:hover{text-decoration:underline}



.eqa-empty{font-size:12.5px;color:var(--sk-ink-faint);text-align:center;padding:18px 0;margin:0}



.btn.tiny{padding:7px 14px;font-size:12.5px}