.oeeroo-saved-page { padding-top: 42px; padding-bottom: 70px; }
.oeeroo-saved-page-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 22px; margin-bottom: 28px; border-bottom: 1px solid var(--oeeroo-border); }
.oeeroo-saved-page-header > div { display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 12px; align-items: center; }
.oeeroo-saved-page-icon { grid-row: 1 / span 2; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #f0f7fd; color: var(--oeeroo-primary); font-size: 28px; line-height: 1; }
.oeeroo-saved-page h1 { margin: 0; font-size: 32px; line-height: 1.15; }
.oeeroo-saved-page-header p { margin: 4px 0 0; color: var(--oeeroo-muted); font-size: 14px; }
.oeeroo-saved-clear { border: 1px solid var(--oeeroo-border); background: #fff; color: var(--oeeroo-text); padding: 10px 14px; font: 600 13px/1 inherit; cursor: pointer; }
.oeeroo-saved-empty { max-width: 520px; margin: 70px auto; text-align: center; }
.oeeroo-saved-empty h2 { margin: 0 0 8px; font-size: 24px; }
.oeeroo-saved-empty p { margin: 0 0 22px; color: var(--oeeroo-muted); }
.oeeroo-saved-results { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.oeeroo-saved-product { position: relative; min-width: 0; border: 1px solid var(--oeeroo-border); background: #fff; }
.oeeroo-saved-image { display: block; background: var(--oeeroo-light-bg); }
.oeeroo-saved-image img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }
.oeeroo-saved-details { padding: 14px; }
.oeeroo-saved-details h2 { margin: 0 0 8px; font-size: 16px; line-height: 1.35; }
.oeeroo-saved-price { min-height: 25px; margin-bottom: 12px; font-weight: 700; }
.oeeroo-saved-details .button { display: inline-flex; min-height: 38px; align-items: center; padding: 10px 14px; font-size: 12px !important; }
.oeeroo-saved-remove { position: absolute; z-index: 2; top: 8px; right: 8px; display: grid; width: 30px; height: 30px; place-items: center; border: 0; border-radius: 50%; background: #fff; color: var(--oeeroo-text); box-shadow: 0 2px 7px rgba(0,0,0,.2); font: 400 23px/1 Arial; cursor: pointer; }
.oeeroo-compare-details { margin: 0 0 14px; padding: 0; border-top: 1px solid var(--oeeroo-border); }
.oeeroo-compare-details div { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--oeeroo-border); font-size: 12px; }
.oeeroo-compare-details dt { color: var(--oeeroo-muted); }
.oeeroo-compare-details dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.oeeroo-compare-details a { color: inherit; text-decoration: underline; }
.oeeroo-purchase-assurance { text-decoration: none; }
.oeeroo-purchase-assurance:hover strong, .oeeroo-purchase-assurance:focus-visible strong { color: var(--oeeroo-primary); }
.oeeroo-footer-extra { margin-top: -8px !important; }
@media (max-width: 991px) { .oeeroo-saved-results { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .oeeroo-saved-page { padding-top: 24px; padding-bottom: 45px; } .oeeroo-saved-page-header { align-items: flex-start; margin-bottom: 20px; } .oeeroo-saved-page-header > div { grid-template-columns: 34px minmax(0, 1fr); column-gap: 9px; } .oeeroo-saved-page-icon { width: 34px; height: 34px; font-size: 22px; } .oeeroo-saved-page h1 { font-size: 24px; } .oeeroo-saved-page-header p { font-size: 12px; } .oeeroo-saved-clear { flex: 0 0 auto; padding: 9px 10px; font-size: 11px; } .oeeroo-saved-empty { margin: 45px auto; } .oeeroo-saved-results { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .oeeroo-saved-details { padding: 10px; } .oeeroo-saved-details h2 { font-size: 13px; } .oeeroo-saved-price { min-height: 20px; margin-bottom: 9px; font-size: 13px; } .oeeroo-saved-details .button { width: 100%; justify-content: center; min-height: 34px; padding: 8px; font-size: 11px !important; } .oeeroo-saved-remove { top: 5px; right: 5px; width: 26px; height: 26px; font-size: 20px; } .oeeroo-compare-details div { grid-template-columns: 1fr; gap: 1px; padding: 5px 0; font-size: 11px; } }