/* ALTAPARTE conversion layer — v16 */

/* Preserve established structural fixes. */
.app[data-department=portfolio],
.ap-approved-app .app[data-department=portfolio]{--bg:#0c0d0f!important;background:#0c0d0f!important}
.app[data-department=portfolio] main,.app[data-department=portfolio] .page{background:#0c0d0f!important}
.app .canvas-column{position:relative!important;top:auto!important}
.landing-calculator,[data-checkout-currency]{display:none!important}

/* Merch hero: keep the page plane clean and the product visual deliberate. */
.app[data-department=merch] .merch-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,430px)!important;align-items:center!important;gap:clamp(36px,5vw,82px)!important;min-height:0!important;padding:28px 0 42px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.app[data-department=merch] .merch-copy{max-width:720px!important;padding:22px 0!important}
.app[data-department=merch] .merch-visual{justify-self:end!important;width:100%!important;max-width:430px!important;min-width:0!important;aspect-ratio:4/5!important;overflow:hidden!important;background:transparent!important;border-radius:12px!important}
.app[data-department=merch] .merch-visual>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:680px){.app[data-department=merch] .merch-hero{grid-template-columns:1fr!important;gap:26px!important;padding-top:12px!important}.app[data-department=merch] .merch-visual{justify-self:start!important;width:min(100%,430px)!important}}

/* Studio carousel: equal cards, one fixed visual zone, one predictable info zone. */
.app[data-department=studio] #asset-results.bundle-carousel{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:4px 2px 20px!important}
.app[data-department=studio] .bundle-carousel>.product-card{box-sizing:border-box!important;flex:0 0 240px!important;width:240px!important;min-width:240px!important;height:430px!important;min-height:430px!important;max-height:430px!important;padding:14px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;overflow:hidden!important;scroll-snap-align:start!important;text-align:left!important}
.app[data-department=studio] .bundle-carousel .product-image{box-sizing:border-box!important;position:relative!important;width:100%!important;height:250px!important;min-height:250px!important;max-height:250px!important;flex:0 0 250px!important;margin:0 0 14px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:transparent!important;border:0!important;border-radius:0!important}
.app[data-department=studio] .bundle-carousel .product-image>img{position:static!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important}
.app[data-department=studio] .bundle-carousel .portrait-cover-stack{position:static!important;width:100%!important;height:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-rows:minmax(0,1fr)!important;gap:8px!important;margin:0!important;padding:0!important;overflow:hidden!important}
.app[data-department=studio] .bundle-carousel .portrait-cover-stack img{position:static!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important}
.app[data-department=studio] .bundle-carousel .brand,.app[data-department=studio] .bundle-carousel h3,.app[data-department=studio] .bundle-carousel .meta,.app[data-department=studio] .bundle-carousel .price{box-sizing:border-box!important;width:100%!important;padding:0!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
.app[data-department=studio] .bundle-carousel .brand{flex:0 0 18px!important;height:18px!important;line-height:18px!important;margin:0 0 7px!important}
.app[data-department=studio] .bundle-carousel h3{flex:0 0 44px!important;font-size:18px!important;line-height:22px!important;min-height:44px!important;max-height:44px!important;margin:0 0 7px!important;overflow:hidden!important}
.app[data-department=studio] .bundle-carousel .meta{flex:0 0 18px!important;font-size:12px!important;line-height:18px!important;min-height:18px!important;max-height:18px!important;margin:0 0 8px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.app[data-department=studio] .bundle-carousel .price{flex:0 0 22px!important;line-height:22px!important;min-height:22px!important;margin:auto 0 0!important}
.app[data-department=studio] .carousel-controls p{color:var(--accent)!important}
@media(max-width:700px){.app[data-department=studio] .bundle-carousel>.product-card{flex-basis:214px!important;width:214px!important;min-width:214px!important;height:404px!important;min-height:404px!important;max-height:404px!important}.app[data-department=studio] .bundle-carousel .product-image{height:224px!important;min-height:224px!important;max-height:224px!important;flex-basis:224px!important}}

/* Conversion architecture. */
.conversion-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
.conversion-actions .primary,.conversion-actions .outline{margin:0!important}
.conversion-panel{margin:42px 0;padding:28px 30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.conversion-panel h3{font-size:clamp(24px,3vw,38px);line-height:1.08;margin:8px 0 10px}
.conversion-panel p{max-width:720px;color:var(--muted);line-height:1.6;margin:0}
.conversion-panel .conversion-actions{margin:0;justify-content:flex-end}
.conversion-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:30px 0 44px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.conversion-trust>div{background:var(--surface);padding:20px}
.conversion-trust strong{display:block;font-size:13px;letter-spacing:.04em;margin-bottom:5px;color:var(--text)}
.conversion-trust span{display:block;font-size:12px;line-height:1.5;color:var(--muted)}
.conversion-close{margin:54px 0 12px;padding:34px;border:1px solid #b8ff3238;border-radius:20px;background:linear-gradient(145deg,#171b14,#10120f)}
.conversion-close h2{font-size:clamp(30px,4vw,50px);margin:10px 0 14px;letter-spacing:-.035em}
.conversion-close p{max-width:660px;color:var(--muted);line-height:1.65}

/* Shorter first-contact form. */
#customer-inquiry .conversion-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#customer-inquiry .conversion-form-grid .field{margin:0}
#customer-inquiry .conversion-full{grid-column:1/-1}
#customer-inquiry select{width:100%}
#customer-inquiry textarea[name="message"]{min-height:130px}
#customer-inquiry .conversion-form-note{font-size:12px;line-height:1.55;color:var(--muted);margin:-4px 0 2px}
@media(max-width:760px){.conversion-panel{grid-template-columns:1fr;padding:24px}.conversion-panel .conversion-actions{justify-content:flex-start}.conversion-trust{grid-template-columns:1fr 1fr}#customer-inquiry .conversion-form-grid{grid-template-columns:1fr}.conversion-full{grid-column:auto!important}}