/* DRG Product Details: specification and floor-plan tabs, spec sheet link (moved from css-site-customizations.php) */

/* product_details: specifications and floor plans behind tabs, then the spec sheet link */
section.section--product_details { padding: 2.5rem 0; }
.product-details { display: flex; flex-direction: column; align-items: stretch; gap: 2.5rem; padding: 3rem 4rem; border-radius: 1rem; background-color: white; box-shadow: var(--box-shadow-0); }
.product-details--tabs { display: flex; gap: 2rem; border-bottom: 0.0625rem solid var(--color-gray-light); }
.product-details--tab { margin: 0; padding: 0 0 0.75rem; border: 0; border-bottom: 0.1875rem solid transparent; background: none; color: #6f767d; text-transform: uppercase; cursor: pointer; }
.product-details--tab[aria-selected="true"] { color: var(--color-blue-dark); border-bottom-color: var(--color-blue-dark); cursor: default; }
.product-details--tab:hover { color: var(--color-blue-dark); }
.product-details--tab:focus-visible, .product-details--panel:focus-visible { outline: var(--focus-outline); outline-offset: 0.125rem; }
.product-details--panel[hidden] { display: none !important; }
.product-details--specifications { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.product-details--column { display: flex; flex-direction: column; gap: 2rem; }
.product-details--group { display: flex; flex-direction: column; gap: 1rem; }
.product-details--group h3 { margin: 0; color: var(--color-blue-medium); text-transform: uppercase; }
.product-details--group dl { display: flex; flex-direction: column; gap: 1rem; margin: 0; }
.product-details--row { display: flex; gap: 1.5rem; padding-bottom: 0.75rem; border-bottom: 0.0625rem solid var(--color-gray-light); font-size: 1rem; line-height: 1.5; }
.product-details--row dt { flex: none; width: 8.125rem; font-weight: 500; color: var(--color-gray-darker); }
.product-details--row dd { flex: 1 1 0; min-width: 0; margin: 0; color: var(--color-blue-dark); }
.product-details--floor-plans { display: flex; flex-direction: column; gap: 2.5rem; }
.product-details--plan { display: flex; flex-direction: column; gap: 0.625rem; margin: 0; }
.product-details--plan img { display: block; width: 100%; height: auto; aspect-ratio: 1072 / 500; object-fit: contain; }
a.product-details--download { display: inline-flex; align-items: center; align-self: flex-start; gap: 0.5rem; padding: 0.25rem 0; font-size: 1rem; font-weight: 700; line-height: 1.3; color: var(--color-blue-medium); text-decoration: none; }
a.product-details--download:hover { text-decoration: underline; }
@media (width >= 51rem) { .product-details--specifications { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; } }
@media (width < 51rem)
{
	section.section--product_details { padding: 2rem 0; }
	.product-details { gap: 2rem; padding: 1.5rem 1rem; }
	.product-details--row { justify-content: space-between; font-size: 0.875rem; }
	.product-details--row dt { width: auto; font-weight: 400; }
	.product-details--row dd { text-align: right; }
	a.product-details--download { font-size: 0.875rem; }
}