.tksp{background:#faf8f4;padding:70px 24px 80px;font-family:TaksazehVazirmatn,Tahoma,sans-serif;color:#071b30}.tksp *{box-sizing:border-box}.tksp-heading{max-width:1100px;margin:0 auto 40px;text-align:center}.tksp-heading>span{color:#173e74;font-size:13px;font-weight:700}.tksp-heading h2{font-size:clamp(25px,2.5vw,38px);line-height:1.65;margin:14px 0}.tksp-heading p{font-size:14px;line-height:2;color:#697789}.tksp-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.tksp-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #ece7de;border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 12px 35px #071b3007;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.tksp-image{aspect-ratio:1.6;background:linear-gradient(135deg,#fff,#f6f5f1);padding:16px;overflow:hidden}.tksp-image img{width:100%;height:100%!important;object-fit:contain;transition:transform .35s ease}.tksp-body{padding:24px;display:flex;flex:1;flex-direction:column}.tksp-body h3{font-size:22px;line-height:1.7;margin:0 0 12px}.tksp-body p{font-size:13px;line-height:2.1;margin:0 0 24px;color:#697789;flex:1}.tksp-link{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px;font-weight:700;padding-top:16px;border-top:1px solid #f0ede6}.tksp-link b{width:38px;height:38px;border-radius:12px;background:#173e74;display:grid;place-items:center;font:22px Tahoma,sans-serif}.tksp-card:focus-visible{outline:3px solid #e2a32b;outline-offset:5px}@media(hover:hover){.tksp-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #071b3012;border-color:#bfd0e5}.tksp-card:hover img{transform:scale(1.035)}}@media(max-width:960px){.tksp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(max-width:600px){.tksp{padding:44px 20px}.tksp-grid{grid-template-columns:1fr;gap:20px}.tksp-heading{margin-bottom:28px}.tksp-body{padding:20px}.tksp-body h3{font-size:21px}.tksp-heading p{font-size:12px}}@media(prefers-reduced-motion:reduce){.tksp-card,.tksp-image img{transition:none}.tksp-card:hover{transform:none}}
/* Premium product catalogue: large artwork, clear hierarchy, full-width actions. */
.tksp{padding:76px 30px 88px;background:linear-gradient(180deg,#faf8f4,#f4f2ed)}
.tksp .tksp-grid{max-width:1320px;gap:30px}
.tksp .tksp-card{border-radius:24px;border:1px solid #e6e4df;box-shadow:0 10px 28px #071b3008;position:relative}
.tksp .tksp-image{position:relative;aspect-ratio:1.5;padding:24px 20px 12px;background:#fff}
.tksp .tksp-image img{object-fit:contain;width:100%;height:100%!important;border-radius:0}
.tksp .tksp-service .tksp-image{padding:0;background:#f3f4f5}
.tksp .tksp-service .tksp-image img{object-fit:cover}
.tksp-number{position:absolute;top:16px;inset-inline-start:16px;width:35px;height:35px;display:grid;place-items:center;background:#ffffffeb;border:1px solid #ece6dc;border-radius:11px;color:#94702d;font:12px Tahoma,sans-serif;z-index:1}
.tksp .tksp-body{padding:26px 28px 28px}
.tksp-category{display:block;color:#315a89;font-size:10px;line-height:1.8;font-weight:700;margin-bottom:8px}
.tksp .tksp-body h3{font-family:inherit;font-size:24px;line-height:1.6;letter-spacing:normal;margin:0 0 14px;color:#071b30}
.tksp .tksp-body p{font-family:inherit;font-size:14px;line-height:2.1;color:#667486;margin:0 0 26px;text-align:start}
.tksp .tksp-link{border:1px solid #e7e3da;background:#faf8f3;border-radius:13px;padding:9px 14px;font-size:13px;min-height:52px;transition:background .2s ease,border-color .2s ease}
.tksp .tksp-link b{width:32px;height:32px;border-radius:9px;background:#173e74;color:#071b30}
@media(hover:hover){.tksp .tksp-card:hover{border-color:#9fb8d6;box-shadow:0 22px 44px #071b3012;transform:translateY(-6px)}.tksp .tksp-card:hover .tksp-link{background:#edf3fa;border-color:#bfd0e5}}
@media(max-width:960px){.tksp .tksp-grid{gap:22px}.tksp .tksp-body{padding:23px}.tksp .tksp-body h3{font-size:22px}}
@media(max-width:600px){.tksp{padding:48px 20px}.tksp .tksp-grid{gap:24px}.tksp .tksp-body{padding:24px}.tksp .tksp-body h3{font-size:23px}.tksp .tksp-body p{font-size:13px}.tksp .tksp-image{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.tksp .tksp-card:hover{transform:none}.tksp .tksp-link{transition:none}}

/* Logo-inspired navy and blue accents, without yellow card treatments. */
.tksp .tksp-category,.tksp .tksp-heading>span{color:#315a89}
.tksp .tksp-link{background:#f3f6fa;border-color:#dce5ef;color:#173e74}
.tksp .tksp-link b{background:#173e74;color:#fff}
.tksp .tksp-card{border-color:#e0e6ed}
@media(hover:hover){.tksp .tksp-card:hover{border-color:#9fb8d6}.tksp .tksp-card:hover .tksp-link{background:#eaf1f9;border-color:#bfd0e5}}
.tksp .tksp-card:focus-visible{outline-color:#315a89}

/* Quiet editorial links: no button box, with a navy arrow and blue underline. */
.tksp .tksp-link{position:relative;background:transparent;border:0;border-radius:0;padding:12px 0 0;min-height:44px;color:#173e74;justify-content:flex-start;gap:12px;align-items:center}
.tksp .tksp-link b{width:auto;height:auto;border-radius:0;background:transparent;color:#173e74;font-size:23px;transition:transform .22s ease}
.tksp .tksp-link>span{position:relative;line-height:1.8}
.tksp .tksp-link>span:after{content:"";position:absolute;inset-inline-start:0;bottom:-4px;width:100%;height:1px;background:#315a89;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}
.tksp[dir=ltr] .tksp-link>span:after{transform-origin:left}
@media(hover:hover){.tksp .tksp-card:hover .tksp-link{background:transparent;border-color:transparent}.tksp .tksp-card:hover .tksp-link>span:after{transform:scaleX(1)}.tksp .tksp-card:hover .tksp-link b{transform:translateX(-4px)}.tksp[dir=ltr] .tksp-card:hover .tksp-link b{transform:translateX(4px)}}
.tksp .tksp-card:focus-visible .tksp-link>span:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.tksp .tksp-link b,.tksp .tksp-link>span:after{transition:none}.tksp .tksp-card:hover .tksp-link b{transform:none}}

/* Compact navy action with a white arrow; the entire card remains clickable. */
.tksp .tksp-link{align-self:flex-start;background:#173e74;color:#fff;border:0;border-radius:11px;padding:11px 18px;min-height:44px;gap:18px;justify-content:space-between;box-shadow:0 7px 16px #173e7415}
.tksp .tksp-link b{color:#fff;background:transparent;font-size:21px}
.tksp .tksp-link>span:after{display:none}
@media(hover:hover){.tksp .tksp-card:hover .tksp-link{background:#244f86;color:#fff}.tksp .tksp-card:hover .tksp-link b{color:#fff}}