.purchase-page .app-main { max-width: 1280px; }
.purchase-heading { align-items: center; margin-bottom: 22px; }
.purchase-heading > img { object-fit: contain; width: 92px; height: 80px; }
.purchase-tabs { display: flex; gap: 28px; border-bottom: 1px solid var(--border); margin-bottom: 28px; flex-wrap: wrap; }
.purchase-tabs a { min-height: 46px; display: inline-flex; align-items: center; font-size: 13px; color: var(--muted); border-bottom: 2px solid transparent; }
.purchase-tabs a[aria-current] { color: var(--accent); border-bottom-color: var(--accent); }
.purchase-columns { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 24px; align-items: start; }
.purchase-page .empty-state { padding: 30px 12px; }
.purchase-page .surface h2 { font-size: 25px; }
.purchase-page .service-product { grid-template-columns: 18px minmax(0,1fr) auto; }
.purchase-page .purchase-surface { background: var(--surface); }
.purchase-page .service-product:hover { border-color: #9cbeab; }
.purchase-page .product-price small { font-size: 12px; }
.purchase-page .site-dialog h2 { padding-right: 32px; }
@media(max-width:900px) { .purchase-columns { grid-template-columns: 1fr; } .purchase-heading > img { width: 72px; height: 65px; } .purchase-tabs { gap: 0 22px; } }
@media(max-width:600px) { .purchase-heading h1 { font-size: 30px; } .purchase-heading p { font-size: 13px; } .purchase-heading > img { display: none; } .purchase-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; } .purchase-tabs a { font-size: 12px; } }