gallery + allProductReviews
/* 리뷰 페이지 래퍼가 #looxPage 라고 가정 (네가 쓴 래퍼 id) */
#looxPage { max-width:1200px; margin:24px auto 60px; padding:0 20px; }
/* 배경 흰색 고정 */
html, body, #MainContent, #looxPage { background:#fff !important; }
#looxPage .loox, #looxPage .loox-app, #looxPage .loox-reviews,
#looxPage .loox-container, #looxPage .loox-content, #looxPage [class*="loox-"]{
background:#fff !important; color-scheme: light;
}
/* 상단 요약(점수/리뷰수 vs 분포 막대) 좌/우 2분할 */
@media (min-width: 900px){
#looxPage [class*="aggregate"], #looxPage [class*="summary"]{
display:grid !important;
grid-template-columns:380px 1fr !important;
gap:28px !important; align-items:start;
margin-bottom:28px !important;
}
}
/* 리뷰 카드 2열 */
@media (min-width: 900px){
#looxPage .loox-list, #looxPage .loox-grid,
#looxPage [class*="review-list"], #looxPage [class*="reviews-list"],
#looxPage [class*="grid"], #looxPage [class*="list"]{
display:grid !important; grid-template-columns:1fr 1fr !important;
gap:24px !important; align-items:start;
}
}
/* 모바일 1열 */
@media (max-width: 899px){
#looxPage .loox-list, #looxPage .loox-grid,
#looxPage [class*="review-list"], #looxPage [class*="reviews-list"],
#looxPage [class*="grid"], #looxPage [class*="list"]{
display:grid !important; grid-template-columns:1fr !important; gap:16px !important;
}
}
/* 카드 비주얼 */
#looxPage [class*="review"]:not([class*="list"]):not([class*="grid"]){
background:#fff !important; border-radius:12px;
box-shadow:0 8px 28px rgba(0,0,0,.06); padding:16px !important;
}
{# 여기에 현재 쓰는 Loox 위젯 마크업을 그대로 두세요. #}
{# 예:
#}
