/* Naqsh (17.42): the services flagship as a generator family — a confident studio. Big type, crisp outlined
 * cards, packages drawn as a small price table, a portfolio wall. Colours come only from the design's tokens
 * (accent, accent-2, bg, surface, ink), so every palette works. Art: assets/store-art/services. */
.st-body[data-st-tpl="naqsh"]{--nq-a:var(--st-accent);--nq-b:var(--st-accent-2,var(--st-accent));--nq-line:color-mix(in srgb,var(--st-ink) 14%,transparent);--nq-soft:color-mix(in srgb,var(--st-accent) 9%,var(--st-surface));--nq-r:14px}
.st-body[data-st-tpl="naqsh"][data-st-corners="sharp"]{--nq-r:4px}
.st-body[data-st-tpl="naqsh"] .st-top{border-bottom:1px solid var(--nq-line)}
.st-body[data-st-tpl="naqsh"] .st-top-logo{border-radius:12px}
.st-body[data-st-tpl="naqsh"] .st-top-name{font-family:var(--st-h);font-weight:800;letter-spacing:-.01em}
.st-body[data-st-tpl="naqsh"] .st-ann{background:var(--st-ink);color:var(--st-bg);font-weight:600}
.st-body[data-st-tpl="naqsh"] .st-sh small{display:inline-block;justify-self:start;padding:3px 10px;border:1px solid var(--nq-line);border-radius:999px;font-size:12px;font-weight:700;color:var(--st-ink);background:var(--st-surface)}
.st-body[data-st-tpl="naqsh"] .st-sh-t{font-weight:800;letter-spacing:-.015em;font-size:calc(26px * var(--st-scale,1))}

