body.beachDayTotePage .beachDayOriginalOptions { display: none !important; }
body.beachDayTotePage .productColors > .op { display: none !important; }
body.beachDayTotePage .toolPanel:has(> .manySwatches.beachDayOriginalOptions) > .toolTitle { display: none !important; }
.beachDayConfigurator { display: grid; gap: 18px; margin: 18px 0 8px; }
.beachDayChoice { border: 1px solid #23485f; background: linear-gradient(145deg, #061826, #092a38); padding: 16px; }
.beachDayChoiceHead { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.beachDayChoiceHead strong { color: #fff; font-size: 17px; }
.beachDayChoiceHead span { color: #aaff22; font: 700 12px/1 monospace; letter-spacing: .08em; text-transform: uppercase; }
.beachDayChoiceGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.beachDayChoice--color .beachDayChoiceGrid { grid-template-columns: repeat(5, minmax(0, 1fr)); max-height: 300px; overflow: auto; padding-right: 5px; }
.beachDayChoiceGrid button { min-height: 54px; border: 1px solid #2b5066; background: #061521; color: #eaf5fb; padding: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; font: inherit; cursor: pointer; }
.beachDayChoiceGrid button:hover { border-color: #89d3ff; transform: translateY(-1px); }
.beachDayChoiceGrid button.active { border-color: #aaff22; box-shadow: inset 0 0 0 1px #aaff22, 0 0 18px #aaff2222; background: #102c25; }
.beachDayChoice--color button { justify-content: flex-start; font-size: 14px; min-width: 0; }
.beachDayChoice--color i { width: 24px; height: 24px; flex: 0 0 24px; border: 1px solid #ffffff88; border-radius: 50%; background: var(--swatch); box-shadow: 0 2px 8px #0008; }
.beachDayChoice--color span { overflow: hidden; text-overflow: ellipsis; }
.beachDayChoice--button .beachDayChoiceGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.beachDayChoice--button button { flex-direction: column; min-height: 72px; }
.beachDayChoice--button small { color: #9eb2bd; }
.beachDayButtonNote { color: #aaff22; margin: 0; font-size: 13px; }
.beachDaySizeGuide { margin: 24px 0; border: 1px solid #21475c; background: radial-gradient(circle at 50% 20%, #123748, #04121e 70%); padding: 18px; }
.beachDaySizeGuide figcaption { display: flex; justify-content: space-between; align-items: baseline; color: #fff; margin-bottom: 10px; }
.beachDaySizeGuide figcaption span { color: #aaff22; font: 700 12px monospace; text-transform: uppercase; letter-spacing: .08em; }
.beachDaySizeGuide img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) { .beachDayChoice--color .beachDayChoiceGrid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .beachDayChoiceGrid, .beachDayChoice--color .beachDayChoiceGrid { grid-template-columns: repeat(2, 1fr); } .beachDaySizeGuide figcaption { align-items: flex-start; flex-direction: column; gap: 4px; } }