/* images, bulk/export, news, product pages */
.herofig{margin-top:-6px;margin-bottom:6px}
.pimg{margin:0;border-radius:18px;overflow:hidden;background:#efe9f8;position:relative}
.pimg img{display:block;width:100%;height:auto;aspect-ratio:var(--ar,auto);object-fit:cover}
.pimg.hero img{max-height:420px}
.pimg.flat{border-radius:16px}.pimg.inl{margin-top:16px;max-width:760px}
.pimg figcaption{position:absolute;right:8px;bottom:8px;font-size:.66rem;background:rgba(20,8,36,.62);color:#fff;padding:3px 8px;border-radius:999px;backdrop-filter:blur(4px)}
.pimg figcaption a{color:#fff;text-decoration:underline}
.bulkgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center;margin-top:22px}
.bulk-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.bulk-links a{display:flex;gap:10px;align-items:center;background:#fff;border:1.5px solid #e4daf3;border-radius:14px;padding:12px;color:var(--deep,#2a0a52);font-weight:600;font-size:.88rem;text-decoration:none;transition:transform .2s,box-shadow .2s}
.bulk-links a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(65,3,126,.12)}
.bulk-links svg{width:26px;height:26px;flex:none;color:var(--purple,#41037e)}
.tbl td,.tbl th{vertical-align:top}
/* product page */
.pgal{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;margin:6px 0 18px}
.pgal .pimg:first-child{grid-row:1/3}.pgal .pimg img{height:100%;max-height:none}
.pgal .pimg figcaption{display:none}.pgal .pimg:first-child figcaption{display:block}
.rate{display:grid;gap:9px;margin:10px 0}
.rate div{display:grid;grid-template-columns:140px 1fr 40px;gap:10px;align-items:center;font-size:.86rem}
.rate i{display:block;height:9px;border-radius:99px;background:#eee7f7;overflow:hidden}.rate i b{display:block;height:100%;background:linear-gradient(90deg,var(--purple,#41037e),var(--green,#03be63));border-radius:99px}
.prodc .pc-thumb{margin:-4px -4px 10px;border-radius:12px;overflow:hidden;aspect-ratio:3/2;background:#efe9f8}.prodc .pc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){.bulkgrid{grid-template-columns:1fr}.pgal{grid-template-columns:1fr 1fr;grid-template-rows:auto}.pgal .pimg:first-child{grid-column:1/3;grid-row:auto}.rate div{grid-template-columns:110px 1fr 34px}}
/* nav: nine items fit on one line between the mobile breakpoint and wide desktops */
.menu{gap:18px;font-size:.88rem}.menu a{white-space:nowrap}
@media(min-width:961px) and (max-width:1220px){.menu{gap:12px;font-size:.8rem}.menu .btn-sm{padding:8px 12px}}

/* numbered step cards for "How it works" on services and bulk/export pages (the home page keeps its own .steps layout) */
.howlist{list-style:none;counter-reset:hw;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:16px 0 0;padding:0}
.howlist li{counter-increment:hw;background:#fff;border:1.5px solid #e4daf3;border-radius:16px;padding:16px;font-size:.92rem;color:var(--ink,#1c1330);line-height:1.5;box-shadow:0 6px 18px rgba(65,3,126,.05)}
.howlist li::before{content:counter(hw);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--purple,#41037e);color:#fff;font-weight:700;margin-bottom:10px}
.howlist li b{display:block;color:var(--deep,#2a0a52);margin-bottom:4px;font-size:1rem}