/* ==========================================================
   BEE VENOM PAGE
   Only what this page needs beyond css/site.css:
   the layout beside the specification table
   (the table itself is in site.css).
   ========================================================== */


/* ----------------------------------------------------------
   Product specification
   ---------------------------------------------------------- */

.spec-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 64px;
    align-items: start;
}

/* ----------------------------------------------------------
   Tablet
   ---------------------------------------------------------- */

@media (max-width: 1024px) {

    .spec-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

}