.compare_page_wrapper{padding-bottom:40px}.compare_page_wrapper .title{text-align:center}.compare_page_wrapper .compare-content{margin-top:40px;border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.compare_page_wrapper .compare-content .compare-line{display:flex;border-top:1px solid var(--border-color);flex-direction:column}@media (min-width: 768px){.compare_page_wrapper .compare-content .compare-line{flex-direction:row}}.compare_page_wrapper .compare-content .compare-line .compare-title{padding:10px;display:flex;align-items:center;width:100%;font-weight:600;flex-shrink:0;background:var(--secondary-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}@media (min-width: 768px){.compare_page_wrapper .compare-content .compare-line .compare-title{width:200px !important;background:#fff;border-bottom:none}}.compare_page_wrapper .compare-content .compare-line .compare-box{flex-grow:1;display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.compare_page_wrapper .compare-content .compare-item{display:flex;flex-direction:column;padding:10px;border-right:1px solid var(--border-color);overflow-x:auto}.compare_page_wrapper .compare-content .compare-overview .compare-item{position:relative}.compare_page_wrapper .compare-content .compare-overview .compare-item .image{width:100%;max-width:400px;aspect-ratio:1;margin-bottom:8px;overflow:hidden;padding-top:20px}.compare_page_wrapper .compare-content .compare-overview .compare-item .image img{width:100%;height:100%;object-fit:contain}.compare_page_wrapper .compare-content .compare-overview .compare-item .detail{display:flex;flex-direction:column}.compare_page_wrapper .compare-content .compare-overview .compare-item .detail .name{font-weight:600;color:#000}.compare_page_wrapper .compare-content .compare-overview .compare-item .detail .sku{font-size:12px;color:var(--text-secondary-color)}.compare_page_wrapper .compare-content .compare-overview .compare-item .compare-delete{position:absolute;top:10px;right:10px;cursor:pointer;transition:all 0.3s}.compare_page_wrapper .compare-content .compare-overview .compare-item .compare-delete:hover{color:red}.compare_page_wrapper .compare-content .colors{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.compare_page_wrapper .compare-content .colors .color-item{display:flex;align-items:center}.compare_page_wrapper .compare-content .colors .color-item .color-preview{width:20px;height:20px;border-radius:100%;background:#000;margin-right:4px;border:1px solid var(--border-color)}.compare_page_wrapper .compare-content .colors .color-item .color-name{font-size:14px;font-weight:600}.compare_page_wrapper .compare-empty{display:none}