.compare-donors{display:block;padding:20px 0}
.compare-donors__title{color:#333;font-size:42px;font-weight:300;line-height:52px;margin:0 0 4px 0}
.compare-donors__description{color:#756e6b;font-size:15px;font-weight:300;line-height:24px}
.compare-donors__traits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}
@media(max-width:767.98px){
.compare-donors__traits{display:none}
}
.compare-donors__traits--button{display:none;margin-top:14px}
.compare-donors__traits--button button{display:flex;font-family:Gelica,sans-serif;align-items:center;justify-content:center;width:100%;height:50px;gap:12px;color:#fff;font-size:15px;font-weight:300;line-height:21px;border-radius:100px;background:#c87d60;border:none;outline:0}
.compare-donors__traits--button svg{flex-shrink:0}
.compare-donors__traits--button .badge{display:flex;align-items:center;justify-content:center;height:18px;border-radius:100px;background:#fff;color:#c87d60;font-size:10px;font-weight:400;padding:0 8px}
@media(max-width:767.98px){
.compare-donors__traits--button{display:block}
}
.compare-donors__traits-mobile--title{color:#333;font-size:24px;font-weight:300;line-height:32px;margin-bottom:12px}
.compare-donors__traits-mobile--summary{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#3d3d3d;font-size:14px;font-weight:300;line-height:21px;padding:10px 0;border-bottom:1px solid #ecd7c7}
.compare-donors__traits-mobile--summary-close,.compare-donors__traits-mobile--summary-open{display:flex;width:28px;height:28px;flex-shrink:0;align-items:center;justify-content:center;color:#333;background:#f6e5d6;border-radius:100px}
.compare-donors__traits-mobile--details:first-of-type .compare-donors__traits-mobile--summary{border-top:1px solid #ecd7c7}
.compare-donors__traits-mobile--details:not([open]) .compare-donors__traits-mobile--summary-close{display:none}
.compare-donors__traits-mobile--details[open] .compare-donors__traits-mobile--summary-open{display:none}
.compare-donors__traits-mobile--body{border-bottom:1px solid #ecd7c7;padding:8px 0}
.compare-donors__traits-mobile--body label{margin:0 0 6px 0}
.compare-donors__traits-mobile--body label:last-of-type{margin-bottom:0}
.compare-donors__traits-mobile--body .custom-checkbox-label{font-size:14px;color:#3d3d3d;font-weight:300}
.compare-donors__traits-mobile--body .custom-checkbox-status{background:rgba(0,0,0,0);border-color:#756e6b}
.compare-donors__traits-mobile--body .custom-checkbox-status:before{border-color:#756e6b!important}
.compare-donors__traits--active{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.compare-donors__traits--active:not(:empty){margin-top:24px}
.compare-donors__traits--active-item{display:flex;align-items:center;justify-content:center;font-family:Gelica,sans-serif;height:32px;gap:10px;color:#333;font-size:12px;font-weight:200;line-height:24px;padding:0 12px;border:none;border-radius:8px;background:#ecd7c7;cursor:pointer}
.compare-donors__traits--active-item svg{flex-shrink:0}
.compare-donors__traits--active-item-remove{display:flex;align-items:center;justify-content:center;width:8px;height:8px;border:none;background:rgba(0,0,0,0)}
.compare-donors__results{display:grid;grid-template-columns:280px 1fr;gap:0;margin-top:60px}
@media(max-width:767.98px){
.compare-donors__results{grid-template-columns:1fr}
}
.compare-donors__results-traits{display:flex;flex-direction:column;padding-right:24px}
@media(max-width:767.98px){
.compare-donors__results-traits{display:none}
}
.compare-donors__results-traits-list{display:flex;flex-direction:column}
.compare-donors__results-trait{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ecd7c7;color:#333;font-size:16px;font-weight:200;line-height:24px;height:56px}
.compare-donors__results-trait-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ecd7c7;border-radius:50%;cursor:pointer;color:#333;flex-shrink:0}
@media(max-width:767.98px){
.compare-donors__results-trait-remove{position:absolute;top:50%;right:4px;transform:translateY(-50%);background:rgba(0,0,0,0)}
}
.compare-donors__results-trait-remove svg{flex-shrink:0}
.compare-donors__results-trait-remove:hover{background:#dbc8b8}
.compare-donors__add-trait{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 24px;border:1px solid #c87d60;border-radius:100px;background:rgba(0,0,0,0);color:#c87d60;font-family:Gelica,sans-serif;font-size:15px;font-weight:300;line-height:21px;cursor:pointer;width:-moz-fit-content;width:fit-content}
.compare-donors__add-trait--mobile{margin:0}
.compare-donors__add-trait svg{width:16px;height:16px}
.compare-donors__add-trait:hover{background:rgba(200,125,96,.05)}
.compare-donors__results-donors{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
@media(max-width:767.98px){
.compare-donors__results-donors{gap:20px}
}
.compare-donors__donor{display:flex;flex-direction:column}
.compare-donors__donor-card{display:flex;flex-direction:column;background:#fff;height:100%}
@media(max-width:767.98px){
.compare-donors__donor-card{background:rgba(0,0,0,0)}
}
.compare-donors__donor-card-header{display:flex;align-items:flex-start}
.compare-donors__donor-card-body{padding:0 15px}
@media(max-width:767.98px){
.compare-donors__donor-card-body{padding:0}
}
.compare-donors__donor-image{position:relative;width:100%;aspect-ratio:1;max-width:280px;border-radius:4px;overflow:hidden;background:#f9efe7;margin:-15px 0 0 15px}
@media(max-width:767.98px){
.compare-donors__donor-image{max-width:100%;aspect-ratio:1;margin:0}
}
.compare-donors__donor-image-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#d4c4b5}
.compare-donors__donor-image-photo{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.compare-donors__donor-selector{display:flex;align-items:center;gap:12px;margin:36px 0 8px 0}
@media(max-width:767.98px){
.compare-donors__donor-selector{flex-direction:column;align-items:stretch;gap:8px;margin-top:20px}
}
.compare-donors__donor-selector .custom-select-donor{flex:1}
.compare-donors__donor-selector .custom-select-donor .custom-select-label{color:#756e6b;font-size:12px;font-weight:300;margin-bottom:4px}
@media(max-width:767.98px){
.compare-donors__donor-selector .custom-select-donor .custom-select-label{background:#ffeddf}
}
.compare-donors__donor-selector .custom-select-donor .custom-select-value{border:1px solid #756e6b;border-radius:4px;padding:10px 12px;font-size:18px;font-weight:200;color:#000;min-height:44px;display:flex;align-items:center;gap:10px}
@media(max-width:767.98px){
.compare-donors__donor-selector .custom-select-donor .custom-select-value{background:#ffeddf}
}
.compare-donors__donor-selector .custom-select-donor .custom-select-value img{display:none;width:28px;height:28px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}
.compare-donors__donor-selector .custom-select-donor .custom-select-value span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compare-donors__donor-selector .custom-select-donor .custom-select-toggle{right:4px;color:#333}
.compare-donors__donor-selector .custom-select-donor .custom-select-body{border:1px solid #d4c4b5;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.compare-donors__donor-selector .custom-select-donor .custom-select-search{border-bottom:1px solid #ecd7c7}
.compare-donors__donor-selector .custom-select-donor .custom-select-search input{font-family:Gelica,sans-serif;font-size:14px;border:none;outline:0;width:100%}
.compare-donors__donor-selector .custom-select-donor .custom-select-search input::-moz-placeholder{color:#756e6b}
.compare-donors__donor-selector .custom-select-donor .custom-select-search input::placeholder{color:#756e6b}
.compare-donors__donor-selector .custom-select-donor .custom-select-search svg{display:none}
.compare-donors__donor-selector .custom-select-donor .custom-select-options{max-height:240px;overflow-y:auto}
.compare-donors__donor-selector .custom-select-donor .custom-select-option{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .2s}
.compare-donors__donor-selector .custom-select-donor .custom-select-option:hover{background:#f9efe7}
.compare-donors__donor-selector .custom-select-donor .custom-select-option.selected{background:#f4e8dd}
.compare-donors__donor-selector .custom-select-donor .custom-select-option.placeholder{color:#756e6b}
.compare-donors__donor-selector .custom-select-donor .custom-select-option img{width:40px;height:40px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}
.compare-donors__donor-selector .custom-select-donor .custom-select-option span{font-size:14px;color:#333}
.compare-donors__donor-nav{display:flex;gap:8px}
@media(max-width:767.98px){
.compare-donors__donor-nav{justify-content:space-between}
}
.compare-donors__donor-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#e8d5c5;border-radius:50%;color:#756e6b;cursor:pointer;transition:background .2s,opacity .2s}
@media(max-width:767.98px){
.compare-donors__donor-nav-btn{width:80px;height:40px;border-radius:8px;background:#f6e5d6}
}
.compare-donors__donor-nav-btn:hover:not(:disabled){background:#dbc8b8}
.compare-donors__donor-nav-btn:disabled{opacity:.5;cursor:not-allowed}
.compare-donors__donor-nav-btn svg{flex-shrink:0}
.compare-donors__donor-values{display:flex;flex-direction:column;flex:1}
@media(max-width:767.98px){
.compare-donors__donor-values{display:none}
}
.compare-donors__donor-value{display:flex;align-items:center;justify-content:center;padding:12px 16px;border-bottom:1px solid #e2e2e2;color:#333;font-size:16px;font-weight:200;line-height:24px;text-align:center;height:56px;overflow:hidden;text-overflow:ellipsis}
.compare-donors__donor-value.is-empty{color:#756e6b}
.compare-donors__donor-actions{display:flex;justify-content:center;gap:8px}
.compare-donors__donor-actions.vertical{flex-direction:column;align-items:center}
.compare-donors__donor-action{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #e7e7e7;border-radius:4px;background:rgba(0,0,0,0);color:#756e6b;cursor:pointer;transition:all .2s}
.compare-donors__donor-action:hover{border-color:#c87d60;color:#c87d60}
.compare-donors__donor-action.is-active{background:#c87d60;border-color:#c87d60;color:#fff}
.compare-donors__donor-action.is-active svg path{fill:#fff}
.compare-donors__donor-see-more{display:flex;align-items:center;justify-content:center;padding:15px}
.compare-donors__donor-link{display:inline-flex;align-items:center;justify-content:center;height:50px;text-align:center;background:#c87d60;border:1px solid #c87d60;color:#fff;font-size:15px;font-weight:300;line-height:21px;outline:0;transition:.3s ease all;padding:0 40px;border-radius:100px;text-decoration:none}
.compare-donors__donor-link:hover{background:rgba(0,0,0,0);color:#c87d60}
.compare-donors__results-table{display:none;grid-column:1/-1;margin-top:20px}
@media(max-width:767.98px){
.compare-donors__results-table{display:block}
}
.compare-donors__results-table-body{display:flex;flex-direction:column}
.compare-donors__results-table-actions{display:none;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:5px}
@media(max-width:767.98px){
.compare-donors__results-table-actions{display:grid}
}
.compare-donors__results-table-actions .product-card-favourite,.compare-donors__results-table-actions .product-card-note__button,.compare-donors__results-table-actions .product-card-visibility{border-radius:100px;border:1px solid #eddaca;background:#faeadc}
.compare-donors__results-table-actions .product-card-note__button svg path:nth-child(1){fill:#faeadc}
.compare-donors__results-table-footer{display:none;border-top:1px solid #ecd7c7;background:#f6e5d6;padding:12px;position:sticky;bottom:0}
@media(max-width:767.98px){
.compare-donors__results-table-footer{display:flex;align-items:center;justify-content:center}
}
.compare-donors__results-table-row{display:flex;flex-direction:column;border-top:1px solid #ecd7c7}
@media(max-width:767.98px){
.compare-donors__results-table-row{border-top:none}
}
.compare-donors__results-table-row:last-child{border-bottom:1px solid #ecd7c7}
@media(max-width:767.98px){
.compare-donors__results-table-row:last-child{border-bottom:none}
}
.compare-donors__results-table-header{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;color:#333;font-size:14px;font-weight:400;text-align:center;position:relative}
@media(max-width:767.98px){
.compare-donors__results-table-header{background:#f6e5d6;padding:5px 32px;font-size:15px;font-weight:200}
}
.compare-donors__results-table-values{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 0 12px}
@media(max-width:767.98px){
.compare-donors__results-table-values{padding:14px 0}
}
.compare-donors__results-table-value{text-align:center;color:#333;font-size:14px;font-weight:300;line-height:20px}
.compare-donors__results-table-value.is-empty{color:#756e6b}
.compare-donors__donor-card-header .compare-donors__donor-actions{flex-grow:1;min-width:132px;margin:0;padding:12px 42px;align-items:center;justify-content:center;height:100%}
@media(max-width:767.98px){
.compare-donors__donor-card-header .compare-donors__donor-actions{display:none}
}
@media(max-width:767.98px){
.compare-donors__donor-card-footer{display:none}
}
.compare-donors__donor-card-footer .compare-donors__donor-actions{display:none}
@media(max-width:767.98px){
.compare-donors__donor-card-footer .compare-donors__donor-actions{display:flex}
}
@media(max-width:767.98px){
.compare-donors__traits-popup{padding:0}
}
.compare-donors__traits-popup-close{display:none;align-items:center;justify-content:center;padding:24px;position:absolute;top:-100px;left:0;width:100%}
@media(max-width:767.98px){
.compare-donors__traits-popup-close{display:flex}
}
.compare-donors__traits-popup-close custom-popup-close{display:flex;align-items:center;justify-content:center;height:50px;font-family:Gelica,sans-serif;color:#333;font-size:15px;font-weight:300;line-height:21px;border:none;padding:0 36px;background:#fff;border-radius:100px;outline:0}
@media(max-width:767.98px){
.compare-donors__traits-popup .popup-container{align-items:flex-end;padding-top:100px}
}
.compare-donors__traits-popup .popup-body{background:#ffeddf;border-top:1px solid #e0b797;border-radius:0;box-shadow:none}
@media(max-width:767.98px){
.compare-donors__traits-popup .popup-body{padding:20px}
}