@media (max-width: 900px) { body { padding-bottom: 70px; } .mobile-nav { display: flex; } .page-header__nav { display: none; }}@media (min-width: 901px) { .mobile-nav { display: none; }}#product-detail-modal .modal__dialog { width: min(960px, 100%); padding: var(--space-lg);}#product-detail-modal .modal__body { grid-template-columns: 1fr; gap: var(--space-xl);}@media (min-width: 640px) { #product-detail-modal .modal__body { grid-template-columns: 300px 1fr; }}#product-detail-modal .modal-product__image-wrap { aspect-ratio: 1 / 1; border-radius: var(--radius-md); background-color: var(--color-off-white, #f8faf8); border: 2px dashed var(--color-border-light); overflow: hidden; display: flex; align-items: center; justify-content: center;}#product-detail-modal .modal-product__image { width: 100%; height: 100%; object-fit: cover;}#product-detail-modal .modal-product__info { display: flex; flex-direction: column; gap: var(--space-sm);}#product-detail-modal .modal-product__info > .chip { font-size: var(--text-xs); padding: 3px 10px; align-self: flex-start;}#product-detail-modal .modal-product__name { font-family: var(--font-heading); font-size: var(--heading-md); font-weight: var(--font-weight-bold); color: var(--color-text); margin: 0; line-height: 1.2;}#product-detail-modal .modal-product__sku { font-size: var(--text-sm); color: var(--color-text-muted); font-family: var(--font-primary); margin: 0;}#product-detail-modal .modal-product__desc { font-size: var(--text-base); color: var(--color-text); line-height: 1.6; margin: 0;}#product-detail-modal .modal-product__price { font-family: var(--font-heading); font-size: var(--text-xl); font-weight: var(--font-weight-bold); color: var(--color-primary-dark); margin: var(--space-sm) 0 0 0;}#product-detail-modal .modal-product__sprints { padding: var(--space-md); border: var(--border-default); border-radius: var(--radius-lg); background: var(--color-off-white, #f8faf8); margin-top: var(--space-md);}#product-detail-modal .modal-product__sprints-title { font-family: var(--font-heading); font-size: var(--text-lg); font-weight: var(--font-weight-bold); color: var(--color-text); margin: var(--space-md) 0 var(--space-sm) 0;}#product-detail-modal .modal-product__sprints-list { display: flex; flex-direction: column; gap: var(--space-sm);}#product-detail-modal .modal-sprint-item { display: flex; flex-direction: column; gap: var(--space-xs); padding: var(--space-md); border: var(--border-default); border-radius: var(--radius-lg); background: var(--color-off-white, #f8faf8); text-decoration: none; color: inherit; transition: transform 0.2s ease, box-shadow 0.2s ease;}#product-detail-modal .modal-sprint-item:hover { transform: translateY(-2px); box-shadow: 4px 6px 0 var(--color-primary-light);}#product-detail-modal .modal-sprint-item__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm);}#product-detail-modal .modal-sprint-item__name { font-family: var(--font-heading); font-size: var(--text-lg); font-weight: var(--font-weight-bold); color: var(--color-text);}#product-detail-modal .modal-sprint-item__meta { display: flex; align-items: center; gap: var(--space-sm);}#product-detail-modal .modal-sprint-item__status { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: var(--radius-pill); font-size: var(--text-xs); font-weight: var(--font-weight-bold); text-transform: uppercase; letter-spacing: 0.05em; background: var(--color-neutral-light); color: var(--color-neutral);}#product-detail-modal .modal-sprint-item__status--open { background: var(--color-success-light); color: var(--color-success);}#product-detail-modal .modal-sprint-item__status--active { background: var(--color-info-light); color: var(--color-info);}#product-detail-modal .modal-sprint-item__count { font-size: var(--text-sm); color: var(--color-text-muted);}#product-detail-modal .modal-sprint-item__desc { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.5; margin: 0;}#product-detail-modal .modal-sprint-item__empty { text-align: center; color: var(--color-text-muted); font-size: var(--text-base); padding: var(--space-lg); border: var(--border-default); border-radius: var(--radius-lg); background: var(--color-off-white, #f8faf8);}@media (max-width: 520px) { #product-detail-modal .modal__dialog { padding: var(--space-md); } #product-detail-modal .modal__body { gap: var(--space-lg); } #product-detail-modal .modal-product__image-wrap { aspect-ratio: 4 / 3; } #product-detail-modal .modal-product__sprints { padding: var(--space-sm); } #product-detail-modal .modal-product__sprints-title { font-size: var(--text-base); } #product-detail-modal .modal-product__name { font-size: var(--heading-sm); } #product-detail-modal .modal-product__price { font-size: var(--text-lg); } #product-detail-modal .modal-sprint-item { padding: var(--space-sm); } #product-detail-modal .modal-sprint-item__header { flex-direction: column; align-items: flex-start; gap: var(--space-xs); } #product-detail-modal .modal-sprint-item__name { font-size: var(--text-base); } #product-detail-modal .modal-sprint-item__meta { width: 100%; justify-content: space-between; } #product-detail-modal .modal-sprint-item__status { font-size: 0.7rem; padding: 2px 8px; } #product-detail-modal .modal-sprint-item__count { font-size: 0.75rem; } #product-detail-modal .modal-sprint-item__empty { padding: var(--space-md); font-size: var(--text-sm); }}@media (max-width: 380px) { #product-detail-modal .modal__dialog { padding: var(--space-sm); } #product-detail-modal .modal-product__image-wrap { border-radius: var(--radius-sm); } #product-detail-modal .modal-sprint-item { padding: var(--space-xs); border-radius: var(--radius-md); }}