/* ADMAL_HOME_REVIEWS_CLEAN_START */ /* * HOME REVIEWS * One canonical home slider layer. */ /* Summary */ .admal-home-reviews .admal-reviews-summary{ width:100% !important; max-width:100% !important; margin:0 !important; overflow:visible !important; } /* No home eyebrow */ .admal-home-reviews .admal-reviews-eyebrow{ display:none !important; } /* Score */ .admal-home-reviews .admal-reviews-summary__score{ width:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:wrap !important; gap:12px !important; margin:0 auto 24px !important; text-align:center !important; } /* * Real viewport. * This clips the next card. */ .admal-home-reviews .admal-home-reviews-viewport{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; overflow:hidden !important; } /* * Scrolling track. */ .admal-home-reviews .admal-reviews-summary__cards{ display:flex !important; grid-template-columns:none !important; width:100% !important; max-width:100% !important; box-sizing:border-box !important; gap:20px !important; margin:0 !important; padding:22px 0 34px !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-behavior:smooth; scroll-snap-type:x mandatory; scroll-padding-inline:0 !important; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; align-items:stretch !important; direction:ltr; touch-action:pan-x pan-y; } .admal-home-reviews .admal-reviews-summary__cards::-webkit-scrollbar{ display:none; } /* ========================================================== DESKTOP ONLY — 4 FULL CARDS ========================================================== */ @media (min-width:1025px){ .admal-home-reviews{ max-width:none !important; } /* * Shadow room belongs to viewport, * not to track geometry. */ .admal-home-reviews .admal-home-reviews-viewport{ padding-inline:14px !important; } .admal-home-reviews .admal-reviews-summary__cards > .admal-review-card{ flex: 0 0 calc((100% - 60px) / 4) !important; width: calc((100% - 60px) / 4) !important; min-width: calc((100% - 60px) / 4) !important; max-width: calc((100% - 60px) / 4) !important; margin:0 !important; box-sizing:border-box !important; position:relative; z-index:1; align-self:stretch; scroll-snap-align:start; scroll-snap-stop:always; transform:translate3d(0,0,0); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } @media (hover:hover) and (pointer:fine){ .admal-home-reviews .admal-reviews-summary__cards > .admal-review-card:hover{ z-index:20; transform: translate3d(0,-7px,0) scale(1.006) !important; box-shadow: 0 18px 28px rgba(17,24,39,.15) !important; } } } /* ========================================================== EXISTING TABLET BEHAVIOR — 2 ========================================================== */ @media (max-width:1024px){ .admal-home-reviews .admal-home-reviews-viewport{ padding-inline:0 !important; } .admal-home-reviews .admal-reviews-summary__cards > .admal-review-card{ flex: 0 0 calc((100% - 20px) / 2) !important; width: calc((100% - 20px) / 2) !important; min-width: calc((100% - 20px) / 2) !important; max-width: calc((100% - 20px) / 2) !important; } } /* ========================================================== EXISTING MOBILE BEHAVIOR — 1 ========================================================== */ @media (max-width:640px){ .admal-home-reviews .admal-reviews-summary__cards{ gap:14px !important; padding:14px 0 24px !important; } .admal-home-reviews .admal-reviews-summary__cards > .admal-review-card{ flex:0 0 100% !important; width:100% !important; min-width:100% !important; max-width:100% !important; } } .admal-home-reviews .admal-home-review-clone{ pointer-events:none; } .admal-home-reviews .admal-reviews-summary__link{ display:none !important; } /* ADMAL_HOME_REVIEWS_CLEAN_END */ /* ========================================================= ADMAL_HOME_FINAL_UX_V1 Home only: - Keep reviews even when ADMAL replied - Hide the ADMAL reply block on Home - Show Reviews CTA beside aggregate rating - Make manual horizontal dragging obvious ========================================================= */ /* Keep the review, hide ONLY ADMAL's reply on Home. */ .admal-home-reviews .admal-review-card__reply{ display:none !important; } /* * Existing Home CSS previously hides summary links. * Re-enable ONLY the score CTA. */ .admal-home-reviews .admal-reviews-summary__score .admal-reviews-summary__link--score{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; max-width:100% !important; min-height:40px !important; margin:0 !important; padding:8px 15px !important; border:1px solid var(--admal-rv-accent) !important; border-radius:11px !important; background:var(--admal-rv-accent) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; text-decoration:none !important; -webkit-text-decoration:none !important; white-space:nowrap !important; } .admal-home-reviews .admal-reviews-summary__score .admal-reviews-summary__link--score:link, .admal-home-reviews .admal-reviews-summary__score .admal-reviews-summary__link--score:visited, .admal-home-reviews .admal-reviews-summary__score .admal-reviews-summary__link--score:hover, .admal-home-reviews .admal-reviews-summary__score .admal-reviews-summary__link--score:active, .admal-home-reviews .admal-reviews-summary__score .admal-reviews-summary__link--score:focus{ display:inline-flex !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background:var(--admal-rv-accent) !important; text-decoration:none !important; } /* Desktop user can grab and drag the carousel manually. */ @media (hover:hover) and (pointer:fine){ .admal-home-reviews .admal-reviews-summary__cards{ cursor:grab; } .admal-home-reviews .admal-reviews-summary__cards.is-admal-manual-drag{ cursor:grabbing; scroll-behavior:auto !important; user-select:none; } } @media (max-width:640px){ .admal-home-reviews .admal-reviews-summary__score{ gap:10px !important; } .admal-home-reviews .admal-reviews-summary__score .admal-reviews-summary__link--score{ width:auto !important; margin-inline:auto !important; } } /* ADMAL_HOME_FINAL_UX_V1_END */