/* Card dimensions, chrome, crop and hover match the original Listeo HTML cards. */
.lpds{--lpds-preview-height:220px;box-sizing:border-box;width:100%;max-width:1210px;margin:0 auto;padding:45px 50px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;box-shadow:0 2px 4px #0000000f;color:#222;font-family:inherit}
.lpds *{box-sizing:border-box}.lpds [hidden]{display:none!important}
.lpds-header{margin-bottom:30px}
.lpds .lpds-headline{margin:0 0 12px;font-family:inherit;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.027em;color:#1f1f1f}
.lpds .lpds-subtitle{font-family:inherit;font-size:18px;font-weight:400;line-height:30px;color:#8b8b8b}
.lpds .lpds-subtitle p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}.lpds-subtitle strong{font-weight:600;color:#292929}
.lpds-subtitle mark{padding:2px 5px;border-radius:3px;background:#fbf6d4;color:#7e700d}
.lpds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}
.lpds .lpds-card{display:flex;flex-direction:column;min-width:0;position:relative;border-radius:8px;padding:0;background:transparent;box-shadow:none;color:inherit;text-decoration:none;transition:transform .3s}
.lpds a.lpds-card:focus-visible,.lpds-address:focus-visible,.lpds button:focus-visible{outline:3px solid #f91942;outline-offset:4px}
.lpds-bar{display:flex;padding:8px 10px;background:#f2f2f2;border-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit;flex-shrink:0;height:36px}
.lpds-dots{display:flex;gap:4px;flex:0 0 40px;margin-left:2px;margin-top:-1px;line-height:20px}.lpds-dots i{display:inline-block;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#ed594a}.lpds-dots i:nth-child(2){background:#fdd800}.lpds-dots i:nth-child(3){background:#5ac05a}
.lpds .lpds-address{display:block;min-width:0;flex:1;border:0;border-radius:4px;padding:0 10px;margin:0;height:20px;line-height:20px;background:#fff;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;text-decoration:none;box-shadow:none}
.lpds-preview{position:relative;height:auto;max-height:var(--lpds-preview-height);overflow:hidden;min-width:0;background:#f0f0f0;border-radius:0;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;box-shadow:0 0 22px #0000001a;transition:box-shadow .3s}
.lpds .lpds-image{display:block;width:100%;height:auto;max-width:100%;transform:none;transition:none}
.lpds .lpds-card-image.lpds-hover:hover,.lpds .lpds-card-image.lpds-hover:focus,.lpds .lpds-card-image.lpds-hover:active{transform:translateY(-6px)}
.lpds-card-image.lpds-hover:hover .lpds-preview,.lpds-card-image.lpds-hover:focus .lpds-preview{box-shadow:0 0 28px #00000026}
.lpds-html{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;padding:24px;overflow-wrap:anywhere}
.lpds .lpds-card-html{background:#f7f7f7}.lpds-card-html .lpds-preview{display:flex;flex-direction:column;flex:1;min-height:var(--lpds-preview-height);max-height:none;height:auto;overflow:auto;background:transparent;border-radius:inherit;box-shadow:none}
.lpds-badges{--lpds-badge-inset:15px;position:absolute;z-index:1;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 2 * var(--lpds-badge-inset));pointer-events:none}
.lpds-bottom-right{bottom:var(--lpds-badge-inset);right:var(--lpds-badge-inset);justify-content:flex-end}.lpds-bottom-left{bottom:var(--lpds-badge-inset);left:var(--lpds-badge-inset)}.lpds-top-right{top:var(--lpds-badge-inset);right:var(--lpds-badge-inset);justify-content:flex-end}.lpds-top-left{top:var(--lpds-badge-inset);left:var(--lpds-badge-inset)}
.lpds-badge{display:block;padding:2px 9px;border-radius:6px;background:#111;color:white;font-size:15px;line-height:24px;font-weight:600;overflow-wrap:anywhere}
.lpds-install{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:12px;color:#858585;font-size:14px;line-height:1.3}
.lpds .lpds-install h3{font-size:17px;line-height:1.3;letter-spacing:normal;font-weight:700;margin:0;color:#1a1a1a}.lpds .lpds-install p{margin:0;font-size:14px;color:#858585;line-height:1.3}
.lpds-install-icon{position:relative;display:block;width:104px;height:72px;margin-bottom:16px;border:1px solid #e4e4e4;border-radius:8px;background:radial-gradient(circle at 8px 7px,#ed6a5e 2.5px,transparent 3px),radial-gradient(circle at 16px 7px,#f5bf4f 2.5px,transparent 3px),radial-gradient(circle at 24px 7px,#61c554 2.5px,transparent 3px),linear-gradient(#eee,#eee) 0 0/100% 14px,linear-gradient(#d9d9d9,#d9d9d9) 6px 20px/90px 18px,linear-gradient(#e2e2e2,#e2e2e2) 6px 42px/56px 4px,repeating-linear-gradient(90deg,#ececec 0 27px,transparent 27px 31.5px) 6px 50px/90px 10px,#fff;background-repeat:no-repeat}
.lpds-install-icon:after{content:"";position:absolute;right:-9px;bottom:-9px;width:26px;height:26px;border:3px solid #f5f5f5;border-radius:50%;background:#1f9d57 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4 10-10'/%3E%3C/svg%3E") center/13px no-repeat}
.lpds-more-wrap{display:flex;justify-content:center;margin-top:30px}.lpds .lpds-more{display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:14px;font-weight:600;line-height:20px;padding:9px 16px 9px 18px;border:1px solid #dedede;border-radius:7px 7px 7px 7px;color:#222;background:#fff;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.09);transition:background .2s,border-color .2s}.lpds .lpds-more:hover{background:#fafafa;border-color:#d5d5d5}
.lpds-carousel-nav{display:none}
@media(max-width:1024px){.lpds{padding:30px}.lpds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.lpds{padding:30px}.lpds-grid{grid-template-columns:1fr}.lpds .lpds-headline{font-size:23px}.lpds .lpds-subtitle{font-size:16px;line-height:1.6}.lpds-mobile-carousel>.lpds-grid{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px 0 18px;scroll-padding:0}.lpds-mobile-carousel>.lpds-grid::-webkit-scrollbar{display:none}.lpds-mobile-carousel>.lpds-grid>.lpds-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.lpds-mobile-carousel>.lpds-more-wrap{display:none!important}.lpds-mobile-carousel>.lpds-carousel-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:4px}.lpds .lpds-carousel-nav button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #dedede;border-radius:50%;background:#fff;color:#222;font-size:20px;line-height:1;cursor:pointer}.lpds .lpds-carousel-nav button:disabled{opacity:.3;cursor:default}.lpds-carousel-status{font-size:13px;font-variant-numeric:tabular-nums;color:#777;min-width:40px;text-align:center}}
@media(prefers-reduced-motion:reduce){.lpds .lpds-card,.lpds-preview,.lpds .lpds-more{transition:none}.lpds .lpds-card-image.lpds-hover:hover,.lpds .lpds-card-image.lpds-hover:focus,.lpds .lpds-card-image.lpds-hover:active{transform:none}}

.lpds-chevron{display:block;flex-shrink:0;transition:transform .28s ease}.lpds-more[aria-expanded="true"] .lpds-chevron{transform:rotate(180deg)}.lpds-carousel-nav svg{display:block;pointer-events:none}.lpds[data-lpds-animating="true"]>.lpds-grid{align-content:start;overflow:visible;clip-path:inset(-40px -100vmax -40px)}.lpds-card-html.lpds-hover{transform:none!important}.lpds-card-html.lpds-hover .lpds-preview{box-shadow:none}
@media(prefers-reduced-motion:reduce){.lpds-chevron{transition:none}}

/* Keep cached quiet-vector versions compatible with Demo Showcase cards. */
.lpds .lpds-card-image.browser-window:not(.lpds-hover):hover{transform:none}
.lpds-card-image.listeo-envato-demo-limited>.listeo-envato-demo-badge{right:var(--lpds-badge-inset,15px);bottom:var(--lpds-badge-inset,15px);max-width:calc(100% - 2 * var(--lpds-badge-inset,15px));white-space:normal;text-align:center;box-sizing:border-box}
.lpds-card-image.listeo-envato-demo-limited .lpds-badges.lpds-bottom-right,.lpds-card-image.listeo-envato-demo-limited .lpds-badges.lpds-bottom-left{bottom:calc(var(--lpds-badge-inset,15px) + var(--listeo-envato-badge-space,42px))}
@media(max-width:767px){.lpds-card-image.listeo-envato-demo-limited{--listeo-envato-badge-space:64px}}