/* Shared: the "Why choose our B2B eCommerce platform?" visual (HomeLimitsVisual.astro), used on the homepage and /case-studies/doppler. Moved out of home.css unchanged. */
/* v1.9 limits visual: Figma 772:8006, product card on a white panel with four green-tick labels over its left edge, ERP logo grid on the right. The card scales with its own width (cqi), so it keeps the Figma proportions at every size */
.lim-vis{display:grid;grid-template-columns:minmax(0,454px) minmax(0,454px);justify-content:center;gap:2.5rem;align-items:start}
.lim-left{position:relative}
.lim-panel{position:relative;aspect-ratio:454 / 457;background:#fff;border-radius:12px;overflow:hidden;container-type:inline-size}
.lim-card{position:absolute;left:21.6%;top:4.6%;width:67.5%;container-type:inline-size;background:#fff;border:1px solid #edf0f3;border-radius:14px;box-shadow:0 8px 24px -10px rgba(24,30,53,.18);z-index:1}
.lim-card_in{padding:4.8cqi;display:grid;grid-template-columns:30cqi minmax(0,1fr);column-gap:4.6cqi;row-gap:3.6cqi;align-items:start}
.lim-card_thumb{aspect-ratio:1;border-radius:4.5cqi;background:#fff;box-shadow:0 4px 14px -6px rgba(24,30,53,.2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.lim-card_thumb img{display:block;width:92%;height:auto}
.lim-card_body{min-width:0;color:#181e35}
.lim-card_body p{margin:0}
.lim-card_title{font-weight:500;font-size:4.3cqi;line-height:1.25;margin-bottom:2.2cqi!important;white-space:nowrap}
.lim-card_meta{font-size:3.1cqi;line-height:1.4;margin-bottom:1.2cqi!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lim-card_was{font-size:3cqi;line-height:1.3;color:#667788;margin-top:2.4cqi!important;white-space:nowrap}
.lim-card_price{font-size:3.1cqi;line-height:1.25;color:#48596b;white-space:nowrap}
.lim-card_price .lim-mono{font-size:5.4cqi;font-weight:600;color:#181e35;letter-spacing:-.02em}
.lim-card_label{color:#08a270;font-weight:600;margin-right:1.2cqi}
.lim-mono{font-family:"Red Hat Mono",ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
.lim-card_qty{justify-self:start;align-self:center;background:#e9ecef;color:#181e35;border-radius:2.6cqi;font-size:3.9cqi;padding:2.6cqi 4.4cqi;white-space:nowrap}
.lim-card_btn{position:relative;justify-self:start;align-self:center;display:inline-flex;align-items:center;gap:2.6cqi;background:#08a270;color:#fff;border-radius:2.6cqi;font-size:3.9cqi;font-weight:500;padding:2.6cqi 5.4cqi;white-space:nowrap}
.lim-card_btn>svg{width:4.2cqi;height:4.2cqi;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.lim-card_btn>svg.lim-card_pointer{position:absolute;right:-6cqi;top:42%;width:10cqi;height:auto;fill:#08a270;stroke:#fff;stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 3px 5px rgba(24,30,53,.3))}
.lim-ghost{position:absolute;display:flex;gap:6cqi;padding:5cqi;background:#fff;border:1px solid #eef1f4;border-radius:3cqi;box-shadow:0 8px 24px -12px rgba(24,30,53,.2);filter:blur(3px);opacity:.85}
.lim-ghost.is-1{left:61.7%;top:39%;width:46%;height:38%}
.lim-ghost.is-2{left:33%;top:58.4%;width:62%;height:39%;filter:blur(4.5px);opacity:.75}
.lim-ghost_thumb{flex:none;width:21cqi;height:21cqi;border-radius:3cqi;background:linear-gradient(135deg,#eef0f3,#d9dee5)}
.lim-ghost_lines{flex:1;display:flex;flex-direction:column;gap:3cqi;padding-top:1cqi}
.lim-ghost_lines i{display:block;height:2.6cqi;width:80%;border-radius:2cqi;background:#d5dae1}
.lim-ghost_lines i:nth-child(2){width:55%}.lim-ghost_lines i:nth-child(3){width:65%}
.lim-ghost_lines b{display:block;margin-top:auto;height:8cqi;width:60%;border-radius:2cqi;background:#7fd0b6}
.lim-pills{list-style:none;margin:0;padding:0;position:absolute;left:-6.6%;top:49%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:2}
.lim-pill{display:inline-flex;align-items:center;gap:.6rem;background:#181e35;color:#fff;font-weight:600;font-size:15px;line-height:1.3;padding:.5rem 1.1rem .5rem .6rem;border-radius:999px;box-shadow:0 3px 6px rgba(0,0,0,.05);white-space:nowrap}
.lim-pill svg{flex:none;width:22px;height:22px;border-radius:50%;background:#08a270;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lim-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,2.3vw,1.43rem)}
.lim-logo{aspect-ratio:1;background:#fff;border-radius:11px;box-shadow:0 2px 10px -4px rgba(24,30,53,.12);display:flex;align-items:center;justify-content:center}
.lim-logo img{display:block;max-width:74%;max-height:44%;width:auto;height:auto}
@media (max-width:1099px){.lim-vis{gap:1.75rem}.lim-pill{font-size:13px;padding:.4rem .9rem .4rem .45rem}.lim-pill svg{width:19px;height:19px}.lim-pills{gap:7px;left:-12px}}
@media (max-width:991px){.lim-pill{font-size:11.5px;gap:.45rem}.lim-pill svg{width:17px;height:17px}}
@media (max-width:767px){.lim-vis{grid-template-columns:minmax(0,1fr);gap:1.25rem}.lim-panel{aspect-ratio:343 / 280}.lim-card{left:6%;width:88%;top:6%}.lim-ghost.is-1{left:62%;top:58%;width:44%;height:40%}.lim-ghost.is-2{left:16%;top:72%;width:70%;height:40%}.lim-pills{position:static;margin-top:1rem;gap:.5rem}.lim-pill{white-space:normal;font-size:14px;padding:.55rem 1rem .55rem .55rem;max-width:100%}.lim-pill svg{width:20px;height:20px}.lim-logos{gap:.5rem}.lim-logo{border-radius:9px}}
@media (max-width:767px){.lim-pill{font-size:13px;width:fit-content;max-width:100%}}