/* Ecommerce page composition, scoped to the existing route and CMS content. */
.ff9-route-ecommerce{--ff-shop-section:clamp(36px,4vw,64px)}
.ff9-route-ecommerce main .section{padding-top:var(--ff-shop-section);padding-bottom:var(--ff-shop-section)}
.ff9-route-ecommerce main .ffx-experience__shell{max-width:none;padding:0}
.ff9-route-ecommerce main .ffx-experience__head{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;margin-bottom:24px}
.ff9-route-ecommerce main .ffx-experience__head h2{max-width:22ch}
.ff9-route-ecommerce main .ffx-experience__head>p{max-width:64ch}
.ff9-route-ecommerce main .ffx-experience__actions{justify-content:flex-start;padding-top:20px}
.ff9-route-ecommerce main .intro-extras{padding-top:16px;padding-bottom:16px}
.ff9-route-ecommerce main .intro-extras .f-pagehead{padding-top:0}
.ff9-route-ecommerce main .body-content.page-body>.source-section{padding-top:var(--ff-shop-section);padding-bottom:var(--ff-shop-section)}
.ff9-route-ecommerce main .v11-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.ff9-route-ecommerce main .body-content .f-cases--static{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}
.ff9-route-ecommerce main .body-content .f-case__img{overflow:hidden;border-radius:16px;aspect-ratio:16/10;background:#e7efef}
.ff9-route-ecommerce main .body-content .f-case__img img{height:100%;max-height:none;object-fit:cover;object-position:top}
.ff9-route-ecommerce main .body-content .f-case__body{flex:1}
.ff9-route-ecommerce main .body-content .f-case .f-link{align-self:flex-start;margin-top:auto}
.ff9-route-ecommerce main .body-content .f-head--row{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.ff9-route-ecommerce main .body-content .f-head--row>.f-link{margin:0 0 20px}
.ff9-route-ecommerce main .ff129-evidence .sectionhead{align-items:start}
.ff9-route-ecommerce main .ff129-evidence .sectionhead>p{align-self:start}
.ff9-route-ecommerce main .body-content .f-plan{gap:12px}
.ff9-route-ecommerce main .body-content .f-plan h3{font-size:24px;line-height:1.2;margin:0}
.ff9-route-ecommerce main .body-content .f-plan p{font-size:15px;line-height:1.55;margin:0}
.ff9-route-ecommerce main .body-content .f-plan__price{margin:4px 0}
.ff9-route-ecommerce main .body-content .f-plan ul{gap:6px;margin:0 0 10px;padding-left:18px}
.ff9-route-ecommerce main .body-content .f-plan li{font-size:14px;line-height:1.5}
.ff9-route-ecommerce main .body-content .f-plan>.btn{margin-right:0;margin-bottom:0}
.ff9-route-ecommerce main .body-content .f-plan .btn{min-height:46px}
.ff9-route-ecommerce main .retained-closing{padding-top:28px}
@media(max-width:760px){
 .ff9-route-ecommerce main .v11-tiles,.ff9-route-ecommerce main .body-content .f-cases--static{grid-template-columns:minmax(0,1fr)}
 .ff9-route-ecommerce main .ffx-experience__track{flex-wrap:wrap;overflow:visible;margin-right:0;padding-right:0}
 .ff9-route-ecommerce main .ffx-experience__pill{flex:0 1 auto;width:auto;min-height:44px}
}

/* 13.1.2: three projects sit in one row on desktop instead of leaving a card on its own. */
@media(min-width:1101px){.ff9-route-ecommerce main .body-content .f-cases--static:has(>.f-case:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}}