Ultra Thin Edition Cases

About

/* Scoped to .la-utc — mirrors .la-shipping design system for visual consistency. */ .la-utc { font-family: inherit; color: #263238; margin: 0 auto; padding: 0; background: transparent; } .la-utc__banner { margin: 0 0 32px; } .la-utc__banner img { width: 100%; height: auto; display: block; border-radius: 4px; } .la-utc__intro { margin-bottom: 40px; } .la-utc__preorder { background: #fce8ea; border-top: 2px solid #dc143c; border-bottom: 2px solid #dc143c; padding: 14px 20px; margin: 0 0 32px; text-align: center; } .la-utc__preorder p { margin: 0; font-size: 0.95rem; line-height: 1.6; letter-spacing: 0.02em; color: #263238; } .la-utc__preorder-tag { color: #dc143c; } .la-utc__preorder a { color: #263238; text-decoration: underline; } .la-utc__intro p { font-size: 1.05rem; line-height: 1.65; color: #3a4045; margin: 0 0 16px; } .la-utc__intro p:last-child { margin-bottom: 0; } .la-utc__intro strong { color: #263238; } .la-utc__section-header { font-size: 1.75rem; font-weight: 400; letter-spacing: 0.02em; color: #263238; margin: 56px 0 24px; } .la-utc__chooser { list-style: none; padding: 0; margin: 0 0 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; } .la-utc__chooser li { background: #F5F5F0; border-radius: 8px; padding: 16px 18px; font-size: 0.95rem; line-height: 1.5; color: #3a4045; } .la-utc__chooser li strong { display: block; color: #263238; margin-bottom: 4px; font-weight: 600; } .la-utc__table-wrap { overflow-x: auto; margin: 0 0 16px; } .la-utc__table { width: 100%; border-collapse: collapse; font-size: 0.95rem; } .la-utc__table thead th { background: #263238; color: #F5F5F0; padding: 14px 16px; text-align: left; font-weight: 500; font-size: 0.9rem; letter-spacing: 0.02em; } .la-utc__table tbody td { padding: 14px 16px; color: #3a4045; } .la-utc__table tbody tr:nth-child(odd) { background: #FAFAF7; } .la-utc__table tbody tr:nth-child(even) { background: #F5F5F0; } .la-utc__table tbody td strong { color: #263238; } .l