/* the opening: large type, the lines underlined with a light marker of the accent */
.st-body[data-st-tpl="naqsh"] .st-hero2{background:transparent;border:0}
.st-body[data-st-tpl="naqsh"] .st-hero2-in{padding-block:34px 24px}
.st-body[data-st-tpl="naqsh"] .st-hero2-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--nq-line);background:var(--st-surface);color:var(--st-ink);font-weight:700}
.st-body[data-st-tpl="naqsh"] .st-hero2-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#22a861;box-shadow:0 0 0 3px color-mix(in srgb,#22a861 20%,transparent)}
.st-body[data-st-tpl="naqsh"] .st-hero2 h1{font-weight:800;letter-spacing:-.02em;line-height:1.3;font-size:calc(clamp(38px,10.5vw,76px) * var(--st-scale,1))}
.st-body[data-st-tpl="naqsh"] .st-hero2.is-type h1{display:inline;background:linear-gradient(transparent 68%,color-mix(in srgb,var(--nq-a) 18%,transparent) 68%,color-mix(in srgb,var(--nq-a) 18%,transparent) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.st-body[data-st-tpl="naqsh"] .st-hero2.is-type p{margin-top:18px}
.st-body[data-st-tpl="naqsh"] .st-hero2 p{color:var(--st-muted);font-size:15.5px;line-height:1.8;max-width:54ch}
.st-body[data-st-tpl="naqsh"] .st-hero2 .st-btn{background:var(--st-ink);color:var(--st-bg);border-radius:var(--st-btn-r,12px)}
.st-body[data-st-tpl="naqsh"] .st-hero2.is-card{background:var(--nq-soft);color:var(--st-ink);border:1px solid var(--nq-line);border-radius:calc(var(--nq-r) + 8px)}
.st-body[data-st-tpl="naqsh"] .st-hero2.is-card :is(h1,.st-hero2-eyebrow){color:var(--st-ink)}
.st-body[data-st-tpl="naqsh"] .st-hero2.is-card p{color:var(--st-muted)}
.st-body[data-st-tpl="naqsh"] .st-hero2.is-card .st-hero2-deco{display:none}
.st-body[data-st-tpl="naqsh"] .st-hero2.is-card .st-hero2-media img{border-radius:calc(var(--nq-r) + 6px);aspect-ratio:4/3;border:0}
.st-body[data-st-tpl="naqsh"] .st-hero2-media img{border-radius:calc(var(--nq-r) + 6px);border:1px solid var(--nq-line);aspect-ratio:4/3;object-fit:cover;max-height:440px}
.st-body[data-st-tpl="naqsh"] .st-hero2-mark{border-radius:calc(var(--nq-r) + 6px);background:url("../store-art/services/pen.svg") center/62% no-repeat,linear-gradient(150deg,var(--nq-a),color-mix(in srgb,var(--nq-a) 70%,#000));aspect-ratio:4/3}
.st-body[data-st-tpl="naqsh"] .st-hero2-mark b{display:none}

/* categories: white tiles with an icon in an accent tint */
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles .st-catsec-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles button{min-height:118px;padding:14px 10px;border:1px solid var(--nq-line);border-radius:var(--nq-r);background:var(--st-surface);color:var(--st-ink);justify-items:center;text-align:center;transition:border-color .2s,transform .2s}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles button:hover{border-color:var(--st-ink);transform:translateY(-2px)}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles .st-catsec-pic{width:46px;height:46px;border-radius:12px;background:url("../store-art/services/pen.svg") center/120% no-repeat,var(--nq-a)}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles button:nth-child(4n+2) .st-catsec-pic{background-image:url("../store-art/services/browser.svg")}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles button:nth-child(4n+3) .st-catsec-pic{background-image:url("../store-art/services/camera.svg")}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles button:nth-child(4n) .st-catsec-pic{background-image:url("../store-art/services/megaphone.svg")}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles .st-catsec-pic.is-all{background-image:url("../store-art/services/spark.svg")}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles .st-catsec-pic :is(b,.ui-icon){display:none}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles .st-catsec-pic img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles button.is-on{border-color:var(--st-ink);box-shadow:inset 0 0 0 1px var(--st-ink)}
.st-body[data-st-tpl="naqsh"] :is(.st-catsec.is-chips button,.st-cats button){border-radius:999px;border:1px solid var(--nq-line);background:var(--st-surface);font-weight:700}
.st-body[data-st-tpl="naqsh"] :is(.st-catsec.is-chips button,.st-cats button).is-on{background:var(--st-ink);color:var(--st-bg);border-color:var(--st-ink)}

/* service cards: the photo, the service, and its packages as a small price table */
.st-body[data-st-tpl="naqsh"] .st-search{border-radius:var(--nq-r);border:1px solid var(--nq-line);background:var(--st-surface)}
.st-body[data-st-tpl="naqsh"] .st-card{border:1px solid var(--nq-line);border-radius:calc(var(--nq-r) + 4px);background:var(--st-surface);box-shadow:none;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.st-body[data-st-tpl="naqsh"] .st-card:hover{border-color:color-mix(in srgb,var(--st-ink) 35%,transparent);box-shadow:0 18px 40px -30px rgba(0,0,0,.35)}
.st-body[data-st-tpl="naqsh"] .st-noimg{background:url("../store-art/services/pen.svg") center/70% no-repeat,linear-gradient(150deg,var(--nq-a),color-mix(in srgb,var(--nq-a) 72%,#000))}
.st-body[data-st-tpl="naqsh"] .st-noimg b{display:none}
.st-body[data-st-tpl="naqsh"] .st-card:nth-child(5n+2) .st-noimg{background-image:url("../store-art/services/browser.svg"),linear-gradient(150deg,var(--nq-a),color-mix(in srgb,var(--nq-a) 72%,#000))}
.st-body[data-st-tpl="naqsh"] .st-card:nth-child(5n+3) .st-noimg{background-image:url("../store-art/services/megaphone.svg"),linear-gradient(150deg,color-mix(in srgb,var(--st-ink) 88%,var(--nq-a)),var(--st-ink))}
.st-body[data-st-tpl="naqsh"] .st-card:nth-child(5n+4) .st-noimg{background-image:url("../store-art/services/quote.svg"),linear-gradient(150deg,var(--nq-a),color-mix(in srgb,var(--nq-a) 72%,#000))}
.st-body[data-st-tpl="naqsh"] .st-card:nth-child(5n) .st-noimg{background-image:url("../store-art/services/camera.svg"),linear-gradient(150deg,color-mix(in srgb,var(--st-ink) 88%,var(--nq-a)),var(--st-ink))}
.st-body[data-st-tpl="naqsh"] .st-card-dt{border-radius:999px;background:var(--st-surface);color:var(--st-ink);box-shadow:0 1px 0 var(--nq-line)}
.st-body[data-st-tpl="naqsh"] .st-card-cat{font-size:11.5px;font-weight:700;color:var(--nq-a)}
.st-body[data-st-tpl="naqsh"] .st-card-body h2{font-family:var(--st-h);font-weight:800;font-size:15.5px;line-height:1.4}
.st-body[data-st-tpl="naqsh"] .st-card.is-value .st-card-vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0;margin:6px 0 2px;border:1px solid var(--nq-line);border-radius:10px;overflow:hidden}
.st-body[data-st-tpl="naqsh"] .st-card.is-value .st-card-vals i{display:grid;gap:1px;justify-items:center;padding:7px 2px;border:0;border-inline-start:1px solid var(--nq-line);border-radius:0;font-size:11px;font-weight:600;color:var(--st-muted)}
.st-body[data-st-tpl="naqsh"] .st-card.is-value .st-card-vals i:first-child{border-inline-start:0}
.st-body[data-st-tpl="naqsh"] .st-card.is-value .st-card-vals i:nth-child(2){background:var(--nq-soft);color:var(--st-ink)}
.st-body[data-st-tpl="naqsh"] .st-card.is-value .st-card-vals i small{display:block;font-size:14px;font-weight:800;color:var(--st-ink)}
.st-body[data-st-tpl="naqsh"] .st-card.is-value .st-card-vals i small::after{content:" USD";font-size:9px;font-weight:700;color:var(--st-muted)}
.st-body[data-st-tpl="naqsh"] .st-price b{font-weight:800}
.st-body[data-st-tpl="naqsh"] .st-add{border-radius:var(--st-btn-r,10px);background:var(--st-ink);color:var(--st-bg);border:0}
.st-body[data-st-tpl="naqsh"] .st-card.in-cart .st-add{background:var(--nq-a);color:var(--st-on-accent)}
.st-body[data-st-tpl="naqsh"] .st-card.is-tier{border-radius:calc(var(--nq-r) + 4px)}
.st-body[data-st-tpl="naqsh"] .st-card.is-tier.is-hot{border-color:var(--st-ink);box-shadow:inset 0 0 0 1px var(--st-ink)}

/* packages, comparison, portfolio */
.st-body[data-st-tpl="naqsh"] .st-plans-toggle{border:1px solid var(--nq-line);background:var(--st-surface)}
.st-body[data-st-tpl="naqsh"] .st-plans-toggle button.is-on{background:var(--st-ink);color:var(--st-bg)}
.st-body[data-st-tpl="naqsh"] .st-plan{border:1px solid var(--nq-line);border-radius:calc(var(--nq-r) + 4px);background:var(--st-surface);box-shadow:none}
.st-body[data-st-tpl="naqsh"] .st-plan.is-hot{border-color:var(--st-ink);box-shadow:inset 0 0 0 1px var(--st-ink)}
.st-body[data-st-tpl="naqsh"] .st-plan-go{background:var(--st-ink);color:var(--st-bg)}
.st-body[data-st-tpl="naqsh"] .st-cmp-wrap{border:1px solid var(--nq-line);border-radius:calc(var(--nq-r) + 4px);background:var(--st-surface)}
.st-body[data-st-tpl="naqsh"] .st-cmp-table thead th{font-family:var(--st-h);font-weight:800}
.st-body[data-st-tpl="naqsh"] .st-cmp-table .is-hot{background:var(--nq-soft)}
.st-body[data-st-tpl="naqsh"] .st-cmp-yes{color:var(--nq-a)}
.st-body[data-st-tpl="naqsh"] .st-pf-tile{border:1px solid var(--nq-line);border-radius:calc(var(--nq-r) + 2px);background:url("../store-art/services/spark.svg") 88% 14%/40% no-repeat,linear-gradient(150deg,var(--nq-a),color-mix(in srgb,var(--nq-a) 70%,#000));color:#fff}
.st-body[data-st-tpl="naqsh"] .st-pf-tile.is-art:nth-child(3n+2){background:url("../store-art/services/browser.svg") 88% 14%/40% no-repeat,linear-gradient(150deg,color-mix(in srgb,var(--st-ink) 90%,var(--nq-a)),var(--st-ink))}
.st-body[data-st-tpl="naqsh"] .st-pf-tile.is-art:nth-child(3n){background:url("../store-art/services/camera.svg") 88% 14%/40% no-repeat,linear-gradient(150deg,color-mix(in srgb,var(--nq-a) 80%,var(--st-ink)),color-mix(in srgb,var(--nq-a) 50%,#000))}
.st-body[data-st-tpl="naqsh"] .st-pf-tile.is-go{background:var(--st-surface);color:var(--st-ink);border:1px dashed color-mix(in srgb,var(--st-ink) 40%,transparent)}
.st-body[data-st-tpl="naqsh"] .st-pf-tile.has-img .st-pf-cap{border:1px solid var(--nq-line);border-radius:999px;padding:5px 12px}
.st-body[data-st-tpl="naqsh"] .st-pf-tile.has-img .st-pf-cap small{display:none}

/* steps, features, reviews, questions, contact */
.st-body[data-st-tpl="naqsh"] :is(.st-howto.is-cards li,.st-howto.is-line li){border:1px solid var(--nq-line);border-radius:var(--nq-r);background:var(--st-surface);padding:16px;flex-direction:row;align-items:center}
.st-body[data-st-tpl="naqsh"] .st-howto-n{width:38px;height:38px;font-size:16px;font-family:inherit;border-radius:12px;background:var(--nq-soft);color:var(--nq-a);border:0;font-weight:800;box-shadow:none}
.st-body[data-st-tpl="naqsh"] :is(.st-feats.is-cards li,.st-rev,.st-about,.st-contact,.st-bento-tile,.st-exp-card,.st-book-box){border:1px solid var(--nq-line);border-radius:calc(var(--nq-r) + 2px);box-shadow:none}
.st-body[data-st-tpl="naqsh"] .st-feats-ic{border-radius:12px;background:var(--nq-soft);color:var(--nq-a)}
.st-body[data-st-tpl="naqsh"] .st-faq details{border:1px solid var(--nq-line);border-radius:var(--nq-r);background:var(--st-surface)}
.st-body[data-st-tpl="naqsh"] .st-faq details[open]{border-color:var(--st-ink)}
.st-body[data-st-tpl="naqsh"] .st-contact{background:var(--st-ink);color:var(--st-bg);border-color:var(--st-ink);--st-muted:color-mix(in srgb,var(--st-bg) 70%,transparent)}
.st-body[data-st-tpl="naqsh"] .st-contact .st-btn{background:var(--st-bg);color:var(--st-ink)}
.st-body[data-st-tpl="naqsh"] .st-bento-tile:first-child{background:var(--st-ink);color:var(--st-bg)}

/* product page */
.st-body[data-st-tpl="naqsh"] :is(.st-pp-img,.st-pd-img){border-radius:calc(var(--nq-r) + 6px);border:1px solid var(--nq-line)}
.st-body[data-st-tpl="naqsh"] :is(.st-pp-body h1,.st-pd-body h2){font-family:var(--st-h);font-weight:800;letter-spacing:-.01em}
.st-body[data-st-tpl="naqsh"] .st-pd-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--nq-line);border-radius:12px;overflow:hidden}
.st-body[data-st-tpl="naqsh"] .st-opt{border:0;border-inline-start:1px solid var(--nq-line);border-radius:0;background:var(--st-surface);justify-content:center;text-align:center}
.st-body[data-st-tpl="naqsh"] .st-opt:first-child{border-inline-start:0}
.st-body[data-st-tpl="naqsh"] .st-opt.is-on{background:var(--st-ink);color:var(--st-bg)}
.st-body[data-st-tpl="naqsh"] .st-opt.is-on :is(small,b){color:inherit}
.st-body[data-st-tpl="naqsh"] :is(.st-pd-buy .st-btn,.st-btn-lg,.st-sheet .st-btn,.st-cartbar){border-radius:var(--st-btn-r,12px);background:var(--st-ink);color:var(--st-bg)}
.st-body[data-st-tpl="naqsh"] .st-pp-desc{border-top:1px solid var(--nq-line)}
.st-body[data-st-tpl="naqsh"] .st-pp-mini{border:1px solid var(--nq-line);border-radius:var(--nq-r);overflow:hidden;padding:0;background:var(--st-surface)}
.st-body[data-st-tpl="naqsh"] .st-pp-mini :is(b,small){padding-inline:10px}
.st-body[data-st-tpl="naqsh"] .st-pp-mini:nth-child(3n+2) .st-noimg{background-image:url("../store-art/services/browser.svg"),linear-gradient(150deg,color-mix(in srgb,var(--st-ink) 88%,var(--nq-a)),var(--st-ink))}
.st-body[data-st-tpl="naqsh"] .st-pp-mini:nth-child(3n) .st-noimg{background-image:url("../store-art/services/camera.svg"),linear-gradient(150deg,var(--nq-a),color-mix(in srgb,var(--nq-a) 72%,#000))}
.st-body[data-st-tpl="naqsh"] .st-pp-mini small{padding-bottom:10px;font-weight:800;color:var(--st-ink)}
.st-body[data-st-tpl="naqsh"] .st-foot{border-top:1px solid var(--nq-line)}
.st-body[data-st-tpl="naqsh"] .st-hero2.is-card h1{font-size:calc(clamp(30px,8vw,52px) * var(--st-scale,1))}
@media (max-width:759px){.st-body[data-st-tpl="naqsh"] .st-hero2.is-card.has-img .st-hero2-in{grid-template-columns:minmax(0,1fr)}.st-body[data-st-tpl="naqsh"] .st-hero2.is-card .st-hero2-media{order:-1}}
@media (min-width:760px){
  .st-body[data-st-tpl="naqsh"] .st-catsec.is-tiles .st-catsec-list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .st-body[data-st-tpl="naqsh"] .st-hero2.is-type h1{font-size:calc(clamp(60px,6.4vw,96px) * var(--st-scale,1))}
  .st-body[data-st-tpl="naqsh"] .st-pd-options{grid-template-columns:repeat(4,minmax(0,1fr))}
}