@import 'product_detail.css';

/* Style 12: Vertical Flow - Sidebar on the left */
.view-12 {
    display: grid;
    grid-template-columns: 250px 1fr 1fr;
    gap: 3rem;
}

.view-12 .product-gallery {
    grid-column: 2;
}

.view-12 .product-details {
    grid-column: 3;
}

.view-12::before {
    content: 'SPECIFICATIONS';
    grid-column: 1;
    grid-row: 1 / span 2;
    background: #000;
    color: var(--accent);
    writing-mode: vertical-rl;
    text-align: center;
    font-size: 5rem;
    font-weight: 900;
    opacity: 0.1;
    padding: 2rem;
}