@layer components.pages {
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-rec-title { font-size: 22px; margin: 0 0 8px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-rec-subtitle { color: var(--ui-muted); margin: 0 0 20px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-disclaimer { display: flex; gap: 12px; margin-bottom: 24px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-disclaimer h4 { margin: 0 0 8px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-disclaimer ul { margin: 0; padding-left: 20px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-section-title { font-size: 18px; border-bottom: 1px solid var(--ui-line); padding-bottom: 12px; margin: 24px 0 16px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-section-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-product-card { position: relative; min-width: 0; border: 1px solid var(--ui-line); border-radius: var(--radius-sm); padding: 16px; display: flex; flex-direction: column; gap: 8px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-image img { width: 100%; height: 160px; object-fit: contain; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-badge { font-size: 12px; color: var(--ui-accent); font-weight: 600; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-title, :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-product-style { margin: 0; font-size: 18px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-subtitle, :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-product-name { color: var(--ui-muted); font-size: 14px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-rating { color: var(--color-warning-ink); }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-colors { font-size: 13px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-button { margin-top: auto; }

@media (width <= 900px) { :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (width <= 600px) { :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-section-grid { grid-template-columns: 1fr; } }

@media print { :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-section-grid { gap: 10px; } :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-product-card { break-inside: avoid; padding: 8px; font-size: 8pt; line-height: 1.25; } :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-rec-title { font-size: 14pt; } :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-section-title { font-size: 11pt; margin: 12px 0; }

 :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-recommendations-section:not(:has(.dtg-product-card)) { break-inside: avoid;
} }

@media print {
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-disclaimer { margin-bottom: 12px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-rec-subtitle { margin-bottom: 12px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-image img { height: 50px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-title { font-size: 11pt; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-subtitle { font-size: 9pt; margin: 4px 0; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-colors { font-size: 8pt; }
}

@media print {
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-section-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-product-card { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 4px 10px; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-image { grid-column: 1; grid-row: 1 / 3; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-badge, :where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-card-content { grid-column: 2; }
:where([data-ui="unified"][data-core-calculator="dtg"]) .dtg-section-title { break-after: avoid; }
}
}