@import url('/uploads/gpt-duo-product-mobile-entry-20261022-v1.css');
/* Product-detail purchase preview v1. Applies before and after Vue mounts. */
.product-detail-page .space-y-3 > .grid > button:first-child:nth-last-child(2) { display: none !important; }
.product-detail-page .space-y-3 > .grid { grid-template-columns: minmax(0, 1fr) !important; }
.product-detail-page button:not(:disabled) { cursor: pointer; }

/* Only the five new Grok detail hero images. */
.product-detail-page [class~="aspect-[3/4]"] > img[src="/uploads/grok-20261023-v2/grok-plus-monthly-93ec2d0dc939.webp"],
.product-detail-page [class~="aspect-[3/4]"] > img[src="/uploads/grok-20261023-v2/grok-premium-monthly-876a5b863956.webp"],
.product-detail-page [class~="aspect-[3/4]"] > img[src="/uploads/grok-20261023-v2/grok-super-monthly-7ec2ffede0a9.webp"],
.product-detail-page [class~="aspect-[3/4]"] > img[src="/uploads/grok-20261023-v2/grok-ultra-monthly-43e11e17ba8f.webp"],
.product-detail-page [class~="aspect-[3/4]"] > img[src="/uploads/grok-20261023-v2/grok-heavy-monthly-f64ab5c0682e.webp"]{object-fit:cover!important;object-position:50% 50%}

/* Hide only the guest-purchase badge in product detail and product center. */
.product-detail-page div.text-warning:has(> svg.lucide-user-plus),
.products-page div.text-warning:has(> svg.lucide-user-plus){display:none!important}