.dh-compare-float{background:var(--dh-white);border:1px solid var(--dh-gray-200);z-index:1000;border-radius:2px;width:320px;animation:.4s cubic-bezier(.34,1.56,.64,1) dhCompareFloatIn;position:fixed;bottom:2rem;right:2rem;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}@keyframes dhCompareFloatIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dh-compare-float__header{background:var(--dh-navy);border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.dh-compare-float__icon-wrapper{background:var(--dh-gold);width:36px;height:36px;color:var(--dh-navy);border-radius:2px;justify-content:center;align-items:center;display:flex}.dh-compare-float__title{font-family:var(--dh-font-display);color:var(--dh-white);letter-spacing:.02em;flex:1;font-size:1rem;font-weight:500}.dh-compare-float__count{font-family:var(--dh-font-body);color:var(--dh-gold-light);letter-spacing:.05em;background:#c9a96233;border-radius:20px;padding:.25rem .625rem;font-size:.7rem;font-weight:600}.dh-compare-float__boats{background:var(--dh-gray-50);flex-direction:column;gap:.5rem;max-height:200px;padding:.75rem;display:flex;overflow-y:auto}.dh-compare-float__boat{background:var(--dh-white);border:1px solid var(--dh-gray-200);align-items:center;gap:.75rem;padding:.625rem;transition:all .3s;display:flex}.dh-compare-float__boat:hover{border-color:var(--dh-ocean)}.dh-compare-float__boat-image{object-fit:cover;flex-shrink:0;width:48px;height:36px}.dh-compare-float__boat-info{flex-direction:column;flex:1;min-width:0;display:flex}.dh-compare-float__boat-name{font-family:var(--dh-font-body);color:var(--dh-navy);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.03em;font-size:.7rem;font-weight:600;overflow:hidden}.dh-compare-float__boat-model{font-family:var(--dh-font-display);color:var(--dh-gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dh-compare-float__remove-button{border:1px solid var(--dh-gray-200);width:24px;height:24px;color:var(--dh-gray-400);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.dh-compare-float__remove-button:hover{color:#dc2626;background:#dc26261a;border-color:#dc262666}.dh-compare-float__actions{border-top:1px solid var(--dh-gray-200);background:var(--dh-white);gap:.75rem;padding:1rem;display:flex}.dh-compare-float__clear-button{border:1px solid var(--dh-gray-300);color:var(--dh-gray-600);font-family:var(--dh-font-body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;flex:1;padding:.625rem 1rem;font-size:.7rem;font-weight:600;transition:all .3s}.dh-compare-float__clear-button:hover{border-color:var(--dh-navy);color:var(--dh-navy);background:var(--dh-gray-50)}.dh-compare-float__compare-button{background:var(--dh-ocean);color:var(--dh-white);font-family:var(--dh-font-body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.7rem;font-weight:600;transition:all .3s;display:flex}.dh-compare-float__compare-button:hover{background:var(--dh-ocean-dark);transform:translateY(-1px);box-shadow:0 4px 16px #2496ca4d}.dh-compare-float__compare-button svg{transition:transform .3s}.dh-compare-float__compare-button:hover svg{transform:translate(2px)}@media (max-width:640px){.dh-compare-float{width:auto;bottom:1rem;left:1rem;right:1rem}.dh-compare-float__boats{max-height:150px}}