/* Figma Azin Honar: Service Page desktop 496:17758 / mobile 641:13099 */
.service-page{--service-ink:#30336b;--service-muted:#6c718a;--service-red:#ff001c;--service-light:#f6f7fb;background:#fafbfd;color:var(--service-ink);font-family:inherit;overflow:clip}
.service-page *{box-sizing:border-box}
.service-page a{text-decoration:none}
.service-page .service-wrap{width:min(1058px,calc(100% - 32px));max-width:1058px;margin-inline:auto}
.service-page .service-hero{background:linear-gradient(176deg,#f6f7fa 0%,#f6f7fa 90%,#fafbfd 90.1%);padding:22px 0 74px;min-height:489px}
.service-page .service-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 38px;color:#9296a9;font-size:12px}
.service-page .service-breadcrumb a{color:var(--service-muted)}
.service-page .service-breadcrumb [aria-current=page]{color:var(--service-ink)}
.service-page .service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:32px;align-items:center;direction:ltr;min-height:315px}
.service-page .service-hero-copy{direction:rtl;text-align:right}
.service-page .service-hero-copy h1{font-size:30px;line-height:1.5;font-weight:800;margin:0 0 18px;color:var(--service-ink)}
.service-page .service-hero-copy p{max-width:660px;font-size:16px;line-height:2.15;color:#555873;margin:0 0 16px}
.service-page .service-hero-copy .service-hero-note{font-size:14px;margin-bottom:0}
.service-page .service-hero-art{width:345px;height:250px;max-width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 22px rgba(48,51,107,.055);direction:rtl}
.service-page .service-hero-art img{display:block;width:100%;height:100%;object-fit:cover}
.service-page .service-btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-width:193px;height:40px;margin-top:20px;padding:0 20px;border-radius:6px;background:var(--service-red);color:#fff;font-size:14px;font-weight:700;transition:background .18s,transform .18s}
.service-page .service-btn:hover{background:#d90018;transform:translateY(-1px);color:#fff}
.service-page .service-btn:focus-visible,.service-page a:focus-visible,.service-page button:focus-visible,.service-page summary:focus-visible{outline:3px solid #30336b;outline-offset:3px}
.service-page .service-main{padding:0 0 118px}
.service-page .service-section{margin-bottom:56px;scroll-margin-top:195px}
.service-page .service-heading{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 26px;min-height:41px;text-align:center;color:var(--service-ink);font-size:26px;font-weight:700;line-height:1.5}
.service-page .service-products-section{margin-top:12px;margin-bottom:96px}
.service-page .service-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 28px}
.service-page .service-product-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:210px;padding:12px;background:#fff;border:1px solid #eff0f5;border-radius:11px;color:#30336b;box-shadow:0 5px 21px rgba(48,51,107,.055);transition:transform .2s,box-shadow .2s,border-color .2s}
.service-page .service-product-card:hover{transform:translateY(-3px);border-color:#d8daf0;box-shadow:0 12px 26px rgba(48,51,107,.11)}
.service-page .service-product-image{display:block;width:100%;height:137px;margin:0 0 12px;background:#f6f7fb;border-radius:8px;overflow:hidden}
.service-page .service-product-image img{display:block;width:100%;height:100%;object-fit:contain}
.service-page .service-product-card strong{color:#30336b;font-size:14px;font-weight:600;line-height:1.65;text-align:center}
.service-page .service-order-link{margin-top:auto;display:inline-flex;gap:8px;align-items:center;color:var(--service-red);font-size:12px;line-height:1.6}
.service-page .service-order-link b{font-size:16px;font-weight:400}
.service-page .service-empty{grid-column:1/-1;display:grid;place-items:center;min-height:110px;background:#fff;border:1px solid #eeeef3;border-radius:10px;color:var(--service-muted);font-size:14px;text-align:center;padding:20px}
.service-page .service-tabs{display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:auto hidden;scrollbar-width:thin;min-height:54px;padding:0 24px;margin:0 0 55px;border-radius:10px;border:1px solid #e9eaf2;background:#fff;white-space:nowrap;scroll-margin-top:180px}
.service-page .service-tabs a{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;padding:10px 18px 7px;border-bottom:3px solid transparent;color:#777c99;font-size:14px;font-weight:500;transition:color .18s}
.service-page .service-tabs a.active,.service-page .service-tabs a:hover{color:#30336b;border-bottom-color:var(--service-red)}
.service-page .service-about-card{padding:24px;background:#fff;border:1px solid #f0f0f4;border-radius:12px;box-shadow:0 4px 20px rgba(48,51,107,.05);color:#626781;line-height:2.2;font-size:14px;overflow:hidden}
.service-page .service-about .service-heading{text-align:right;justify-content:flex-start;font-size:26px;margin:0 0 18px}
.service-page .service-about-card h3{margin:0 0 18px;font-size:16px;color:#30336b}
.service-page .service-about-card p{margin:0 0 18px;text-align:justify}
.service-page .service-about-card p:last-child{margin-bottom:0}
.service-page .service-about-toggle{display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:var(--service-red);cursor:pointer;font:inherit;font-size:16px;margin:18px auto 0;padding:6px 16px}
.service-page .service-about-toggle span{font-size:17px}
.service-page .service-row-controls{margin-inline-start:auto;display:flex;gap:10px;direction:ltr}
.service-page .service-row-controls button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e5e6ef;border-radius:50%;background:#fff;color:#30336b;cursor:pointer;font-size:18px}
.service-page .service-samples,.service-page .service-articles,.service-page .service-faq{padding:24px;background:#fff;border:1px solid #f0f0f4;border-radius:12px;box-shadow:0 3px 16px rgba(48,51,107,.04)}
.service-page .service-samples .service-heading,.service-page .service-articles .service-heading,.service-page .service-faq .service-heading{justify-content:space-between;text-align:right}
.service-page .service-sample-row{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-behavior:smooth;padding:3px 2px 12px}
.service-page .service-sample{flex:0 0 152px;min-width:152px;scroll-snap-align:start;border:1px solid #eceef4;border-radius:10px;background:#fff;color:#30336b;padding:9px;font-size:12px;text-align:center}
.service-page .service-sample img{width:100%;height:135px;object-fit:contain;border-radius:8px;background:#f5f6fa;display:block;margin-bottom:12px}
.service-page .service-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.service-page .service-article{min-width:0;padding:12px;background:#fff;border:1px solid #ececf2;border-radius:12px;color:#30336b;transition:box-shadow .2s}
.service-page .service-article:hover{box-shadow:0 8px 22px rgba(48,51,107,.1)}
.service-page .service-article .service-article-media{display:block;height:160px;border-radius:9px;overflow:hidden;background:#eef0f6;margin-bottom:12px}
.service-page .service-article img{width:100%;height:100%;object-fit:cover}
.service-page .service-article strong{display:block;line-height:1.8;font-size:14px;min-height:51px}
.service-page .service-article small{display:block;margin-top:8px;color:var(--service-red);font-size:12px}
.service-page .service-faq-list details{margin-bottom:24px;border-radius:10px;background:rgba(59,62,126,.05);overflow:hidden}
.service-page .service-faq-list details:last-child{margin-bottom:0}
.service-page .service-faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:14px 16px;cursor:pointer;color:#2e2e35;font-size:16px;line-height:1.6}
.service-page .service-faq-list summary::-webkit-details-marker{display:none}
.service-page .service-faq-list summary:before{content:"";display:block;flex:0 0 24px;width:24px;height:24px;background:url("../images/service/faq-icon.svg") center / contain no-repeat}
.service-page .service-faq-list summary .faq-question{flex:1}
.service-page .service-faq-list summary .faq-arrow{display:block;width:24px;height:24px;flex:0 0 24px;font-size:0;background:url("../images/service/faq-arrow.svg") center / contain no-repeat;transition:transform .2s}
.service-page .service-faq-list details[open] .faq-arrow{transform:rotate(180deg)}
.service-page .service-faq-list details p{font-size:14px;line-height:2;padding:0 22px 19px;margin:0;color:#5d627c}
@media(max-width:1100px){.service-page .service-wrap{width:calc(100% - 48px)}.service-page .service-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,35%);gap:24px}.service-page .service-hero-art{width:100%}.service-page .service-product-grid{gap:18px}.service-page .service-heading{font-size:23px}}
@media(max-width:700px){
.service-page .service-wrap{width:auto;max-width:none;margin-inline:16px}
.service-page .service-hero{padding:20px 0 46px;min-height:0;background:linear-gradient(174deg,#f6f7fa 0%,#f6f7fa 95%,#fafbfd 95.1%)}
.service-page .service-breadcrumb{display:none}
.service-page .service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;direction:rtl}
.service-page .service-hero-copy{display:contents}
.service-page .service-hero-copy h1{grid-row:1;margin:0;font-size:21px;line-height:1.7;direction:rtl;text-align:right}
.service-page .service-hero-art{grid-row:2;width:100%;height:250px;max-width:none;box-shadow:none}
.service-page .service-hero-copy p{grid-row:3;display:block;width:100%;max-width:unset;margin:0;direction:rtl;text-align:right;color:#686c86;font-size:14px;line-height:1.95}
.service-page .service-hero-copy .service-hero-note{display:none}
.service-page .service-btn{grid-row:4;width:100%;height:40px;margin:0;direction:rtl}
.service-page .service-main{padding:36px 0 100px}
.service-page .service-section{margin-bottom:56px;scroll-margin-top:78px}
.service-page .service-products-section{margin:0 -16px 58px}
.service-page .service-heading{font-size:18px;line-height:1.6;min-height:28px;justify-content:center;margin-bottom:20px}
.service-page .service-product-grid{display:flex;overflow-x:auto;padding:4px 16px 18px;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.service-page .service-product-card{flex:0 0 152px;min-width:152px;min-height:185px;padding:10px}
.service-page .service-product-image{height:112px;margin-bottom:9px}
.service-page .service-product-card strong{font-size:12px}
.service-page .service-order-link{font-size:11px}
.service-page .service-tabs{justify-content:initial;gap:12px;padding:0 10px;margin-bottom:16px;min-height:54px}
.service-page .service-tabs a{padding:9px 7px 6px;font-size:12px}
.service-page .service-about .service-heading{font-size:18px;margin-bottom:14px}
.service-page .service-about-card{padding:17px;font-size:12px;line-height:2}
.service-page .service-about-card h3{font-size:14px;line-height:1.7}
.service-page .service-about-card p{margin-bottom:14px}
.service-page .service-about-toggle{font-size:14px;margin-top:12px}
.service-page .service-samples,.service-page .service-articles{padding:0;background:transparent;border:0;box-shadow:none}
.service-page .service-samples .service-heading,.service-page .service-articles .service-heading{justify-content:center}
.service-page .service-sample-row{margin:0 -16px;padding:0 16px 12px;gap:16px}
.service-page .service-sample{flex-basis:152px}
.service-page .service-article-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:6px 16px 12px;scrollbar-width:thin}
.service-page .service-article{flex:0 0 286px;scroll-snap-align:start;padding:12px}
.service-page .service-article .service-article-media{height:188px}
.service-page .service-article strong{font-size:14px}
.service-page .service-faq{padding:17px}
.service-page .service-faq .service-heading{justify-content:center}
.service-page .service-faq-list details{margin-bottom:22px}
.service-page .service-faq-list summary{font-size:13px;min-height:54px;padding:10px 12px;gap:10px}
.service-page .service-faq-list details p{font-size:12px;padding:0 14px 15px}
}
@media(prefers-reduced-motion:reduce){.service-page *, .service-page *::before,.service-page *::after{scroll-behavior:auto!important;transition:none!important}}


/* Service mobile header and floating navigation match the Figma 393px frame. */
@media(max-width:600px){
  .service-page-body .figma-header.home2-site-header{height:64px!important;min-height:64px!important;background:#fff!important;border:0!important}
  .service-page-body .home2-site-header .header-main,
  .service-page-body .home2-site-header .header-nav-row{display:none!important}
  .service-page-body .home2-site-header .home2-mobile-header{display:flex!important;height:64px;align-items:center;justify-content:space-between;padding:0 16px;background:#fff}
  .service-page-body .home2-site-header .home2-mobile-logo img{height:42px;width:90px;object-fit:contain}
  .service-page-body .home2-site-header .home2-mobile-phone{height:48px;width:48px}
  .service-page-body .home2-mobile-bottom-nav{gap:clamp(16px,calc((100vw - 136px)/4),52px)}
}

/* Pixel-alignment refinements from Figma node 496:17758 / 641:13099. */
.service-page .service-product-heading-mobile{display:none}
.service-page .service-hero-note{display:none}
.service-page .service-product-image{width:136px;max-width:100%;height:136px;flex-shrink:0}
.service-page .service-product-image img{object-fit:cover}
.service-page .service-product-card{min-height:209px}
.service-page .service-product-card .service-order-link{display:none}
.service-page .service-illustrative-card{cursor:pointer}
.service-page .service-hero-copy p{color:#2e2d39}
@media(min-width:701px){
  .service-page .service-hero-grid{position:relative}
  .service-page .service-hero-grid > h1{position:absolute;right:0;top:0;margin:0;text-align:right;font-size:24px;font-weight:600;line-height:1.45}
  .service-page .service-hero-art{transform:translateY(46px)}
  .service-page .service-hero-copy{transform:translateY(42px)}
  .service-page .service-hero-copy p{font-size:16px;line-height:1.75}
  .service-page .service-products-section{margin-top:-2px}
  .service-page .service-product-grid{margin-top:44px;row-gap:23px}
}
@media(max-width:700px){
  .service-page .service-hero-grid > h1{position:static;grid-row:1;font-size:21px;line-height:1.6;text-align:right;margin:0}
  .service-page .service-hero-copy p{font-size:16px;line-height:1.8;color:#22232b;text-align:justify}
  .service-page .service-btn{font-size:16px}
  .service-page .service-product-heading-desktop{display:none}
  .service-page .service-product-heading-mobile{display:inline}
  .service-page .service-product-image{width:130px;height:130px;max-width:100%}
  .service-page .service-product-card{min-height:185px}
  .service-page .service-products-section{margin-bottom:46px}
}

@media(max-width:700px){
 .service-page .service-products-section{margin-top:-45px;margin-bottom:22px}
 .service-page .service-hero-grid{gap:12px}
}