/* DreamTheme Core — Compare page additions to .cmp-wrap / .cmp in main.css. */
.cmp-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
.cmp-wrap:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.cmp .cmp-img{display:block;width:150px}
.cmp .cmp-img img{display:block;height:auto}
.cmp .cmp-name{font-size:15px;margin-top:10px;line-height:1.35}
.cmp .cmp-name a{color:var(--ink)}
.cmp .cmp-name a:hover{color:var(--pri)}
.cmp ul{margin:0;padding-left:18px;display:grid;gap:4px}
.cmp td .btn{white-space:nowrap}
.cmp .price{font-size:16px}
.cmp .price del{color:var(--ink-2);font-weight:400;font-size:13px;margin-right:4px}
.cmp .price ins{text-decoration:none}
@media (max-width:640px){
  .cmp th{width:96px;min-width:96px;padding:10px}
  .cmp td{min-width:160px;padding:10px}
  .cmp .cmp-img,.cmp img{width:110px}
}