/* Shared product showcase for the studio homepage and product collection. */
.app-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.app-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #251c3817;border-radius:18px;background:#fffdf8;color:#251c38;text-decoration:none;box-shadow:0 16px 42px -38px #251c3880;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.app-card:hover{transform:translateY(-5px);border-color:#251c3840;box-shadow:0 28px 48px -36px #251c3880}
.app-card:focus-visible{outline:3px solid #8d3ea4;outline-offset:4px}
.app-card.featured{grid-column:span 2}
.app-showcase.odoo-apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.app-art{height:190px;position:relative;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid #251c3813}
.app-card.featured .app-art{height:235px}
.app-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#251c3819);pointer-events:none}
.app-art img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s ease}
.app-card:hover .app-art img{transform:scale(1.035)}
.app-art-courier{background:#dcebb6}.app-art-odoo{background:#e8ddeb}.app-art-prices{background:#e8e1f0}.app-art-undo{background:#dce7e5}.app-art-invoice{background:#f6e7d8}.app-art-checkout{background:#dddff0}.app-art-noon{background:#f4e9d6}
.app-art-symbol{font:600 clamp(70px,8vw,126px)/1 'Space Grotesk',sans-serif;letter-spacing:-.09em;transform:rotate(-9deg);color:#251c38;opacity:.86}
.app-art-prices .app-art-symbol{color:#684d8e}.app-art-undo .app-art-symbol{color:#447778}.app-art-invoice .app-art-symbol{color:#b25e42}.app-art-checkout .app-art-symbol{color:#485ba0}.app-art-noon .app-art-symbol{color:#ab7335}
.app-art-tag{position:absolute;z-index:1;bottom:14px;left:17px;padding:5px 9px;border-radius:4px;background:#fffdf8da;color:#52465b;font:600 10px 'DM Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.app-card-copy{display:flex;flex:1;flex-direction:column;padding:23px 24px 21px}
.app-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:650 10px 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#736c7c}
.app-card-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#4d6941;letter-spacing:0;text-transform:none;font-size:11px}
.app-card-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.app-card-status.soon{color:#a65a30}
.app-card h3{margin:17px 0 10px;font:500 clamp(24px,2.3vw,34px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.055em}
.app-card p{margin:0;color:#736c7c;font:400 13px/1.65 'DM Sans',sans-serif;max-width:480px}
.app-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:24px;font:650 12px 'DM Sans',sans-serif}
.app-card-foot span:last-child{font-size:24px;font-weight:400;line-height:1;transition:transform .25s ease}.app-card:hover .app-card-foot span:last-child{transform:translate(3px,-3px)}
.app-group-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:44px 0 20px}.app-group-head:first-child{margin-top:0}.app-group-head h3,.app-group-head h2{font:500 clamp(28px,3.2vw,42px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.055em}.app-group-head p{font-size:13px;color:#736c7c;max-width:330px}
.app-extension{display:flex;align-items:center;gap:18px;padding:22px 24px;border:1px solid #251c3825;border-radius:13px;text-decoration:none;background:#fffdf8}.app-extension img{width:50px;height:50px;flex:none}.app-extension>div{flex:1}.app-extension small{font:650 10px 'DM Sans',sans-serif;color:#736c7c;letter-spacing:.08em;text-transform:uppercase}.app-extension strong{display:block;font:500 22px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.app-extension>span{font-size:25px}.app-extension:hover{border-color:#251c38}
.payment-flow{position:relative;z-index:1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.payment-flow-name{font:600 clamp(35px,4vw,54px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere}.payment-flow-arrow{font-size:31px;line-height:1;color:#ffad9d;transform:rotate(90deg)}
@media(max-width:1000px){.app-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card.featured{grid-column:span 2}}
@media(max-width:650px){.app-showcase,.app-showcase.odoo-apps-grid{grid-template-columns:1fr}.app-card.featured{grid-column:span 1}.app-card.featured .app-art,.app-art{height:180px}.app-card-copy{padding:20px}.app-group-head{display:block;margin-top:34px}.app-group-head p{margin-top:8px}.app-extension{padding:18px}.app-extension strong{font-size:18px}.payment-flow-name{font-size:38px}}
@media(prefers-reduced-motion:reduce){.app-card,.app-art img,.app-card-foot span:last-child{transition:none}}